CORS制限付き外部iframeのfocusイベントを取得する 2020/02/24 やりたいこと メインページ上の外部iframeをクリックした時に、メインページで特別な処理をしたい。 具体的には、Bloggerの埋め込みコメントフォームをクリックした時に処理を実施したい。Bloggerの埋め込みコメントフォームは、 www.blogger.co...
レーベンシュタイン距離で文字列の類似度を高速に取得する 2020/02/232020/03/11はじめに 文字列の類似度について考えます。具体的には、レーベンシュタイン距離を使用して文字列の類似度を測定します。ただし、レーベンシュタイン距離では、速度が遅いため、高速化します。高速化に伴ってレーベンシュタイン距離とは別物になってしまいますが、類似度としての役割は果たせます。 ...
Bloggerのコメント欄を標準jsなしで返信可能にする 2020/02/222020/02/25 はじめに Bloggerのコメント欄改善です。標準jsを読み込めば、返信(リプライ)できるようにできます。ですが、できるだけスクリプトを使用したくないため、自作して最小限のスクリプトで済ますようにします。 仕様 コメントをJavaScript無効で表示する...
FID(First Input Delay)とはなにか? 2020/02/172021/03/26はじめに 次の資料にFID(First Input Delay)の詳しい説明があります。ただし、この資料を読んでも筆者には、FIDが何を意味するのか正確にはわかりませんでした。そこで、記事内で紹介されているpolyfillコードやPageSpeedInsightsの表示するFID...
正規表現で使用する文字をエスケープする 2020/02/142021/01/30はじめに 正規表現でユーザ入力を処理する場合、エスケープ処理が必要になってきます。正規表現を使用した文字列のエスケープについて考えます。 MDNのサンプルコード JavaScriptのサンプルコードと言えば、おなじみのMDNです。調べてみると、正規表現のページの中にこっそりとサン...
簡易な英語の分かち書き(形態素解析) 2020/02/122020/03/11変換 はじめに 簡易な英語の分かち書きです。 調べても巨大なライブラリしか見つからなかったため、作成しました。スペース区切りより頭がいいので、ライブラリ入れるのが嫌なとき用です。 tiny_segmenter.js の英語版みたいなものです。 仕様 英単語を単語単位で分割します ...
簡易なHTML特殊文字変換機(通常文字 <=> 特殊文字) 2020/02/102020/07/29エンコード デコード ※標準のエンコード文字は、「 」「<」「>」「&」「"」「'」「©」です はじめに HTML特殊文字を 元の文字列に 変換する処理です。「 。 」にやられました。JavaScriptの簡易な変換処理...
WSH(JScript)のファイル書み込み・読み込み処理 2020/02/032020/03/11WSH(JScript)の基本機能をぼちぼちと。BOMまわりの処理がしっかりしたファイル書き込み・書き込み処理です。簡易処理ではありません。記載内は、下記のライブラリを流用しています。 WSH(JScript)用ファイルライブラリ:FileUtility.js テキストファイルを...
JavaScript から CSS のルールを管理する 2020/01/242023/08/27忘却録。 <style> を追加する addLocalStyle.js // CSSを追加する var addLocalStyle = function(text) { var style = document.createElement('style&...
ウェブページのスクロール量(読了率)を計算する 2020/01/182021/12/17はじめに スクロール量を取得します。ウェブページをどこまでスクロールしたのかの値です。ブログ等では、読了率として記事の良し悪しの指標としてよく利用されています。 高さやスクロール量の取得と計算といった単純な処理ですが、クロスブラウザの互換周りを考慮すると実装までだいぶ面倒だったた...
CSVをJSON風に配列化・文字列化する 2019/12/232020/03/12はじめに CSVをJSON風に利用できるようになります。 k08045kk/CSV.js - GitHub サンプル sample.js (function() { var csv = 'aaa,bbb,ccc\r\n12345,6789,"aaa,bb...
Console.jsサンプル集 2019/10/15 下記ライブラリのサンプル集です。 WSH(JScript)用コンソール:Console.js console グローバル変数の「console」に標準のコンソールを設定します。 console.log('Hello World.'); ...
Bloggerのラベル検索で総件数以上に前の投稿へ戻れる 2019/10/012020/02/26 問題現象 Bloggerのラベル検索結果でラベル総数を超えても前の投稿を表示しようとする。 前提 ラベル:WSHLibrary ラベル総数:12件(記事作成時点) 1ページ表示数:10件 例 ラベル検索ページを表示する https://w...
WSH(JScript)用エラー出力ファイル情報付加:ErrorUtility.FileInfo.js 2019/09/282020/03/12WSH(JScript)用エラー出力ファイル情報付加です。 機能概要は、以下の通りです。 エラー出力用のトレース文字列にファイル情報を付加する サンプル 準備中 参考リンク WSH(JScript)でコードを書いてみる WSH(JScript)でJSONを使う WSH(JScri...
Webページでユーザデータを保存する方法 2019/09/27 URL URLに指定してデータを保存する。 URLの最大長問題があるため、最大で2,048文字(IEのURL最大文字数)までに抑えたほうが良さそう。 短縮URLと組み合わせると、URLの見栄えも良くなる。 例 GitHub - nwtgck/nipp: 🎒 ...
GAS のウェブアプリでハマった CORS エラーの話 2019/06/292023/09/16旧題「GASのWebアプリケーションでハマったこと」 問題の概要 ウェブページから XmlHttpRequest で GoogleAppsScript と通信する GoogleAppsScript 応答を元にウェブページで処理をする GoogleAppsScript 応答時に C...
JavaScriptなしでGoogleAnalyticsデータを収集する 2019/05/292020/04/08はじめに JavaScript無効環境では、analytics.jsやgtag.jsでデータ収集することはできません。そのため、別の方法でデータ収集する必要があります。 ここでは、 Measurement Protocol を利用して、データを収集します。 Measurement...
WSFファイルを1ファイルに結合する:wsfpack.wsf 2019/05/252023/03/14「 wsf2jse.wsf 」の改造版です。 wsfpack.wsf WSFファイルを1ファイルに結合する。 wsfファイルのXMLを解析して、1つのwsfファイルに結合して出力するスクリプトです。ファイルを分割すると開発するには便利ですが、実用で実行するには不向きなため、1ファ...
古いブラウザに自動で polyfill を適用する 2019/05/222024/03/06古いブラウザへのes6対応です。 古いブラウザにも一応対応したい。ただし、煩わしいことはしたくない。最新ブラウザでpolyfillによるコード量増加などの悪影響を防ぎたい。とかの場合に使うといいかも…。 ただし、HTML5やCSS3、JavaScriptの最新構文を使用できるわけ...
SyntaxHighlighterの読込みを最適化する 2019/05/212020/06/24SyntaxHighlighterの読込みを最小限にします。概要は次の通りです。 <pre> なしならば読み込まない 必要なブラシは、最低限読み込む 遅延読込みも合わせて更に高速化する 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他...