「ContextMenuから読み込んでいるJS、CSSを表示できるChrome Extension」を作成しました
作成しましたー contextmenu-source 同じドメイン上で読み込んでいるものは上に、外部ドメインで読み込んでいるものは下階層からアクセスできます。 クリックするとwindow.openでソースを参照します。 各ドメインはアルファベット順、同じドメイン上のファイルは読み込んだ順でソートされます。
iOS, AndroidでSafariからアプリのインストール状態によって遷移先を変える方法
制限すべてのOSで「表示開始時にアプリがインストールされているかを判断して表示を変える」事はできない iOS6以下の方法で画面上部にバナー（Smart App Banner）を出せる 以下の形式でパラメータを渡すことも可能 【iOS6】ページ上部にアプリが開けるバナーを表示！ Smart App Bannerについて : Excite Smartphone Engineer’s Blog ただし、この方法では「要素をクリックした場合にアプリかストアへ遷移する」動作は実現できないので、クリック時の飛び先を変更したい場合は以下の方法を使う iOS5以下、AndroidアプリのカスタムSchemeを確認して遷移する （カスタムSchemeが設定されていないアプリはこの方法は使えない） 以下の方法で画面遷移前に「インストールされていればアプリ起動、それ以外はストアへ遷移」が実現できる Safari
Google Analyticsのウェブテスト（A/Bテスト）をJSから使う方法
Google Analyticsのウェブテスト（A/Bテスト）とはGoogle アナリティクス公式サイト - ウェブ解析とレポート機能 – Google アナリティクスには「ウェブテスト」という名前でA/Bテストの機能が組み込まれており、この機能を使うと「AページとBページでどちらが成果が高いか」を判断することができます。 このA/Bテスト機能は元々Google Website Optimizerで提供されていましたが、Google Website OptimizerがGoogle Analyticsへ統合されたためA/Bテスト機能はGoogle Analyticsから設定するようになっています。 Google Analyticsのウェブテストの問題点ただ、Google AnalyticsにはGoogle Website Optimizerで言う「多変量（MVT）テスト」が存在せず、「A/
JsTestDriverとphantomjsとJenkinsを使ってのJSの継続的なテスト
JsTestDriverとphantomjsとJenkinsを使ってのJSの継続的なテストを行う方法を解説します。 Javaのインストール JsTestDriver、Jenkins共に実行にJavaが必要になるため、Javaのインストールを行いましょう。 すでにインストール済みの場合は必要ありません。 JsTestDriverのインストール JsTestDriverのjarを落としましょうダウンロードしたJsTestDriverを–portオプションで起動しましょう（ $ java -jar JsTestDriver[バージョン番号].jar –port 9876 ）設定ファイルのサンプルをダウンロードしてJsTestDriver.jarと同じディレクトリにJsTestDriver.confの名前で保存しましょうこれでJsTestDriver serverが起動します。 今回はテスト対象と
JSコードTips
// 任意の連続した文字列生成 (new Array(10)).join(‘a’); // 任意の内容で初期化された配列生成（要Underscore.js） _(_.range(100)).map(function(n) { return ‘hoge’ }); // 高速なepoch秒生成 +(Date.now ? Date.now() : new Date()) // event throttle（scrollイベントの発生を100msに1回以下に抑える） var timer; $(window).on(‘scroll’, function (e) { if (timer) { return; }; /* hoge */ timer = setTimeout(function () { timer = undefined; }, 100); }); // 最初に一回実行するsetInte
jQueryのliveやdelegateは実際何をやってるのか
jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbindする 2. 1で設定したイベントハンドラー内でdocument object内に存在する要素上で発生したイベントを全てキャッチする ・イベントの発生元要素がbind時に設定されたセレクタに一致する場合、第二引数に指定されたユーザーのイベントハンドラーを呼び出す これはもともと「多量の要素に対してbindするとUIをロックしてしまう」という問題の対策として知られていた手法だが、liveはそれをj
イベントの間引き方
JSでイベント関連の実装をする場合、頻繁に発生するイベントを間引きたくなる事がある。 例えばwindow.scrollやwindos.resize、mouseover何かは状況によってrequestAnimationFrameを超える頻度で発生するので、特に重い処理を実行する場合などはある程度イベントを無視しないとUIがロックされてしまう。 また、スマホや古いバージョンのブラウザなんかも処理速度の問題で間引く必要が出てくる。 こう言う処理は一般にthrottleとかdebounceと呼ばれてて(一応それぞれ違う動作を指す)検索すると公開された実装があるけど、とりあえずjQuery.throttleを使えばいい感じにしてくれる。 ただ、jQuery使ってないとか、ちょっと使いたいだけとかいうならこんな感じのコードでもいける。 window.onscroll = function hoge (
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
grunt+TypeScriptで差分コンパイルにしてみた
pacファイルを使ったLocalProxyデバッグ方法
JSで表示用htmlをキャッシュするときに考える事