javascriptの最近のブログ記事

MT4.1にシステムバージョンアップして、最初に行ったカスタマイズが、Highslide JS - JavaScript thumbnail viewerのタグを自動で生成できるようにすることでした。ファイルアップロード・ポップアップウインドウ用のファイル生成するためのファイルを探すのに時間がかかりましたが、以前よりもスクリプトがわかりやすく書かれていたのですぐにカスタマイズできました。

今回は、Highslide JS用のコードをMT4.1のファイルアップロード＞ファイルオプション＞[アップロードしたファイルを使ってブログ記事を書く]にチェックをつけた時に、自動で生成されるようにするカスタマイズを紹介します（一応ここ2週間ほど使っていますが、問題なく使えていますので紹介記事としてエントリーアップ）。

※尚、このカスタマイズを行って正しく動作するためには、「WYSIWYGのフォーマット設定がなし」の状態でないと正しいコードが生成されません。 また、現状問題なく動作していますが、もしコードを改編してシステムがおかしくなるかもしれませんので、自己責任の元参考にして試してみてください（デフォルトファイルのバックアップを取っておくことをおススメします）。

JavaScript でタブ切り替え UI を実装する | WWW WATCH(http://hyper-text.org/archives/2007/09/javascript_tab.shtml) のエントリーをみていいなコレっと思ったので、タブUI導入で参考になるいいサイトなんかを紹介してみたいと思います。

以前のエントリーブログGTD　WEBデザイナー独立するために（その１） - WEBデザイン　BLOG「jQuery・javascriptを使ってのさまざまなアプローチ方法を実践する」の中でとWEB標準でのC O U L D長谷川様の「解体Apple.com」のPDFを見て、ユーザーアプローチに使えるってことで紹介しようと思っていたネタです。実際に、自分サイトを立ち上げる時もタブの実装は考えていましたので今日の勢いで。

タブでもさまざまなタイプがあって、導入してみたいものと実際に使っているサイトを紹介しておきます。ご参考にどうぞ。また、javascriptに強い方にはぜひ、参考にしていただきjQueryなんかでプラグインなど作ってもらえたらと思います。

ここ最近、jQuery: The Write Less, Do More, JavaScript Libraryが注目を浴びていますね。テクノラティやwordpressにも採用されるようになって、jQueryネタの情報が一気に増えました。

もし、jQueryで本家サイトを覗いてもわからないことがあったらこちらのCustom Search Engineを使ってみてください。

jQuery Topics search

http://www.google.com/coop/cse?cx=001816526500206153589%3Ap3hh00lypb4

このサーチエンジンは、jQuery本家で公開されているメーリングリストのアーカイブから情報検索できるものです。

iGoogleを使っている方は、ご自身のページへwidget追加も可能です。

以前からサイト検索機能をアップさせたいと思っていました。検索結果表示のスピードアップです。。今後エントリーが増え続けてくるとMovable Typeの検索機能ではストレスを感じるようになってくる。そんなことからいろんな検索（サーチ）機能のカスタマイズを探してみました。結果、Google AJAX Search APIを利用したサーチ機能に切り替える方向に決めました。

使ってみた感想は、なかなかいい感じです。検索結果表示も早い方だと思います。また、Custom Search Engine：Google Co-opの実装も合わせて表示できるので訪問者にとっては、いい検索機能だと思います。（試しに一度検索機能を使ってみてください。）

今回はこの便利なGoogle AJAX Search APIを利用した検索機能をMovable Typeに実装する方法を紹介します。一度使ってみるとわかりますが、自分のブログにも欲しくなると思います。日々、情報を探している自分が常々思っていたことを自分のブログで実践・改善できるのはうれしいです。これからこんなサーチ機能がほとんどのブログに実装されるといいなと思います。

javascriptを使ってのスタイルシートスイッチソース元を紹介。

スタイルシートの切り替え・文字サイズの切り替え・ブラウザの表示幅を検知して表示を変更するものなどいろんなものがあります。スクリプトの参考に。ついでに個人的にスタイルシートの切り替えを導入しているサイトを少し紹介。