同じnameのチェックボックスのエラーチェック

同じnameを持つ、チェックボックスのエラーチェック javascript をメモ。

<script>
function check(obj){
 	var flag = true;
 	if(!obj.elements["くだもの"][0].checked && !obj.elements["くだもの"][1].checked){
 		alert('必須項目[くだもの]をチェックしてください');
 		flag= false;
 	}
 	return flag;
 }
</script>
<form method="post" action="send.cgi" onSubmit="return check(this)">
 	<input type="checkbox" name="くだもの" value="りんご" checked /> りんご
 	<input type="checkbox" name="くだもの" value="ばなな" /> ばなな
 	<input type="submit" value=" 送信 " />
 	<input type="reset" value=" 取消 " />
</form>

==PR==
たばこ,吸殻 ファイル,バインダー 豆,さやえんどう ペン,万年筆 車椅子 ろうそく,ロウソク,燭台 椅子,チェアー 傘,パラソル 緑,植物,グリーン,葉,葉っぱ 飛行機,プロペラ機 荷物,小包,プレゼント,ギフト 箱,BOX,小物入れ トランプ リング,指輪 メジャー 看板,プレート フィルム 電球 CD,CD-ROM

javascript:void(0)

a タグの href に javascript:void(0) ってよくみかけるがこれは

<a href="javascript:void(0);">

「void」とは空とか無とかいう意味で、「#」って記述するのと同じでリンクを無効にすること。

とある案件で、input タグや img タグではなく、a タグにCSSを適用させたボタンで javascript のエラーチェックをし、submit させる場合があったのでメモ。

◆HTML
<a href="javascript:void(0)" onclick="CheckCheckBox(); return false;" class="btn fLeft">次へ進む</a>

◆JS
function CheckCheckBox() {
	//エラーチェック処理
	if (〜) {
		//あああああああああああ
	} else {
		document.form.submit();	//サブミット
	}
}

肝は関数呼出し後の return false; で、クロスブラウザ(WEBブラウザの仕様の違いなど)による挙動を合わせる場合に、onclick に関しても、処理が無効となるよう return false; する必要がある。

==PR==
汽車 工具,金槌,ハンマー 絨毯,マット リボン,ラッピング,クリスマス,オーナメント 足ひれ,フィン 色見本,カラーパネル 宝石 ちょうちょ,蝶 めがね,サングラス 柊,植物,クリスマス クーラーボックス 踏み台,椅子 ドア 箱,ギフト,ギフトBOX,プレゼント 剣,刀 ハウス,家 ハット パソコン,PC 手裏剣 めがね

ホームページのサムネイル画像を生成

ホームページのサムネイル画像を自動的に生成する方法をメモ。

いくつかあるようですが、SimpleAPIが一番簡単そうです。

SimpleAPI – ウェブサイト・サムネイル化ツール

アドレスを入れて、[サムネイルを作成]ボタンを押すだけ。
できたソースを貼り付けるだけで、数時間後には勝手にできてます。

ソースを直接書いてもよぃ。

<img src="http://img.simpleapi.net/small/http://サイトのURL/"
alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0">

便利だが画像サイズが128pxで固定で作成されてしまうし、ドメインで共通サムネイルとなる。

これを解決するもっと便利なサイトがwebshotspro。

WebShotsPro.com

このサイトだと作成された画面でサイズ選択できるが、画像を保存する形。
直接画像を呼び出す方法は 100×75 でやはり固定。。。

だが、パラメータつきの動的ページも別々に作成できるのがよぃ。

追記:上記で上手く生成されなかったので、最近は下記を使用。
http://mozshot.nemui.org/

==PR==
テレビ,家具調テレビ,ブラウン管テレビ メモ帳,付箋紙,ポストイット 紅茶,レモンティー ドル札 緑,植物,グリーン,葉,葉っぱ, ソーラーパネル,太陽光パネル ベンチ,椅子 緑,植物,グリーン,葉,葉っぱ, 表札,プレート メモ帳,カレンダー タグ,札 立体物 リボン,ラッピング 封筒,手紙,カード,クリップ さいころ,サイコロ,ダイス ダンボール,箱,ダンボール箱 楽譜,楽譜立て,楽譜スタンド 紙袋,手提げ,ショッピングバッグ カジノダイス

MovableType5 発表!!

sixapartからMovableType5が発表されました。

ベータ版は2009年8月上旬、正式出荷は2009年10月を予定してるそうだ。

・ウェブサイトが更に構造的に管理できる
・カスタムフィールドの強化
・「テーマ」機能
・更新履歴の管理

等があるようですが、実際に触ってみないと分からないですね。

http://www.sixapart.jp/movabletype/mt5.html

==PR==

