jQueryのAPIを眺めてて、「そういえばこのサンプルで実行するiframe、実際にファイルがあるのかな？それともJavaScriptで動的に作ってるのかな？」と思って確認したのでメモメモ。 確認してみたらやっぱりJavaScriptで動的にiframe作ってるみたいですね。 （サンプルコードのhtmlをいくつも作るの大変だから当たり前なのかしら？） たまにブログとかにJavaScriptのサンプルコードを書いてそれを実行したくなるときがあるのでその時用。ブログのプレビューとかも最近こうやってるiframe動的に作ってるんでしょうねぇ。 方法 <code class="demo-code">っていうタグを用意してその中にJavaScriptのコードを記述 id指定ではなく、class指定なのは複数のコードを実行したいとき用ですよね 出力結果を入れる空div、<div class="cod
さらに昨日の続き。いろいろ試してみると、昨日みたいに複雑なことをしなくても、window.setInterval などを呼び出すラッパ関数を作ってやれば、普通に setInterval や setTimeout も呼び出せました。というわけで、以下のような偽 window、偽 document を準備するコードを用意してやれば、jQuery.ajax を非同期で動かしたり、setTimeout で遅延実行させたり、自由自在ですね。 // ユーティリティ関数 var _util = { cat : function(f){return (new ActiveXObject("Scripting.FileSystemObject")).OpenTextFile(f,1,false).ReadAll();} }; // 偽 window、偽document、グローバルオブジェクトの準備 (fun
紹介 タイトル通りのplugin Ben Alman » jQuery iff: A chainable "if" statement 言及のきっかけとか 実用性がどうかとかより、以前似たようなものを実装しようとした者として、 そのシンプルな実装に感動したので言及しておく。 ちなみに私が作ったのはこの辺 条件付メソッドチェーンを実現するjQuery pluginを作ってみた - 文殊堂 if文の条件部に相当するメソッドに渡るのがtrueなら次のメソッドは実行するというのはさっくり実装出来たが、 条件付メソッドチェーン実現のためjQueryのラッパーを作ってみた - 文殊堂 複数メソッドをifの対象にするには結構七面倒くさいことをしないといけない。 と私は思っていた。 iff pluginでは、iffメソッドにfalsyな値を渡すか、 関数と引数のセットを渡してそれを実行したときにfalsy
jQuery、長いドロップダウンリストをインクリメンタルにしぼりこむサンプル with migemoっぽいもの 説明 たくさんのアイテムの中からひとつ選びたいというケース。 対象の名前は知ってる。でも検索するのもだるい。 単なるドロップダウンだとどこにあるかわからなくて困る。 というケースにどうぞ。 ユーザビリティメモ: jsが無効な人は恩恵を受けられないので代替手段を何とかしたほうがいいんじゃないっすかね。 ついでにmigemoっぽい検索する機能もつけてみた。 入力されたローマ字を元に正規表現作って読みデータ(ひらがな)を検索するだけ。 ちょっとかしこいハイライト機能つき。 操作: 上下キーで移動、Enterで確定、ESC or 検索窓がフォーカス失うとキャンセル。 Windows XP上のOpera 9.64、Firefox 3.0.10、IE 7.0で動作確認。
jQueryで遊んでみました。$.ajax()で、別サイトのAPIを叩いてJSONPでデータをもらってきて、そのデータをJavaScriptで加工する、なんてことが簡単にできました。jQuery便利ですね。（他のJavascriptライブラリと比べて便利かどうかはわかりませんけど） ところで$.ajax()でJSONPを使った場合に、アクセスしたURLから401とか403とか404とかを返されると実行が止まってしまうようです。errorプロパティにエラーハンドリングの関数を書いてみたり、ajaxError()を使ってみたりしたんですがどうにもダメでした。 同じ悩みを持った方が僕以外にも居るようです。 http://d.hatena.ne.jp/konk303/20080520/1211294342 http://rainbowdevil.jp/mt/externalstorage/arch
今回もイベントの処理に関する部分の解説になります。$(document).ready()を実装している部分が出てきますが、ここのソースコードは非常に興味深いです。よくある実装方法としては、動的にscriptタグを挿入してJavaScriptコードを実行する方法がありますが、jQueryの実装はもっと複雑なものです。また、DOMContentLoadedを利用して、処理の開始をできるだけ早くして、ユーザの体感速度を向上するための工夫も大変参考になります。 それでは、順に見ていきましょう。 jQuery.fn.bind() 2183: jQuery.fn.extend({ 2184: bind: function( type, data, fn ) { 2185: return type == "unload" ? this.one(type, data, fn) : this.each(fu
さる 3 月 15 日に開かれた Roppongi.JS の jQuery コードリーディングにオンラインで一部参加しました。途中参加に途中退室、一部こちらの都合で音声なしでの中継視聴とあわただしかったものの、jQuery のソースコードをじっくり読むいい機会になりました。 jQuery オブジェクト 今回個人的にわかったのは jQuery オブジェクト、すなわち jQuery(...) と jQuery 関数 (または $ 関数) を呼び出したときに返ってくるオブジェクトは何なのかということ。jQuery オブジェクトは配列のようなオブジェクトであり、length プロパティと 0 ～ n (n は length - 1) までの数値的な名前のプロパティを持ちます。配列としての各要素 (数値的プロパティ) は DOM ノードオブジェクトを指しています。 jQuery オブジェクト自身はは
3/15(sat) - Roppongi.JS#1 jQuery Code Reading(1)のお知らせ Roppongi.JS#1 jQuery Code Reading(1) - 反省会 オンラインの jQuery Code Reading。jQueryを使ったこともないのに＞＜参加。せっかく出たので、内容の抜書きと感想を。 今回読んだのは、1〜240行目まで。 といっても自分の参加は遅れて14時頃から。ちょうど24行目のこの辺↓をやってた。 if ( window.$ ) var _$ = window.$; jQueryの使い方の例 こんな感じで使います。jQueryは、このようにメソッドで返って来たオブジェクトでさらにメソッドを実行して行く、メソッドチェーンが便利。 $('div') // jQuery('div') .addClass('baa') .append('foo'
JavaScript界隈で最近注目のライブラリ、jQuery[1]。今回のゲストはその作者にして、Mozilla CorporationでJavaScript Evangelistを務めるJohn Resigさん。日本の「JavaScript先進国」ぶりにはかなりのインパクトを受けたようです。 （左）小飼弾氏、（右）John Resig氏（撮影：武田康宏） 米国にはない 弾：JavaScriptに関わったきっかけは？ Resig：大学ではPerlを使っていて、Mozillaの前にいたスタートアップ企業に入ってから使うようになりました。以来、JavaScript一筋です。 弾：JavaScriptコミュニティのShibuya.jsで講演されましたが、日本のJavaScriptersはどうでした？ Resig：非常に楽しかったです。そもそも、JavaScriptのコミュニティが日本に存在し
１週間ほど前に、Ajaxian でブログの記事を取り上げてもらいました。Ajaxian というのは JavaScript を中心とした Web 技術を紹介する英語のブログです。Ajax ブームも一段落した感はありますが、Ajax の新ネタを仕入れるなら Ajaxian と言われていたぐらいに有名なサイトです。このエントリでは、取り上げてもらうまでの経緯と、その後の反響をみていきます。取り上げてもらう方法昨年11月の Shibuya.js のとき、id:kstn さんとお話する機会がありました。id:kstn さんは Selenium IDE の作者としても有名ですが、以前、JS Commander が Ajaxian に 取り上げられていたのです。そこで、思い切って 「どうやって Ajaxian に紹介してもらったんですか？」 と聞いてみたところ、 「紹介してよ、ってメールを書いた」 と教
JSRuby は Javascript で実装された Ruby インタプリタです。 動作イメージ＆サンプルは記事「Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。」を参照していただくとして、ここでは JSRuby の Javascript 連携まわりを解説します。 JSRuby は Javascript と自然な連携ができるよう、以下の機能を持っています。 JSRuby-Javascript 間での任意の Javascript オブジェクトの受け渡し Ruby で定義されたメソッドの Javascript 側からの呼び出し JSRuby 内での Javascript メソッド実行＆関数オブジェクトの呼び出し、インスタンス化 このあたりの機能を整理して使いやすくしたものを JSRuby 0.1.1 としてリリースしました。最新版の取得などは
Altro che licenziamenti, ora si può ‘rilanciare’ grazie all’IA: questi lavori sono strapagati Nuove opportunità di lavoro grazie all’IA: questo sono quelle che al momento sono ricercate e che fanno guadagnare bene. In … Nuova importante legge Whatsapp: vale per tutti, cosa cambia adesso La giurisprudenza è molto interessata a fornire strumenti normativi chiari sull’uso di WhatsApp: c’è una nuova l
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
昨日のエントリのブクマやコメントで jQuery からの移行がめんどう 時代は jQuery のようなコメントがありました。 これらのコメントから おそらく、「XPath が jQuery や YUI、Prototype.js、Dojo、MochiKit などの汎用 JS ライブラリと競合する」と思ってる方が多いのかなと思いました。 結論 XPath は汎用 JS ライブラリとは競合する技術ではなく、共存する技術だと僕は考えています。 理由 汎用的な JS のライブラリには、大きく以下のような機能があります。 DOM ツリー上の要素やノードを取得する DOM に新しい要素やノード、属性、プロパティ、イベントなどを追加する その他、クロスブラウザとか それに対して XPath が提供するのは DOM ツリー上の要素やノードを取得する というシンプルな機能だけです。 つまり、 XPath は汎
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん（http://eto.com/d/PresenForJohnResig.html）のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど， その席で聞いた話がすんごく面白かったな． いろいろ面白かったんだけど，特にjquery2が面白かった． http://ejohn.org/apps/jquery2/ このURLなんですけど，コードはこんな感じ． <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
