WebTecNote

はじめまして。

初期のバージョンからお世話になっています。
最近のバージョンでファイル添付も可能になって、増々便利なメールフォームになったと思いますが、
このファイル添付を管理者通知メールに添付するのではなく、サーバーに保存しておいて、
管理者通知メールがくる→サーバーにアクセスしてダウンロードしてくる、という形には改変できますでしょうか。

大きなファイルが複数に渡ってまとめてメールで添付送信されると受信が大変なので、
都合のいい時にファイルだけ取りに行くという風にしたいのです。

管理者画面みたいなのにログインしてログをみてDLするなど選べればベストですが、
それだと改造が多岐にわたって大変そうなので、上記の機能ぐらいなら可能でしょうか。

確かにファイルが重いと添付できませんな…と思ったので対応しておきました。
管理画面機能はかなりやっつけなのでご意見ご要望頂けると嬉しいです。

[js] あの楽器の図形描画をcanvasで

2019/07/262010/07/02 by

あの楽器は初音ミクがPVで持ってる楽器の事です。

一年ちょっと前にMooToolsでやろうとして匙を投げたんだけど、
「canvas使えばやれるかな」と当時言ってた事を覚えがてらやっつけてみた。

AnoRect – jsdo.it – share JavaScript, HTML5 and CSS

忘れないうちに図形描画の解説入れておこうと思う。

[php] PHPでcsvとtar.gzファイルをダウンロードさせる

2010/06/252010/06/25 by

ZeroMailの管理画面から、ログと添付ファイルをダウンロード出来るようにした。
ログファイルはCSVで、添付ファイルはディレクトリごと一括してtar.gzです。

ダウンロードアラート

CSVはともかくtar.gzにてこずったのでメモっておくことにする。
※TarはPEARでなくコマンドでやっつけてます。

[js] 正規表現で拡張子・スキーム・ドメインを一括マッチング

2010/06/23 by

アンカーのhrefに含まれる拡張子やスキームに応じたアイコンを表示するっていうのはCSSでよくあるけど、
ドメインに応じてfaviconと同じアイコン表示するのは見たことがない。

どこのサイトか判別するなら大体こんなパターンが考えられる：

www.sitename.com …　真ん中にサイト名
sitename.com　…　先頭にサイト名
service.sitename.co.jp　…　サービス名＋サイト名
site.name　…　ドット無くすとサイト名

その理屈をjavascriptの正規表現でやっつけてみたのが次のソースです。