クリスマス,オーナメント 飲み物,ジュース,レモンティー ぶどう 車,バス 国旗,旗 宝箱,箱 ガムボールマシ−ン 船のハンドル,舵輪 積み木,BOX 車,トラック ハート ランプ,外灯 遊具,公園 ハロウィン,ジャックオーランタン ノート,リングノート,メモ帳 家,ハウス ブロック,レゴブロック 笛,ホイッスル ジクソーパズル,ピース 木,緑,葉,葉っぱ,新緑

「VCL Media Player 1.0.0」公開

VideoLANが「VLC Media Player」のバージョン1.0.0を公開しましたね。

再生できない動画はVLCで!。
といった具合にVLCは多数のオーディオ・ビデオフォーマットが再生可能で、その動作っぷりはとてもフリーとは思えないアプリケーションです。

これまでいくつもの賞を受賞してましたが、バージョンが「1.0.0」となったことでやっと一人前!?ってことですかね?

開発者に感謝です。

VLC Media Playerダウンロードページ

==PR==
色鉛筆,カラーペンシル フィルム グローブ,ボール,野球 緑,植物,グリーン,葉,葉っぱ 箱,ギフト,ギフトBOX,プレゼント 値札,プレート ビン,ボトル,オイルボトル ハウス,模型 ブラックベリー 緑,植物,グリーン,葉,葉っぱ ブランデー,酒,グラス 落ち葉,枯れ葉 ランプ,ランタン,外灯 ファイル,バインダー カセットテープ 工具,ボルト 金魚 カプセル,薬 箱,ギフト,ギフトBOX,プレゼント バラ,植物,花

[DTP]PhotoShopで写真をイラスト風にする

Photoshopで写真をイラスト風に加工するやり方をメモ。

1)まずは元画像をレイヤーにコピーし、上のレイヤーを加工する。
2)[フィルタ]>[テクスチャ]>[粒状]を選択し、
 密度を20、コントラストを50、粒子の種類をスプリンクルに設定。
3)[フィルタ]>[ぼかし]>[ぼかし(強)]を選択し、
 [フィルタ]>[ブラシストローク]>[ストローク(斜め)]を選択し、
 方向のバランスを50、ストロークの長さを15、シャープを3に設定。
4)レイヤーパネルの不透明度を30%ぐらいにする。
5)次に元画像をもうひとつレイヤーにコピーし、一番上にして加工する。
6)[フィルタ]>[表現方法]>[輪郭検出]を適用。
7)[イメージ]>[色調補正]>[チャンネルミキサー]を選択。
 下部にあるモノクロにチェックを入れ、モノクロにする。
8)[フィルタ]>[テクスチャ]>[テクスチャライザ]を選択し、
 テクスチャからカンパスか麻布を選択し、拡大縮小率を140%程、レリーフを8ぐらいに設定する。
9)レイヤーパネルで通常からオーバーレイへ変更する。

参考にしたサイトはここ

==PR==
傘,アンブレラ てんとう虫 リモコン 椅子,チェアー,ベンチ ラッピングリボン コルク,ワインオープナー トランシーバー 箱,ギフト,ギフトBOX,プレゼント さくらんぼ 車,トラック リボン,ラッピング 色鉛筆,カラーペンシル アタッシュケース,ビジネスバッグ,カバン ピーマン,カラーピーマン,パプリカ 緑,植物,グリーン,葉,葉っぱ 鳥の巣,巣箱 ボード,看板 風船 ハート,矢,恋,恋愛 メガネ,サングラス

紙幣の強度

