最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
[対象: 上級] ページの表示速度が、Googleのランキングを決める指標として日本を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。 そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。 スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman（ジョナサン・コールマン）氏です。 ウェブサイトのパフォーマンス最適化 サイトを高速化する理由 コンバージョン率の最適化 カスタマーエクスペリエンスとカスタマー満足度の向上 直帰率を下げる。 競争率が非常に激しいキーワードでオーガニックからのトラフィックを増やす。 全体的な競争力を高める。 運用費を節約する。 数字で見るページスピード Googleではページスピードが検索の1%に影響している。 ユーザーがページ表示に待てるのは2秒まで。 3秒以
Adding a Timepicker to jQuery UI Datepicker
Check out the Handling Time eBook to learn from the basic setup to advanced i18n usage, and from client's javascript to the server's database. buy eBook + Example code buy eBook Download Download Timepicker Addon and the required CSS. Download/Contribute on GitHub (Need the entire repo? Find a bug? See if its fixed here) If you prefer a hosted CDN there are a couple available: CDNJS, jsDelivr. Req
ADDRAjax - Ajaxによる住所ドリルダウン検索
Kawa.netxp ADDRAjax - Ajaxによる住所ドリルダウン検索 都道府県名→市区町村名→町域とドリルダウンで住所を検索する JavaScript ライブラリです。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 住所辞書データの通信には Ajax（JSON）を利用しており、動作も十分に軽量です。 【2007/12/23 追記】 jQuery にも対応しました！ 住所を選択： 『ADDRAjax』は ADdress DRilled down by Ajax の略です。 ダウンロード（ZIPパッケージ） ←通常はこちら 開発中のソースコード Subversion @ CodeRepos 導入手順とサンプルコード ドリルダウンな ALPSLAB Clip! 作成ツール 郵便番号辞書のアップデート手順 ライセンスとご使用上の注意点 更新
Datepicker | jQuery UI
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
テキストで作る。ドロップダウンメニュー・プルダウンメニュー - CodingMania
jquery,CSSを使って、クリックするとサブメニューを表示します。 ヘッダーで、jQuery.jsと後述のdropdown_t.jsを読み込んでいます。 サブメニューはCSSで非表示にしています。 サブメニュー表示の速度は、slow,normal,fast等で変更可。 画像で作る。ドロップダウンメニュー・プルダウンメニューもご参考に。 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="js/jQuery.js"></script> <script type="text/javascript" src="js/dropdown_t.js"></script> [dropdown_t.js]JavaScript $(function(){ //ドロップダウン表示 $(".mod_dropnavi ul.topme
JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた
基本的にはjsfiddleメインなんですが、 依存するのが基本的に不安なのでロー カル環境で同じような環境を作りたか ったのですが、同様のサービスのJSBin がOSSで公開されてましたので試しに インストールしてみました。 まだちゃんと使うかは分かりませんけど、折角入れてみたので手順をメモ書き。 以前、ブラウザ上でjsを開発、URLを発行するjsfiddleをご紹介しました。jsDoitみたいなやつですね。 で、この2つ以外にも以前からJSBinっていう同じようなWebサービスがあるんですが、このJSBinがオープンソース（MIT）で公開されています。 見た目も自分用に使いやすく変えられるし、開発もスニペットの保管も出来るかなと思って、試しにローカル環境に入れてみました。 左側にJavaScriptコードやHTML、CSSを書けば、右側に結果として反映される、みたいなやつです。 JSBi
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.res-system.com/weblog/item/383