ユーザーの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2015/04/19 465 users JavaScriptチューニング 体感速度 ユーザー 前編

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感... 続きを読む

GitHubのエラー・ページ - Weblog - hail2u.net

2013/10/06 70 users GitHub HTT Weblog hail2u.net

GitHubのStyleguideにエラー・ページのセクションがあるのを知った。それによると外部ファイルに依存しないように書いているらしい。CSSはstyle要素で、JavaScriptはscript要素で、画像ファイルはBase64エンコードしてData URIで、それぞれHTMLに直接埋め込むというスタイル。 実際に404のテンプレートでもちゃんとそうなっていた。フロントエンド脳なので、HTT... 続きを読む

ユーザの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2013/07/18 465 users ユーザ JavaScriptチューニング 体感速度 前編 後編

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 ユーザの体感速度を高めるためのJavaScriptチューニング（前編） 今回から複数回に分けて、Jav... 続きを読む

ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由: 小粋空間

2013/06/11 270 users function 小粋空間 ソーシャルボタン Twitter

ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!（エクスクラメーション）」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="t... 続きを読む

0-9, Google AnalyticsにみるJSの非同期初期化処理

2013/02/09 36 users function text 0-9 var gaq.push

Google Analyticsが提供するJSは以下の様な初期化処理をおこなっている。 <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { // script要素の動的... 続きを読む

jQueryによる要素の存在チェックまとめ: 小粋空間

2012/04/17 94 users jQuery selector jQueryオブジェクト

jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生成されたことを判断したいケースがあるかと思います。なかったらすいません。 ということで、jQueryで要素（jQueryオブジェクト）が1つでも存在することをチェックする方法を調べてみました。実際に動かした結果でまとめてます。 サンプルはscript要素で括っ... 続きを読む

jQuery Templatesのテンプレート内にscript要素を書く

2011/06/13 16 users テンプレート テンプレート内 都合上

jQuery Templatesのテンプレート内にscript要素を書く jQuery Templatesはscript要素の中にテンプレートを書く都合上、普通にテンプレート内にscript要素を登場させることが出来ません。 続きを読む