朝起きたらやたらと左手の親指付け根が痛い。
寝る前はそんなこと無かったのに。(ー’`ー υ) ・・・

昨日のバスケの練習試合で突き指した記憶もないのだが・・・
したようなしてないような。

右手と比べると・・・ありゃりゃちょっと腫れてる。
どこでやったんだ!?
まぁ、タイピングにもドリブルにもさほど支障はなさそうだが
アイシングして湿布。

あ、湿布がもう無いなー
病院いこっと。
ついでに足もみてもらうかな。

練習試合はというと、
体にキレはいつもよりいいかナーって感じでしたが空回り。w

もっとクイックに打てるように練習ですね。
個人的にもチーム的にもたくさん課題が見つかりました。

そうそう、乾燥まで終わった洗濯機からインナーを取り出そうとしたら
からっからになった3千円が裸で出てきました。w

色落ちもせず、破れもせず。
紙幣って強いですね。w

==PR==
リボン,ラッピング,ギフト,箱 緑,植物,グリーン,葉,葉っぱ リボン,ラッピング,ギフト 地球儀,世界地図 矢印,方向 缶,スプレー 落ち葉,枯れ葉 パレット,絵画 CD,CD-ROM メダル ダイアリー,日記帳,鍵,ぜんまい ギフトカード,プレゼント 円グラフ @マーク ヨット,船,帆 計算機,電卓 目,メイク,アイメイク 本棚 絵の具,パレット

携帯電話の充電コネクタが共通化

A:「充電機持ってない?」

B:「あ、A○のならあるよ。」

A:「ド○モなんだよね〜;;。」

こういう経験有りませんか?
コンビニで間違って充電器買っちゃったり、携帯用アクセサリの企画が合わなかったり。

2010年からヨーロッパを皮切りに携帯電話の充電コネクタを共通化していくそうです。
しかも、世界規模の大手メーカーが賛同しているということで、充電器のインターフェースは「microUSB」になるとか。
あのAppleも賛同だと!

日本も、同じ動きに期待したいです。

Gigazineさんより>

リリースによると、携帯電話の充電器がメーカーなどによって異なることで発生していた不便さや不要な出費を解消するために、欧州連合(EU)が携帯電話メーカー各社と充電器の共通化で合意したそうです。

これは2010年からヨーロッパ市場において反映されるもので、充電器のインターフェースはmicroUSBで共通化されるとのこと。これによりユーザーは快適に携帯電話を利用できるようになるほか、環境にも優しいとされています。

なお、賛同したメーカーは世界最大の携帯電話メーカーであるNOKIAやApple、「BlackBerry」で知られるResearch in Motion (RIM)のほかに、NEC、ソニー・エリクソン、LG、モトローラ、Qualcomm、Samsung、Texas Instrumentsの計10社となっています。

世界規模で展開しているメーカーが多いことを考えると、やはり日本市場でもmicroUSBで充電できる携帯電話が増えるのでしょうか。すでにウィルコムがWILLCOM 03をはじめとした複数の機種でmicroUSBをサポートしていますが、コネクタが統一されることで使い回せるのは非常にうれしいかもしれません。

==PR==
お花,植物,花瓶 色鉛筆,カラーペンシル ドル札,袋 ロープ,縄 カメラ,一眼レフカメラ ほうき こうもり 注射器,シリンジ 標識,矢印,方向案内 椅子,ベンチ 机,デスク,パソコンデスク,椅子,チェアー テレビ,ブラウン管 グラフ,矢印 フォルダ,鍵 車,トラック 看板,イーゼル カレンダー 手紙入れ,箱,書類入れ リボン,ラッピング

巨人が40勝

巨人が40勝一番乗りを果たしましたね。
貯金20だって。
こうなってくると面白味に欠けるなぁ。

阪神がんばってょ。
オールスターにも誰も選ばれてないし。。。

パリーグは
日本ハムとソフトバンクが熱い!。
楽天が3位と検討してると応援したくなります。

と、たまには野球のことを書いてみる。

==PR==
ピアノ,グランドピアノ メーター 緑,植物,グリーン,葉,葉っぱ,植木 弾丸 椅子,踏み台 樽,木樽 靴,スニーカー,シューズ 缶詰 キーチェーン,アクセサリー サングラス,メガネ サンタシューズ,プレゼント,クリスマス 香水,瓶,ボトル ちょうちょ,蝶 ダーツ,矢 プレゼント,ギフト,リボン,箱,ラッピング 箱,小物入れ 口,口紅,リップ,歯 ネジ,ぜんまい 弓道,弓,矢,弓矢 値札,タグ

UTF-8とCGI

最近はUTF-8で記述しているサイトが多く、これまで使用していたCGIを流用させてみる。

Encodeモジュールを使用して

use Encode;
use CGI;

#文字をデコード
$body = decode (‘utf8’,$str);

# ~、-など文字化け対策
$body =~ tr/[\x{ff5e}\x{2225}\x{ff0d}\x{ffe0}\x{ffe1}\x{ffe2}]/[\x{301c}\x{2016}\x{2212}\x{00a2}\x{00a3}\x{00ac}]/;

#JISコードに再度変換
$body = encode (‘jis’,$body);

文字化け対策が必要な文字は
「~」「∥」「-」「¢」「£」「¬」

==PR==
色鉛筆,カラーペンシル ナイフ,短剣 緑,植物,グリーン,葉,葉っぱ ソリ 車,トラック 机,デスク,椅子,チェアー,テーブルセット,応接セット 船,帆,ボート トマト,ミニトマト ミリタリー,BOX 箱,BOX,小物入れ 洗濯バサミ,ピンチ 積み木,おもちゃ 地図,世界地図 ジクソーパズル,ピース ビーチサンダル 拳銃,銃,鉄砲,ライフル 積み木,おもちゃ,組み木 家,ハウス 椅子,テーブル,応接セット,テーブルセット 酒,ワイン,洋酒,ボトル