アメブロにjQueryを導入しておこう! | iPhone5 - iPhone4S スマホ情報とかのブログ

iPhone5 - iPhone4S スマホ情報とかのブログ

iPhoneでもAndroidでもスマホの情報や使えるアプリの紹介やくだらない雑談が中心のブログです。仕事はファッション系なのでそっち系の話も…

jquery-ameblo


なんだよ、「jQuery」って?

という方にまず…

カンタンに言うと、Javascriptのライブラリの事だって。

って僕もちゃんとは理解していないんだけど使い方は何となく知ってるという

非常にいい加減さが満載ですが…


何はともあれ、そのjQueryってのを動かすおまじないが必要。

以前のアメブロデザインは普通に実装されていたので

何の気無しに使えていたのですが、新デザインからは必要です。


まずは、その準備!

とは言え、カンタンです。

以下を「フリープラグイン」の先頭にコピペして下さいφ(.. )


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.6.2');</script>
<script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script>


これだけでは目に見える変化はありません。

3行目は何故必要なんだろ?(ここで基本を理解していない事がバレる)

って思ったらこの方が何となく詳しく書いてくれてました。

色々とカスタマイズにも言及されてますので勉強させてもらう事にしました(汗)


まずは、これで準備万端(*^-^)b


この後は、自分で使いたいjQueryの処理を

フリープラグインに入れたりしてカスタマイズしましょ♪

処理のおまじないだけで使えるものもありますが

”適材適所”で使いたい時は、ある程度”CSS”も知らないとダメかな?


あと、調子載って色んなのを使っていくと

フリープラグインの文字数制限で入らなくなるので

外部ファイル化する等も必要とだけは覚えておきましょう!


ちなみに、この記事はリンクになってる画像がないので分からないけど

他の記事でリンクになってる画像にマウスカーソルを乗せると

ちょっと普通と動きが違うのが分かると思います(´0ノ`*)


使い方は別記事にて…