Ajax によるモジュール化
Movable Type のサイドバーの各リストを、Ajax でモジュール化を行う方法を紹介します。 １．PHP モジュール化と Ajax モジュール化の違い Movable Type における PHP モジュール化には次のようなメリットがあります。 再構築時間の削減 アーカイブに依存しないリストの生成（今回はここに言及しません） ただし PHP モジュール化は、ユーザがブラウザからインクルード元のページにアクセスした時、インクルード元のページはインクルード先の各モジュールを読み込んだコンテンツを生成・返却するため、サイドバーに多くの情報をインクルードしていると、PHP でページを生成する分、表示が遅延します。 本題とはそれますが、WordPress で表示までに若干のタイムラグが生じるのは、この PHP によるページ生成が行われるためです（キャッシュや条件付きGETが機能していればこの限
Ajax 月送りカレンダー
Ajax を利用した Movable Type 月送りカレンダーのカスタマイズです。リアルタイムカレンダー（本日の日付の装飾）および土・日・休日表示も盛り込まれています。 MT4をご利用の方は「Ajax 月送りカレンダー（MT4版）」を参照してください。 このカレンダーは、従来の月送りカレンダー（iframe 利用）と比較して、下記のアドバンテージがあります。 週数の変化によって高さが可変、つまりカレンダー下に表示されるアイテムとの間隔が常に一定 月送りのリンクの履歴がブラウザの履歴に残らない すでにお気づきの方もいらっしゃると思いますが、当サイトでは数ヶ月前から月送りカレンダーを Ajax 化して試験運用してiいます。月送りのリンクをクリックして Ajax 化されたカレンダーを体感してみてください。 注：本カスタマイズでつまづいた場合、「８．トラブルシューティング」をご覧ください。 仕様
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
Bridge Word
This shop will be powered by Are you the store owner? Log in here
MovableType用アニメーションエフェクトのプラグインMooT.fx:phpspot開発日誌
MooT.fx MooT.fx is a plugin for MovableType based on the Moo.fx javascript effects library by the Mad4milk team. The MooT.fx tags are designed to add user-interactivity and enhanced usability to your site. moo.fx を使うためのMovableType用プラグイン、MooT.fx。 mooT.fxを使って次のようなエフェクトをMovableTypeの機能として組み込むことが出来るようです。 MooT Accordian MooT Scroll MooT Height/Width MooT Text Resize MooT Opacity 関連エントリ Javascriptライブラリmo
オンライン表計算サービスのまとめ
この間、Googleが満を持してExcelのような表計算が可能な「Google Spreadsheets」をリリースしましたが、他にも同じようなサービスはあるわけです。 というわけで、色々集めてみました。グラフ作成機能はやはり必須だなと実感しました。 Num Sum - web spreadsheet http://www.numsum.com/ 実際の例としてはこうなります、ちゃんとグラフ作成機能もありますし、Excelにかなり近い。 Online spreadsheet - iRows http://www.irows.com/ 実際の例はこんな感じ、グラフが立体にできる。 Zoho Sheet - Online Spreadsheet http://zohosheet.com/home.do 実際の例はこうなる、今まで見た中では一番再現性が高く、シートの切り替えもチャートの編集もきっ
『ちよろず。』 - "Google AJAX Search API"でお手軽にアナタのサイトにGoogleを。
以前から、Google Web APIsとしてGoogle以外のアプリからSOAP経由でGoogleの検索結果を取得することは出来たのですが、JavaやPerl等でSOAPプログラミングをするのは僕のようなフツウの人からすれば「ムリメ」であったことは否めません。そんなムリメだった高嶺の花が、アナタの手の届く距離まで近づいたかもしれません。そんな隣のお姉さんのような庶民派のAPIが、今日ご紹介する「Google AJAX Search API」です。Google AJAX Search APIって何？読んで字の如く、という説明になってしまうのですが。Google AJAX Search APIはJavascriptから利用することができるGoogle検索のAPI。使い方はJavascirptに関するちょっとした知識のある方であれば、基本的な部分は「あっちゅうま」に分かる位簡単です。まずは、G
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
Live Dwango Reader
livedoor Readerサービス終了のお知らせ 2014年12月をもちまして、LINE株式会社が提供するlivedoor Readerの運営を終了しております。 長きに渡りご愛顧をいただきまして、誠にありがとうございました。 livedoorホームへ戻る
ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
Google Web Toolkit - Google Code
GWT is used by many products at Google, including Google AdWords and Google Wallet. It's open source, completely free, and used by thousands of enthusiastic developers around the world. GWT is the official open source project for GWT releases 2.5 and onwards. This site houses links to the documentation, source code repository, issues list and information related to GWT roadmap and release. It is i
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
Ajax 逆引きクイックリファレンス
このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト（Ajaxを勉強しよう）も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章 Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点／難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章 非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を
Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
Bindows Home
Bindows 4.7 is the latest production release version of Bindows. Bindows 4.7 supports the latest versions of all the major browsers, including Microsoft Edge. The Alpha version of Bindows AV10 is coming out soon. AV stands for Advanced Version. Bindows AV10 is not backward compatible with previous versions of Bindows; Bindows AV10 is optimized to support the latest browsers in the market (includin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索エンジン Mooter
Andrew Sutherland
maxkiesler.com
http://www.ornithopter.jp/amachang/browser/browser.html