http://f32.aaa.livedoor.jp/~azusa/PHP & JavaScript roomのサイト更新履歴enTue, 09 Feb 2010 07:00:00 PSThttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/Lkg6VwCgAKs/Tue, 09 Feb 2010 07:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_photoshootカメラのファインダーを除いて写真を撮影するように、指定範囲の画像をクリック操作で切り出し表示するjQueryプラグイン。CSSでオリジナルカーソルを指定しており、クリック時には画像にフラッシュ効果がつきます。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_photoshoothttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/MrqbMtGxHAs/Tue, 09 Feb 2010 07:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_jquery_largephotoboxウィンドウサイズより大きな画像をポップアップしても見きれることなく、画像上でマウスを上下左右方向に動かすことで写真の全体を画面をスクロールして見ることができるjQueryプラグイン。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_jquery_largephotoboxhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/eN-wPPx_hyo/Tue, 09 Feb 2010 04:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=rssfeed#a_google_ajax_feed_apiJavaScriptだと、別ドメインのフィードを取得するにはjson形式でないとなど制約がありますが、このGoogle Ajax Feed APIを使用すれば、別ドメインのフィードを取得することができます。フィードは、feed.setResultFormat(google.feeds.Feed.XML_FORMAT);のように指定することで、JSON形式（JSON_FORMAT）またはXML形式、あるいは混合形式（MIXED_FORMAT）で取得することができます。 省略すると、デフォルトのJSON形式が適用されます。取得するフィード数はデフォルトだと4件ですが、feed.setNumEntries(10);のように任意の取得件数を指定することができます。使用するには、AJAX API キーの登録が必要です。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=rssfeed#a_google_ajax_feed_apihttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/8OYHsK-mD48/Tue, 09 Feb 2010 04:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_getjQueryの$.getメソッドを使用して、XMLファイルの内容を取得し、各ノードをfindメソッドで検索し、そのデータをHTML出力します。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_gethttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/NxZ3qYh-sNs/Tue, 09 Feb 2010 04:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_xml_to_jsonXML形式の文字列をJSON形式に変換するjQueryプラグインXML形式の文字列は直接指定も、外部XMLファイルを$.get()で取得して指定することも可能です。ノードの値はvar $title=json.entry[i].title;、ノードの属性値は、var $link=json.entry[i].link[0].href;のような形式することができます。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_xml_to_jsonhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/IVgYxc6nx1A/Tue, 09 Feb 2010 04:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_feed_menu複数の購読リンクを選択可能な購読ボタンを実装するjQueryプラグイン。ページ内のlink要素からRSSフィードをすべて取得し、それらの購読リンクを選択可能なプルダウンメニュー付きの購読ボタンを作成することができます。 プルダウンメニューは、RSS、Atomといった形式によってグループ化されて表示され、各項目をクリックすると、該当リンク先へアクセスすることができます。 RSSフィードだけ、Atomフィードだけといった指定も可能です。 ボタンのテーマは、数種類あり、クラス名で変更可能です。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_feed_menuhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/czw7WK4KciY/Tue, 09 Feb 2010 04:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_jparsejQuery.ajaxメソッドに代わり、XMLをパースする超軽量のjQueryプラグイン。 多くのメジャーなブラウザに対応しています。指定したURLのXMLファイルをパースし、指定したフォーマットに従って表示します。 出力フォーマット、取得件数（limit:3）、コールバック関数（callback:関数な）などをカスタマイズ可能です。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_xml#a_jparsehttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/MbT3PuIXO0Y/Mon, 08 Feb 2010 07:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_effect#a_roundabout要素をターンテーブルのように回転するjQueryプラグイン。 カスタマイズ性が高く、拡張プラグイン「Roundabout Shapes」を使用することで、様々な方向や方法で回転させることができます。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_effect#a_roundabouthttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/gaTftDP2Xc0/Sun, 07 Feb 2010 06:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_floatingbox画面上の指定した位置（左上、右上、左下、右下）にボックスをフロートさせるjQueryプラグイン。 ウィンドウリサイズにも対応しています。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_floatingboxhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/OGWQfPr76jQ/Sun, 07 Feb 2010 06:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_expandingcodeboxjQueryを使用して、hoverイベントが発生した時に伸縮させる方法が掲載されています。pre要素に記述したスクリプトコードが1行に収まらない場合、ボックスの幅が固定だと折り返されずに切れてしまうと時があります。 CSSで「overflow:auto」を指定して横スクロールバーで見せるのが一般的ですが、ここに掲載されているように、ボックスにマウスオーバーするとボックスの幅を広げて表示し、マウスアウトで元の幅に戻すというアニメーションで見せるのも面白いですね。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_other#a_expandingcodeboxhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/sUXrvfJDIfI/Sun, 07 Feb 2010 02:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_window#a_css3dialogboxCSS3による角丸レイアウトのダイアログをjQueryを使用して表示する方法が掲載されています。 CSS3未対応のIEでは通常の四角いダイアログになります。※掲載されているセンタリングはドキュメントサイズの計算になっている、画面にスクロールバーが表示されるような長いページだとダイアログボックスが見えません。 長いページにも対応するには、下記のように高さ計算をウィンドウサイズベースに修正する必要があります。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_window#a_css3dialogboxhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/qm8WLr33bFA/Sun, 07 Feb 2010 00:30:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_piroboxシンプルかっこいい画像ギャラリーを実装するjQueryプラグイン。画像ポップアップ表示時のスタイルは影（shadow）、白（white）、黒（black）の3タイプ用意されています。 これらのスタイルはhead要素内で読み込むCSSのリンク先を変更するだけで切り替え可能です。 ボックスの大きさは画像サイズによって自動リサイズされます。 a要素のtitle要素の内容が、画像のキャプションとして表示されます。指定されていない場合は、画像のリンク先URLがキャプションとして表示されます。複数の画像をグループ化してギャラリー表示するには、a要素のクラス名に「class='pirobox_gall'」のような任意のグループ名を指定します。 このグループ名によって複数のイメージをグループ化し、複数のグループを同一ページ内に表示することができます。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_piroboxhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/6Z_6bkTpWug/Sat, 06 Feb 2010 22:50:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_bxgalleryシンプルな画像ギャラリーを実装するjQueryプラグイン。サムネイルの配置位置、画像の最大サイズやサムネイルサイズなどをカスタマイズすることができます。 画像のキャプションを表示する場合は、img要素のtitle属性にキャプションを指定します。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_imagegallery#a_bxgalleryhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/oj7HxKGsBSw/Sat, 06 Feb 2010 22:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_slider#a_bxsliderコンテンツのスライダー、フェード切替、ティッカーを簡単に実装できるjQueryプラグイン。コンテンツの幅、前後移動コントロールのテキストおよび表示の有無、切替時のモード（slide or fade or ticker）、自動スライドの有無、速度、遷移時間など、細かくカスタマイズすることができます。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_slider#a_bxsliderhttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/Nysc-NAo5p8/Sat, 06 Feb 2010 21:00:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_window#a_jquery_toolsWebサイトでよく使用されるインタフェースがつまったjQueryプラグインです。 タブ、オーバーレイ、ツールチップ、スクロールラベル、Flash埋込などを簡単に実装することができます。オーバーレイは、ページ上にあらかじめオーバーレイ表示する用のHTMLを記述しておき、そのHTMLをCSSでスタイリングしたり、表示時にエフェクト効果をつけてスタイリッシュに見せることができます。 CSSのクラス名で、背景に敷く画像を変えたり、IE6以下のブラウザには透過していない背景画像を指定するように分岐処理されています。http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_window#a_jquery_toolshttp://feedproxy.google.com/~r/PhpJavascriptRoom/~3/9AxsoPMu8tg/Sun, 31 Jan 2010 08:38:00 PSThttp://f32.aaa.livedoor.jp/~azusa/?t=topic&p=twitter_php#a_twitterlibphpTwitter REST APIをわかりやすいメソッド名で容易に使えるPHPのTwitterライブラリです。 APIドキュメントも提供されています。下記のサンプルでは、getUerTimelineメソッドを使用して、最新のつぶやき20件を取得して表示してみました。http://f32.aaa.livedoor.jp/~azusa/?t=topic&p=twitter_php#a_twitterlibphp