ラベル「JavaScript」の付いた投稿を表示しています。

アプリのピュニコード対応(日本語ドメイン対応)した

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

GoogleAnalyticsを遅延読み込みする

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

Blogger用の関連記事表示機能:FeedRelatedPosts.js

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

n-gramで文字列の類似度を測定する

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

SyntaxHighlighter.jsからhighlight.jsへ移行しました

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

レーベンシュタイン距離で文字列の類似度を高速に取得する

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

Bloggerのコメント欄を標準jsなしで返信可能にする

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

FID(First Input Delay)とはなにか?

投稿日 2020/02/17 更新日 2021/03/26
thumbnail
はじめに 次の資料にFID(First Input Delay)の詳しい説明があります。ただし、この資料を読んでも筆者には、FIDが何を意味するのか正確にはわかりませんでした。そこで、記事内で紹介されているpolyfillコードやPageSpeedInsightsの表示するFID...

正規表現で使用する文字をエスケープする

投稿日 2020/02/14 更新日 2021/01/30
thumbnail
はじめに 正規表現でユーザ入力を処理する場合、エスケープ処理が必要になってきます。正規表現を使用した文字列のエスケープについて考えます。 MDNのサンプルコード JavaScriptのサンプルコードと言えば、おなじみのMDNです。調べてみると、正規表現のページの中にこっそりとサン...

簡易な英語の分かち書き(形態素解析)

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

WSH(JScript)のファイル書み込み・読み込み処理

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

ウェブページのスクロール量(読了率)を計算する

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

Console.jsサンプル集

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