ユーザーの体感速度を高めるための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... 続きを読む

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

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

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