Mach3.laBlog

jQueryのアーカイブ

Tumblrでタグリスト/新規投稿リストを出力してみる

この記事の情報は古い為、次の記事をあわせて御覧ください。
» TumblrPosts.jsが新しくなりました

Tumblrを弄る案件に初めて参加させて頂きましたが、
このサービスは他のブログサービスと異なり、
「最新の投稿」「タグ一覧」の出力機能を備えていない様子。
同機能を実現する為にはAPIへのアクセスを(複数回)行わなければならないのですが、
大変不便なので、それを代行するライブラリを書いてみました。

Tumblrでタグリスト/新規投稿リストを出力してみる

続きを読む

jQueryでPrototype.js風のクラス定義をしてみる

Prototype.jsを使っていた時によく愛用していたのが、Class.create()というメソッド。
クラス定義がオブジェクトリテラルで簡単に書けるようになる機能ですが、
今回はそれと似たようなjQueryプラグインを書いてみました。

Class.create on jQuery

続きを読む

Sammy.jsでAjaxコンテンツのセッションを操る

この記事の情報は古くなっています。
Sammy.js はAPIも一新されてより強力なフレームワークになっています。
公式ドキュメントをご参照ください。

ページを移動させずにサクサクと展開していくのがAjaxコンテンツの魅力ですが、
移動しないが故にURLとしてセッションを保持出来ないという弱点があります。
オーソドックスな解決法は「location.hash」を用いる物ですが、
その処理を簡単にしてくれるのがSammy.jsです。

Sammy.js

続きを読む

@anywhereで認証してみる備忘録

Twitterの@anywhereは既に提供を終了していますので、本記事の内容も利用出来ません。
Sunsetting @Anywhere | Twitter Developers

@anywhereはTwitter公式から提供されている、
どのサイトでもTwitterの機能が使えるようになる便利なライブラリです。
cf) ブログで@anywhereを試してみた! ~ どこでもTwitter

今回はこの@anywhereでユーザー認証をしてみましょう。
※アプリケーションの登録等は割愛致します。
※jQueryを使用しています。

@anywhereで認証してみる備忘録

続きを読む

シンプルなjQueryテンプレートプラグインを書いてみる

jQueryを用いたテンプレートエンジンについては、過去に記事で触れましたが、
cf) 「jquery.tmpl.js」による手軽なJavaScriptテンプレーティング
物は試しで自分で習作してみました。

jQuery.render()

続きを読む

SNSのシェアボタンのリンクを挿入するjQueryプラグイン

SNSのシェアボタンを作る為のURL&パラメータメモの内容をjQueryプラグインにしてみましたが、
コメントの方が多いんじゃないか?というぐらい薄い内容になりました。
好物のちょこざいなやつです。

SNSのシェアボタンのリンクを挿入するjQueryプラグイン

続きを読む

実験室: jQuery.triggerとlocalStorageを使って自動保存するメモ帳を作る

昨日書いた「jQuery.triggerを使ってEventDispatcher(AS3)のような事をしてみる」を応用して、
localStorageと連携して、一定時間で自動保存してくれる簡単なメモ帳を書いてみます。

続きを読む

実験室: jQuery.triggerを使ってEventDispatcher(AS3)のような事をしてみる

AS3にある多くのクラスの中でもお世話になる事が多いのが、EventDispatcher。
カスタムイベントを登録して送出したり出来るので大変便利。
本稿は、JavaScriptでも似た事が出来ないかなぁと試行錯誤してみたログです。

続きを読む

実験室: 条件でスタイルシートを切り替えるJS小技いろいろ

例えばブラウザによってスタイルを追加したり、
ウィンドウサイズによってスタイルを変えたり。
JavaScriptで動的にスタイルシートを切り替えたい時用に
ちょこざいなやつを備忘録としてまとめておきます。

スタイルシート切替小技

続きを読む

実験室: ボックスサイズの解釈はIE6の方がわかりやすいと思う

IE6がボーダー/パディングを含んだ値としてwidthを解釈するのに対し、
他の多くのブラウザはそれらをwidthに足した値で描画します。
この問題はCSSを書く人なら誰しも一度はぶちあたる壁ですね。

IE6でのbox-sizing

続きを読む