var TextlinksAddClass = function(target,title){
this.target = target || document;
this.title = title;

this.start = function(){
var anc = this.target.getElementsByTagName(“a”);
for(i=0; iView Demo »

del.icio.usみたいなドット無くすとサイト名になるものは判別してない。

上記はアンカーにclassとtitleを付与するものですが、改変して
createElement(“img”)やstyle.backgroundでclass+’.png’とかすれば自動的にアイコンの挿入が出来る。
アンテナサイトとかで使えるかも。

[HTML5API] Web Workersで手抜きツール作ってみた

2010/06/222010/06/22 by

マイコミジャーナルにあるHTML5 APIのWeb Workersについての解説見て作ってみたものを、
最近サービス開始されたjsdo.itにうｐしてみたよ。
jsdo.itはまだ開始まもなく、研究に余念の無い変態ユーザーの密度が計り知れない強さなので必見だと思う 😀

とりあえずWeb Workersっていうのが使ってみたかったんだけど、負荷の軽減具合を試すようなサンプルじゃ面白くないので、
ライブラリファイルにあるHTMLソースを組み合わせてベースになるソースを組む手抜きツールを作ってみた。
連想配列として設定済みの値を並べるだけでも量が増えればそれなりに重くなると思うし。

HTMLSourceBuilder

読み込んでるワーカーファイルとライブラリファイルを編集すれば出力をカスタマイズできる。

[MooTools] Fx.SmoothScroll – not add the address bar URL’s hash

2010/06/18 by

Dojo触ってて思い出した事を解決。 MooTools MoreのFx.SmoothScrollはスクロールが終了した時にアドレスバーのURLにハッシュ(#top など)を追加しますが、少しカスタマイズすればこれを追加 … 続きを読む

[dojo] Smooth Scrolling “Go To Top” Link

2010/06/17 by

滑らかにスクロールするトップに戻るボタンのDojo版。 DavidのソースにSmoothScrolllつけてみたよ。 DojoのSmoothScrollはDojox内にあるのでfxとfx.scrollをrequireする … 続きを読む

Google Maps API V3 基本的な使用方法と設定についてのまとめ

2010/10/072010/06/14 by

APIの呼び出し方からマーカークリックで情報ウィンドウを表示するまでの基本的な使い方について、オプション設定の仕方を含めてまとめてみた。

Webサイトへの導入

API呼び出すscriptタグとwindow.onloadで実行される関数書いて～という手順はV2とまったく同じ。

シンプルな地図を表示するサンプル

下記ソースを元に解説します。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<title>Google Maps JavaScript API v3 Example</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

View example(google)

V2使ってた事があれば色々違ってるのが分かると思う。

Google MapsにKMLのデータを表示する (v2,v3)

2010/06/142010/06/11 by

KMLファイルを使えばGoogleMapsのマーカー設定とかが凄い簡単にできるっていう話。
KMLはXMLのように書式が決まってて手打ちはだいぶややこしいんだけど、GoogleEarth使えば簡単に作れる。

GooleEarthを開くと左側に「場所」ってのがあって、マークされた目印とかが表示されていると思う。
デフォルトだとお気に入りの中に観光ツアーというモノがあります。

自分でポチポチマーキングしてもいいんだけど、手順を解説するのは本題から外れるので割愛。
詳しくはマニュアル参照で。
「場所」タブの横にあるコンテンツを追加を押すと、ユーザーが作ったデータをギャラリーからインポート出来る。
とりあえずサンプルとして28日間で日本一周を読み込でみると、保留って所に表示されると思う。

そしたら一番親のタイトルの所を右クリックして「名前をつけて場所を保存」を選ぶ。

ファイルタイプでkmlを選べばkmlファイルがエクスポートされます。

[php] ワンタイムURLの作成と登録確認のメール送信

2010/05/242010/05/21 by

ユーザー登録の確認で、入力されたメールアドレスに有効期限つきのURLが送信されて
そのリンクをクリックしてページを表示して初めて登録が完了するというのがある。
それについてGoogle先生に聞いても具体的に教えてもらえなかったので、想像だけで組んでみた。

send:

ユーザーから送信された登録情報をチェック
エラーがなければトークン作成
トークンを名前にしたテキストファイルをトークンディレクトリに作成
作成されたトークンファイルに有効期限のタイムスタンプ保存
トークンを追加したURLを本文に書いたメール送信
送信しましたメッセージ表示

access:

メール送信したURLにアクセスがある
GETでトークン取得
トークンディレクトリから同名のファイルを検索
ファイル作成日＋期限と現在時刻の比較
期限内であればtrue　ファイル削除
期限外であればfalse　ファイル削除

フォルダをテーブルにしてファイルをレコードにすればデータベースでも…

ホームページビルダー14でXHTML＆HTML5 コーディング

2010/06/282010/05/19 by

去年「ホームページビルダーで更新出来るようにサイト組んでくれ」と言われ、
カッとなってホームページビルダー13でXHTML+CSSコーディングという記事を書いたんだけど、
あれから1年経ってv14が出たのでまた体験版を触ってみた。

改善点など

大文字で記述されていたタグが小文字記述になっている！
これはアメリカの母国語がフランス語になったくらいの改革ッ…！
どうやら設定の「出力文字」がv13まで大文字だったのがデフォで小文字になった所為らしい。

v13にあったDOCTYPE宣言が勝手に書き換えられてしまう致命的なバグも改善されている。
DOCTYPEはセレクトメニューから各種選べるようになっているので、dtdの有無は好みで変更できるようになった。
しかしxml宣言は相変わらず挿入されてしまう。

設定変更が必須になるが、致命的なバグが直ったのでXHTMLを作成・編集する障害は殆どなくなっている。

[wp] カスタムフィールドで期限日を設定してカウントダウンタイマーを表示

2019/08/022010/05/18 by Tenderfeel

「WordPressで投稿した記事に別途期限日を設定して、その期限日までのカウントダウンタイマーを表示したい」ってな用途に。
晒してるソースはMooToolだけどロジック応用すれば他のフレームワークでも出来るんじゃないかな。

完成形

期限日つきの記事を投稿するカテゴリーを作る。サンプルでは「未分類」の名前を変更してNewsカテゴリとして使用。

WordPressでカウントダウンの表示

投稿サムネイルと共に「○○まであと■■日▲▲時間★★分◆◆秒」と表示する。
時間はJavaScriptでリアルタイムにカウントダウンさせる。

更新されない可能性を考慮して、設定期限を過ぎた場合は過去形にしておくことにした。(javascriptで)

期限を越えた場合の表示

期限越えたとき表示する文字列の設定も出来るようにしておく。

文字列設定

以前書いた画像サムネイルを投稿された記事へのリンク付きで表示はギャラリーにある画像を表示するものなのだけど、
Wordpress2.9には投稿サムネイルっていう便利機能が備わっているんだよね。
そろそろ投稿サムネイル使う関数に書き直さねば…と思っていたらフォーラムにそんな感じの質問が投稿されていたのでｗ　さらっと書いてみた。
関数はループ外の使用が有効なので、トップに更新情報を出すもよし、サイドバーに表示するもよしです。

サンプル実行デモ

HTML

仕様上リスト要素しか出力されないんで、タイトルとか適当につけてください。

<h3>新着記事</h3>
<div id="newposts">
	<?php postthumb_ancherlinks('category=16,15');?>
</div>

CSS

デフォルトテーマに書いた超適当なソースだけど以下ポイント。

画像がない場合はnoimageというクラスがli要素に付くので、[No Image]画像を背景として指定。
サムネイルのサイズと同じpaddingとwidthを指定して整える。
サムネイルとタイトルの間には改行が入らないので、サムネイルかタイトルをブロック要素にして改行。

#newposts ul {
padding:0;
}
#newposts li {
list-style:none outside;
padding:0;
display:inline-block;
text-align:center;
}
#newposts li img {
display:block;
}

#newposts li.noimage {
background:url(images/noimage.png) no-repeat top center;
padding-top:100px;
width:100px;
}

