zenbackのスクリプトを解析してみた(1/3)
zenback解析シリーズ連載: zenbackのスクリプトを解析してみた(1/3) zenbackのスクリプトを解析してみた(2/3) zenbackのスクリプトを解析してみた(3/3) ブログパーツを作成してみたいのですが、手始めに勉強としてzenbackの動作原理を解析してみました。 まず、入り口です。 サイトにて提示されているスクリプトは以下の通りです。xxxの部分にはサイトに応じた値が入ります。 (実際は1行ですが見辛いので適当に改行してます。) <!– X:S ZenBackWidget –> <script type="text/javascrip…
続きを読む
JavaScriptをブラウザだけで作成&テスト出来る環境を作った(JS.nanobench)
JavaScriptの動作確認をしているのですが、「エディタで編集 ⇔ ブラウザで確認」の行ったりきたりが面倒なので、ブラウザだけで確認できるようにしました。 作ったもの これです↓ JS.nanoBench プログラム: console.log( 2 * 3.14 ); 出力結果: エラー: 仕組み 仕組みは、textAreaの中身をevalして出力してるだけです。 …だと説明にならないので、html,js,cssのソース見ながら解説して行きます。 html まずは、htmlの構造です。 特に何の変哲も無いhtmlです。 各パーツにidを振ってあるのと、ボタンのonclickだけ…
続きを読む
http://www.google.com/jsapiを使用してjQueryをロードするときの注意点
http://www.google.com/jsapiを使用した、jQueryのロード 以下の記述で、googleがホスティングしているjQueryを利用することが出来る。 <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load("jquery", "1.4"); …
続きを読む