バグ取りの日々

はじめに ServiceWorkerと言うこの頃話題の機能がブラウザに追加されました。既存のウェブページではできなかった。スマホのアプリのような機能をブラウザで実現できる素晴らしい機能です。ただし、ユーザの事前承認なしに登録できます。 ServiceWorkerは、スマホアプリの...

はじめに CopyTabTitleUrl をピュニコード対応しました。ピュニコード対応が予想外に簡単だったので記事にしておきます。 ピュニコード（Punycode）とは 日本語ドメインなどの国際化ドメイン名で使われている文字符号化方式です。詳しくは、次のサイトなどを参照して下さい...

URLのユーザ名とパスワードの書き方 http://username:password@example.com/ http://username@example.com/ http://password@example.com/ ※ユーザー名は、ログインサイトでユーザー名入力をス...

はじめに GoogleAnalyticsの遅延読込みです。 analytics.js と ga() の設置処理を遅延処理します。遅延処理であるため、最後まで遅延した処理が呼び出されないことがあります。 onLazy.js は、最悪でも unload イベントで通知されます。ただし...

はじめに CloudflareのWorkers機能を試してみたのでサンプルなどです。 Wrokers機能は、ServiceWorkerとしてJavaScriptを記述することでクライアント処理ではなく、サーバー処理がかけます。最大CPU実行時間制限は、無料枠で 10ms であるた...

はじめに Bloggerは、標準で関連記事の機能がありません。LinkWithin, Milliard, GoogleAdSenseなどの外部サービスを利用することで関連記事を表示することができます。ただし、外部サービスを利用すると関連記事が広告ブロッカーにブロックされたり、表示...

「 レーベンシュタイン距離で文字列の類似度を高速に取得する 」の続きです。文字列の類似度の別方法としてn-gramについて考慮します。 利点と欠点 レーベンシュタイン距離 処理速度が遅い 一致度が低い場合、高速化しても遅い 位置の異なるキーワードに弱い 完全一致を判定できる 文字...

はじめに 当ブログでは、ブログ上のソースコードをハイライト表示するライブラリを利用しています。ソースコードには、予約後や文字列、数値など予め予測できる書式が多数存在します。それらを指定の色や書体でハイライト表示することで、ソースコードを読みやす表示しています。 これまで CDN上...

やりたいこと メインページ上の外部iframeをクリックした時に、メインページで特別な処理をしたい。 具体的には、Bloggerの埋め込みコメントフォームをクリックした時に処理を実施したい。Bloggerの埋め込みコメントフォームは、 www.blogger.co...

はじめに 文字列の類似度について考えます。具体的には、レーベンシュタイン距離を使用して文字列の類似度を測定します。ただし、レーベンシュタイン距離では、速度が遅いため、高速化します。高速化に伴ってレーベンシュタイン距離とは別物になってしまいますが、類似度としての役割は果たせます。 ...

はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信（リプライ）できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...

はじめに 次の資料にFID（First Input Delay）の詳しい説明があります。ただし、この資料を読んでも筆者には、FIDが何を意味するのか正確にはわかりませんでした。そこで、記事内で紹介されているpolyfillコードやPageSpeedInsightsの表示するFID...

はじめに 正規表現でユーザ入力を処理する場合、エスケープ処理が必要になってきます。正規表現を使用した文字列のエスケープについて考えていきます。 MDNのサンプルコード JavaScriptのサンプルコードならば、皆さんおなじみのMDNです。調べてみると、正規...

変換 はじめに 簡易な英語の分かち書きです。 調べても巨大なライブラリしか見つからなかったため、作成しました。スペース区切りより頭がいいので、ライブラリ入れるのが嫌なとき用です。 tiny_segmenter.js の英語版みたいなものです。 仕様 英単語を単語単位で分割します ...

エンコード デコード ※標準のエンコード文字は、「 」「<」「>」「&」「"」「'」「©」です はじめに HTML特殊文字を 元の文字列に 変換する処理です。「 &#12290; 」にやられました。JavaScriptの簡易な変換処理...

WSH(JScript)の基本機能をぼちぼちと。BOMまわりの処理がしっかりしたファイル書き込み・書き込み処理です。簡易処理ではありません。記載内は、下記のライブラリを流用しています。 WSH(JScript)用ファイルライブラリ：FileUtility.js テキストファイルを...

忘却録。 コード addLocalStyle.js // CSSを追加する function addLocalStyle(text) { var style = document.createElement('style'); style.textCont...

はじめに スクロール量を取得します。ウェブページをどこまでスクロールしたのかの値です。ブログ等では、読了率として記事の良し悪しの指標としてよく利用されています。 高さやスクロール量の取得と計算といった単純な処理ですが、クロスブラウザの互換周りを考慮すると実装までだいぶ面倒だったた...

はじめに CSVをJSON風に利用できるようになります。 k08045kk/CSV.js - GitHub サンプル sample.js (function() { var csv = 'aaa,bbb,ccc\r\n12345,6789,"aaa,bb...

下記ライブラリのサンプル集です。 WSH(JScript)用コンソール：Console.js console グローバル変数の「console」に標準のコンソールを設定します。 console.log('Hello World.'); ...