本記事は2007年に執筆されたものです。jQueryやAjax全般の最新情報は「リッチクライアント & 帳票フォーラム」総合目次のカテゴリ「実践Ajax」や「Ajax技術解説」をご参照ください。 Ajaxおいしいレシピを紹介する前に そもそも、Ajaxのこと分かってますか? 2005年の始めにAjaxという言葉が知られるようになってから、Ajaxは急速に技術の進化を遂げ普及してきました。読者の皆さんの中にもAjaxの開発を実際に経験した方が増えているのではないでしょうか?
[web2.0][ajax] 前回の続き。 ysano2005 さんが「予想: 2006年のWebアプリケーションのMVCアーキテクチャ」 として書いてある図があるんだが、2段階のリクエストを一緒に描いてる訳だ。 実際のタイミングは2種類あって、最初に URI にリクエストした時の話がこれ。 これが、DefaultView であり初期リクエスト。 Jemplate が埋め込まれた View をサーバーから取得する訳だな。 この時点で、JSON 用意してあってもいいんだが、 今回の例では省略化するためになしにする。 んで、次が Keyup とかで発生する画面描画後の Event だな。 ここが Ajax なところなんだが、それがこんな感じ。 ここでは、サーバーの Model が直接 JSON として帰ってくるから、 サーバー側で View はない。 金子氏 が Model から DataOb
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
This shop will be powered by Are you the store owner? Log in here
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
The Enterprise-ready JavaScript UI Framework The top choice for developers building data-rich, modern web and mobile applications.
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
10 Websites That use JavaScript Animation Effectively!! The Most Important think is not -what you say, the important thing is -how you say and when you say , While some days before we are using flash for buttons, gallery etc, later now JavaScript frameworks like mootools , scriptallicious and prototype replace the flash with a light weight code and we can get the same effect like flash But how to
JavaScriptライブラリでリッチなUIを手軽に作れるようになったのはいいけど、最近ではそれもすっかりマンネリ気味。そろそろ、ほかのWebデザイナーとは違うデザインを取り込んで何とか差をつけたい――。そんなときは、国内のデザイン誌やブログではなく、海外サイトに目を向けてみてはどうでしょうか。たとえば、優れたWebサイトを紹介している「dzineblog」というブログなら、海外のWebデザインのトレンドをいち早くチェックできます。 そのdzineblogの膨大なコンテンツの中から、今回注目するのが、「10 Websites That use JavaScript Animation Effectively!!」という少し前のエントリー。JavaScriptによるアニメーションエフェクトを上手に使っているサイトを取り上げており、その中から、「Playground Blues」をピックアップ
Haxe 4 is here! Haxe is an open source high-level strictly-typed programming language with a fast optimizing cross-compiler. Download 4.3.4 Released: 2024-03-04 Haxe can build cross-platform applications targeting JavaScript, C++, C#, Java, JVM, Python, Lua, PHP, Flash, and allows access to each platform's native capabilities. Haxe has its own VMs (HashLink and NekoVM) but can also run in interpre
その買い物ちょっと待った。こんな感じになります。JavaScriptを始めてまだ間もないので、ようやっと「作品」と言い張れるような物ができたかなと。はじめてのマッシュアップ。 パソコン周辺機器カテゴリーなら大体は使えると思います。中にはこんなに価格差のある商品もあった。Amazonで買うのがバカらしすぎるwインストールしていろいろ見て回るだけでも結構おもしろかったりする。 インストールはこちらからどうぞ。Amazon Lowest Price Checker 引っ越しでごたごたして自鯖が使えなくなってしまったので、レンタル鯖を用意している間突撃レーザー氏の鯖を使わせてもらってます。ご協力ありがとうございます。 ちなみに、Greasemonkey専用の関数を使っているのでOperaのユーザースクリプト実行機能などでは動かないと思います。Firefox推奨。今後アップデートする予定もあるので、
tenjin.web/5に参加してきた。ええ、久しぶりの参加です。 今回のお題はJavaScriptでRIAなMVCパターンということで、簡単なJavaScriptプログラムも作りながらーのいろいろ脱線しながらーの、楽しかった。 brazilの人のお手本をざっと見つつ、試しにお手本を使わずイチから全部作ってみたらModel部分が結局同じような感じになっちゃったりして、それはそれで教育的な何かを示唆しているような さて、今日作ったやつを晒しますよ。帰ってきてからもう少し手を入れて、フワッヒュイッと動くようにだけしました。jQueryって便利やね。 JavaScriptでのMVCパターンのお勉強なので、ページ遷移とか通信とか無し。あくまでもメモリ上のModelに対する変更をトリガーとしてViewを更新する、というお話。うん、こういうのあらためて作ると最初にかける一手間はやはり大事なんだよねって
Firefox拡張機能開発チュートリアル XULの基礎からXPCOMの利用方法まで徹底解説! 2008/4/12 2008/9/25 2009/3/12 Software Design誌2007年4月号第2特集「Firefox拡張機能開発チュートリアル」をFirefox Developers Conference Summer 2007でテキストとして頒布するために再録したものです。また、付録として知って役立つOSSのライセンスも収録させていただいています。 ダウンロード 目次 奥付 ライセンス 関連文書 Home Back to List 目次 1章:Firefox拡張機能ことはじめ(江村 秀之(level)) はじめに 拡張機能普及の背景 拡張機能でできること 拡張機能を作ってみよう! 2章:拡張機能開発で使う技術(下田 洋志) 拡張機能開発に利用する技術 それぞれの技術の役割 最低限
今回は、はじめてFirefoxのアドオンを作ったので、調べたことをメモしておきます。難しいと思っていたのですが、簡単なものなら直に作れることを知りました(*´艸`) ※ 動作対象はFirefox <= 3.6 になります。 何を作るか ブログを書く時に使うような、「開いているページのタイトルとURLを一回の操作で、マークアップ形式でクリップボードにコピーする機能」を作成します。機能を使う方法は、「Shift+u」か、「右クリックメニューから選択」の2種類とします。 作り方 作り方を以下のステップに分けて説明します。 「copytitleurl」フォルダ作成 「install.rdf」作成 「chrome.manifest」作成 「chrome」フォルダ、「content」フォルダ作成 「copytitleurl.js」作成 「copytitleurl.xul」作成 「copytitleur
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー
XMLはシステム間のメッセージを授受するフォーマットとしてよく使われている。が、書き方が冗長的で面倒くさい。かつては何でもかんでもXMLで、という風潮があったが、その面倒さからJSONやYAMLで処理されることも増えている。 元のXMLファイル 特にJavaScriptで扱うならJSONの方が使い勝手が良い。そこで既存のXML文書を変換するのがxml2json.xsltだ。 今回紹介するオープンソース・ソフトウェアはxml2json.xslt、XMLをJSONに変換するXSLTだ。 xml2json.xsltは既存のXML文書に対してxml-stylesheetとして設定することで利用できるXSLTだ。全てのパターンで使える訳ではないようだが、サンプルを見る限り大抵の項目は再現できている。 変換語。ユニコードにも対応 xml2json.xsltを使えばXMLに比べると操作が遥かに簡単になり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く