ラッピング

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

入力フォームをクリックしてサンプルを消す

検索窓や、テキスト入力フォームでデフォルトで文字列を入力しておいて、クリック(フォーカス)すると文字が消える JavaScript のメモ。

今までどうやるんだろーと思ってましたが、調べてみるとあっさりできました。

◆インプットフォームのサンプル
<input name="query" id="searchBox" type="text" value="サイト内検索" onfocus="if (this.value == &#x27サイト内検索&#x27) { this.value=&#x27&#x27 }" onblur="if (this.value == &#x27&#x27) { this.value=&#x27サイト内検索&#x27 }" />

◆テキストフォームのサンプル
<textarea cols="40" rows="15" name="testbox" wrap="virtual" onclick="doclear(&#x27testbox&#x27);">お問い合わせ内容をご入力ください。</textarea>

==PR==
目覚まし時計 金塊 緑,植物,グリーン,葉,葉っぱ, リボン,ラッピング 家,ハウス 椅子,チェアー,ビーチパラソル,ビーチチェア クリスマス,オーナメント,ベル ビン,ボトル,地図 鍵盤,ピアノ 本,BOOK 賞状,リボン,角帽 コルク 緑,植物,グリーン,葉,葉っぱ, フィルム,写真 レンズ,カメラ タンク タイヤ ノート,リングノート ビーチボール,紙風船 地球,地球儀

[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 メダル ダイアリー,日記帳,鍵,ぜんまい ギフトカード,プレゼント 円グラフ @マーク ヨット,船,帆 計算機,電卓 目,メイク,アイメイク 本棚 絵の具,パレット

shadowbox.js

これまでajaxでLightboxを使用していましたが、画像の表示のみでした。

弊社サイトの携帯FLASHゲームの実績紹介ページ用にLightbox風にswfを表示できないかと検索してみました。

世の中便利ですね。
ありました。

「shadowbox.js」

最新バージョンは3.0。
「shadowbox.js」はPrototype、jQueryなど、複数のJavaScriptのライブラリに対応した、swfや動画などを拡大表示できるスクリプトです。

「shadowbox.js」ダウンロード

使い方は至って簡単。
バージョン3.0になって更に簡単に使えるようになった感じです。

shadowbox.js と shadowbox.css を参照して
Aタグに rel=”shadowbox” を追記するだけ。

携帯用画面もshadowboxで見せようとhtmlの表示を試みるがうまくいかない。
よくオプションの解説を見てみると

players: [“html”]

ではなく

players: [“iframe”]

でした!。うっかりうっかり。

◆併用できるJavaScriptのライブラリ

◆対応ブラウザ

  • Internet Explorer 6+
  • Firefox 1.5+
  • Opera 9+
  • Safari 2+
  • Camino

◆対応メディア

  • 画像(PNG, JPEG, GIF)
  • 動画(FLV, QuickTime, Window Media Player)
  • ウェブページ

◆オプション変更

  • ローディング画像の変更
  • フラッシュビデオプレイヤー
  • 背景色
  • 透過度
  • 枠線の形状・色
  • サイズ
  • キーボード操作

etc…

詳しくは「shadowbox.js」のサイトで。

==PR==
印鑑,STOP 地図,世界地図 ペン ハウス,家,レンガ 工具,クレーン ビリヤード ボウリング,ピン ゴルフ,ゴルフクラブ アメリカンフットボール,ヘルメット 爆弾,時限爆弾 ジクソーパズル,ピース ゴルフカート 絞首台,死刑台 男子用便器,トイレ 黒板,ボード カジノダイス テニスコート 音符 リボン,ラッピング 椅子,チェアー

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

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

あのー鳩山さん?

民主党の鳩山由紀夫代表の個人献金が約6億で匿名が6割。

2日前は600万とか言ってませんでしたっけ?
いつの間にか桁が億になってますよ。

半数以上が匿名献金というのもすごいです。
数日後にはもっと増えてたりして。
また秘書の独断でしょうか。w

解散総選挙の前に民主党には痛いニュースですね。

==PR==
リボン,ラッピング 時計,ストップウォッチ バスケットゴール マネキン 船,ボート 緑,植物,グリーン,葉,葉っぱ 薔薇,植物,花 レコード トランプ,トランプカード スプーン,カトラリー 地球儀,地図 ライト,スポットライト,照明 プリン ペンキ,インク ペンキ,インク 木琴,鉄琴 ドラム,太鼓 カセットテープ 双眼鏡,オペラグラス 足跡

巨人が40勝

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

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

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

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

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

iPhone 3GS ゲット!

やっと iPhone 3GS の発売となりました。

事前に予約しておいたのでサクッと機種変完了。
iPhone 3GS ゲットです☆

OSは既に3.0使用済みですので
その辺の機能は割合して、3GS特有の機能を早速。

まずはコンパス。
標準のコンパスアプリで遊んでみました。
デジタルでもコンパスですね。(何その感想

次は期待のかかる音声コントロール。
電話周りがわりとスムーズに認識してくれます。
読み仮名を認識するようなのでアドレス帳の整理が必要ですね。

音楽のコントロールは曲名の認識がちょっと・・・といったところでしょうか。
まぁ、曲名には読み仮名ありませんからしょうがないでしょうか。
ちょっと調べたところipodだけ言語を英語にしてやるといいとか。
これもちょっとやってみたいと思います。
本日届いたHBH-IS800との連携レポートはまた後日。

3Gに比べると違和感なく早いですね☆。

次期iPhoneにはぜひおサイフケータイに対応してほしいものです。

==PR==
椅子,ソファー 香水,瓶 ボーリング,ピン ペンキ,ローラー お城 壁,塀,レンガ 虫眼鏡 紙袋,手提げ,ショッピングバッグ メモ帳,ペン リボン,ラッピング 鍵,キー,ロック どんぐり,木の実 標識,矢印,方向案内 犬小屋 わな 赤十字,医療,旗 カーボーイハット,テンガロンハット 犬小屋,小屋 トレーニングマシン,エアロバイク ギフト,プレゼント,ラッピング,指輪,マリッジリング