[wp] WordPressテーマのfunctions.phpに仕込まれるワームについて

2010/05/142010/05/13 by

配布されたテーマをアクティブにしたことがありますか？もしあるなら既に悪意あるコードが仕込まれているかもしれませんよ。

2chのWordPress （ワードプレス）その15 >>806　より

テーマの安全性のチェックとかってみなさんどうしてますか？

WPとテーマをいくつかいれてから、システム情報みてみたらメールキューがたまってた。
あれ？と思ってキューにたまってるメールみてみたら上記アドレスあてにブログのアドレスを送ろうとしてました。
OB25通る設定してないのでひっかかってたから助かりました。

送ってるファイルの正体はSimple Perfectというテーマのfunction.phpです。
http://kachibito.net/wordpress/free-high-quality-themes.htmlで紹介されてました。
該当アドレスが分割して組み込まれてました。送ろうとしていた情報はの一部は↓です。
457 >——-$sq1=”SELECT DISTINCT ID, post_title, post_content, post_password,
comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,

WordPress公式の配布サイトからだとこういうのはないんですかね。

私は質問先の【PHP】下らねぇ質問はID出して書き込みやがれ 95を見ていて知ったんだけど、
どうも日本ではまだマイナーなワームなようなので注意喚起ついでに晒してみようと思います。
結論を書きますと、自作でないテーマを１度でもアクティブにした事がある方は、今すぐに怪しいコードがfunctions.phpに仕込まれていないかチェックした方がいいということです。

CSS3 Code Generator

2010/05/062010/05/06 by

CSS3のソースコードをパパッと出力するジェネレータを作った。
巷には既に超有名ジェネレーターが２つ３つあるんだけど、
ボタンのマウスオーバーとかグラデーションで作るときもプレビュー出来るやつが欲しかったんで、
無いなら作ればいいじゃない理論で擬似クラスにも地味に対応してます。

使い方は右上のHelpにちらっと書いてあるんだけど多分初見で使えると思う。
あんまりテストしてないのでバグとかリクエストとかあったらtwitterとかこの記事のコメントとかメールとかで教えて頂けると助かります。

未圧縮ソースはリポジトリに。

ZeroMail ver1.3.1

2010/04/30 by

ラジオボタン・チェックボックスの必須入力設定をするhiddenタグを使用した場合に、全ての必須入力項目が記入されていてもエラーメッセージが表示されるバグがありました。（kumaoさんコメントありがとうございます 😀 … 続きを読む

Windows版XAMPP + OpenPNE インストールメモ

前提

[gmap v3] Googleマップのマーカーを動的に作成する

Googleマップのマーカーデータ作成ツールを組んでみた

ZeroMail ver1.4

[js] あの楽器の図形描画をcanvasで

[php] PHPでcsvとtar.gzファイルをダウンロードさせる

[js] 正規表現で拡張子・スキーム・ドメインを一括マッチング

[HTML5API] Web Workersで手抜きツール作ってみた

[MooTools] Fx.SmoothScroll – not add the address bar URL’s hash

[dojo] Smooth Scrolling “Go To Top” Link

Google Maps API V3 基本的な使用方法と設定についてのまとめ

Webサイトへの導入

シンプルな地図を表示するサンプル

Google MapsにKMLのデータを表示する (v2,v3)

[php] ワンタイムURLの作成と登録確認のメール送信

ホームページビルダー14でXHTML＆HTML5 コーディング

改善点など

[wp] カスタムフィールドで期限日を設定してカウントダウンタイマーを表示

完成形

[WP]投稿サムネイルを記事へのリンクやタイトル付きで表示

HTML

CSS

[wp] WordPressテーマのfunctions.phpに仕込まれるワームについて

CSS3 Code Generator

ZeroMail ver1.3.1