ブログテンプレートならHKDHKDではjavascriptライブラリ「jQuery」を使っていますRSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2009⁄09⁄19(Sat)12:09HKDではjavascriptライブラリ「jQuery」を使っていますcomment:0trackback:0タイトルのまんまなんですが、うちのテンプレートではjQueryを使っていろいろと子ネタを仕組んでいます。・コメント入力フォームのデザイン・スムーズな開閉メニューなどを動作させるためにjQueryを使っています。WEBに詳しい人なら一度はきいたことがある名前だと思います。jQuery自体の使い方はいろんなWEBサイトで紹介されているので、ここではどういうところがいいのかなどを書きたいと思います。【javascript】ブラウザ上で動作するプラグラム言語。type="text/javascript">alert("Hellow!")</script>こんな感じの文章をHTML内に見かけた事があると思います。これがjavascriptのプログラム文です。HTMLでは文字を表示するだけですが、そこにjavascriptのプログラムを組み込むことで、文字を動かしたり自動的に色を変更したり、HTMLだけでは表現できないいろんな事ができるようになります。【javascriptライブラリ】javascriptで記述したいろんな機能の集合体です。プログラムの勉強をしたことがある人なら、関数やメソッドの集合体というほうが分かりやすいかもしれません。プログラムの記述を、たったの数文字で呼び出して実行できるようにる・・・という感じです。そのまとまりをいくつもいくつも用意したのがjavascriptライブラリーと呼ばれます。他にもjavacriptフレームワーク、ajaxライブラリ、ajaxフレームワークなんて呼ばれるかもしれません。【jQuery】javascriptライブラリの種類の1つです。javascriptライブラリにはいろんな種類のものがあります。XMLの略で「エイジャックス」と読みます。プログラムはjavascriptで記述しますが、これはプログラム言語ではなく、1つの技術名というと分かりやすいかもしれません。詳しくは次のページが参考になります。聞けない、“Ajax”とは何なのか?@IThttp://www.atmarkit.co.jp/fwcr/rensai/imasara03/imasara03_1.html上のリンク先でも、1つのアプローチ方法というふうになっていますね。ここからやっと本題なんですが・・・javascriptライブラリが登場するまでjavascriptって使いづらいものでした(個人談)なぜかというと理由は二つ、ブラウザによって挙動が違うのと、DOMの仕組みが理解しにくいの二つです。この二つの理由により新しく勉強するのを敬遠してました。今回、ブログテンプレートを作るにあたりjQueryを導入して本当に驚きました。ブラウザの違いを気にすることなくプログラミングできて、jQueryのセレクタをつかって簡単に目的のHTML要素にアクセスできます。いろんな方がプラグインを公開してくださっているので、自分の目的にあったプラグインを導入して簡単に大きな効果を生み出すことができます。javascriptを使いすぎるとWEBページの表示が遅くなったりする・・・と思っていましたが、そういうこともなく快適に使えています。閲覧が遅い一番の問題はクライアント側よりFC2のサーバー側にあると思います。Ajaxには非同期通信というのがあります。ブラウザのページリロードなしにWEBページの内容を更新する非同期通信というのがAjaxのおおきな醍醐味なわけですが、私の場合はそっちよりも、javascript全体が使いやすくなっているという所に大きなメリットを感じました。jQueryを使って簡単にHTMLにアクセスできるので、ただいまちょっとしたものを作っています。Ajaxの目玉の非同期通信を使って外部からのテキストをブログ内に表示しようと思います。現在8割がた完成しているので、完成したら自分のブログで報告したいとおもいます。Entry検索フォームプロフィールAuthor:Hellowmail:hkdesign.mail☆gmail.com☆を半角@に変えてください。HenniKodawaruDesign略してHKDブログテンプレートならHKDにようこそ!このサイトではFC2で使える共有テンプレートを配布しています。サイトについての説明はこちらをどうぞ。like!」を作りました。機能1:はてなハイクをサイト上に投稿できる機能2:はてなハイク投稿時に同時にtwitterにも投稿する詳しくは次のURLへお越しくださいhk-factoryGoogleウェブストアプラグインギャラリーブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。日付が未来になっている記事の表示設定CustomRssReaderを2つ同時に使う方法カスタムデザインサンプルImageClock詳しくはこちらカスタマイズはこちらImageClockを二つ以上表示する方法ImageClockカスタマイズ用Flashを作成テンプレートギャラリーブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。詳しくはこちら動作環境についてテンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。BrowserLabを使ってチェックしています。BrowserLabhttps://browserlab.adobe.com/ライセンスについてライセンス形態はGPLライセンスをとります。簡単に言うと次の4つです。カスタマイズ・再配布など連絡なしに使用OK。著作権表示は消したらダメです。なんらかの損害が出た場合は自己責任です。再配布する場合、GPLライセンスが適用されます。ブログテンプレートならHKD。