ココを理解すれば近道な「Ajaxフレームワーク」:Web 2.0で変わるWebプログラミングの常識(1/5 ページ) AjaxをWebアプリケーションに取り入れるには、デファクトスタンダードなフレームワークを利用するのがよい。基礎を理解すると、さまざまな応用例が考えられるはずだ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」、第6回目となる今回は、第5回「そのサービスはAjaxフレームワークで一変できるか?」に続く、フレームワークの実装例について解説していく。冒頭よりコードを挙げた実践的な内容に入っていくため、内容が不明な場合には、最低でも第5回の最初から読んでみるとよい。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」の連載を読むことで、読者はAjaxの実装形態がどのようになっているのか理解することができるはずだ。
JavaScript製のWizardryライクゲームです。IE6、NN7以上のブラウザで動作を確認。JSでそれなりに大きめなゲームを作ってみてえなあゲラゲラゲラと思っていたところ、全角テキストで3D線画ダンジョンっぽい記述が出来ることを発見し、とりあえず作ってみっかってんで作ってみた代物です。 あえてオリジナルな要素は入れずに、Wizと同システムの別シナリオ、というイメージで遊べるように意識して作ってみましたんで、新鮮味はないかもしれませんが、安心して遊べると思います。詳しい説明は下記のオンラインヘルプをどんぞ。 ちなみに、他のWizライクゲームは、Wanderers、Daemon、Wizmataryなどが有名です。 オンライン版 オンラインヘルプ DL版(ヘルプ含む) 10.5MB 英語表記版 雨蛍氏(ブログ:雨蛍おばさんの邪なる手榴弾)が作製した、Jsardryのアイテム、モンスター、
■操作方法 [SHIFT]or[SPACE]キー - ジャンプ [CTRL]キー - ダッシュ&ファイアー
はてなダイアリーやはてなグループで、ウクレレのコードを記述することで、簡単にウクレレのコード譜を表示できる「ウクレレ記法」を追加しました。 例えば、はてなアイデアミーティングのテーマ曲(音声ファイル)をウクレレ記法で記述すると [uke:C Dm G G7 C]となり、 のように表示されます。各種記号もサポートしており [uke: |: C _ Am F G7 1 - C :| ] [uke: 2 - C G7 C]と記述すると のように表示されます。 また表現やコードによって違うフレットを押さえたい場合などはコードの後に@フレット番号を書くことで表示することが可能です。例えば [uke:D7 D7@0202 C C@3345]と記述すると と表示することができます。 その他、便利な移調機能もあり、 [uke:tp]と記述すると と表示され、記述した階調から移調したい + や - の数値を
ファイルサイズわずか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
JavaScript でインクリメンタル grep 検索 JavaScriptで grep 検索をしようと思い、次のようなコードを書いた。 function grep (pattern) { try { var regex = new RegExp(pattern, "i"); var spans = document.getElementsByTagName('span'); var length = spans.length; for (var i = 0; i < length; i++) { var e = spans[i]; if (e.className == "line") { if (e.innerHTML.match(regex)) { e.style.display = "inline"; } else { e.style.display = "none"; } } }
ソフト詳細説明 ◆文字列をすべてのコンピュータで読めるような形式に変換したり、変換されたものを元の文字列にデコードすることができる関数のライブラリです。 ◆ビルトイン関数の escape() , unescape() とは異なり、どの種類のブラウザでも同じ変換結果が得られます。 ◆JISコード変換テーブルを搭載しているので、従来JavaScriptでは実現が困難であった、Shift_JISコードやEUC-JPコードなどの文字コードとしてのエンコード・デコードも可能となっています。 なお、この変換テーブルは、直接漢字は記述せず、Unicode 番号を圧縮したデータをASCIIコードの文字のみで記述しているので、任意の文字コードで使用可能です。 ◆動作確認用のフォーム TransEscape.html を付属しているので、すぐに使用することもできます。
Firebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。 http://sample.ecmascript.jp/20060526.htm 要は JavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい!たのしい!こんにちわ! FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 172,244 weekly downloads 8,436,061 total downloads M
それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
JSON を Template-Toolkit で展開する Jemplate という記事を書いたんですが、Jemplate を使うと何がいいかってのをもう少し詳しく書いてみます。 Jemplate は TT で JavaScript 上の JSON を展開できるんですが、それだけ聞いてもしかすると「これで普段サーバーサイドでやってるテンプレートの展開をクライアントサイドに持って行けて負荷がクライアントに移ってウマー」っていうのが使いどころのようにも思えちゃいますけど、そうじゃない。検索エンジンに引っかからなくなったりとか、アプリケーションの使い勝手が悪くなったりとか色々弊害があります。 そうじゃなくて、Jemplate は JavaScript のためのテンプレートとして使います。 試しに Catalyst で簡単なアプリケーションを作ってみました。ちょっと動かしておく環境がないのでソース
JavaScriptでWikiのフォーマッターを実装してみたものを利用した何かを作るために遊んでいたりいなかったり。 閲覧 (V) 編集 (E) JavaScriptでWikiのフォーマッターを実装してみたものを利用して、Wikiのページっぽくしてみたものです。叩き台。 ---- 1行以上の空行の連続(/\\n\\n+/)をブロックの区切りとみなすという仕様のため、空行がとても重要です。つまり何かにつけて空行を作れということ。 ---- 普通の文章はp要素でマークアップされます。普通の文章とは行頭に特殊な記号が存在しない行のことです。1行を段落とみなして、p要素でくくるということになります。 ---- インライン要素には一部対応しています。 - 強調したい文字列の前後を\'\'で括ると、''em要素''でマークアップされます - さらに強調したい文字列の前後を\'\'\'で括ると、'''s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く