古いブラウザに自動で polyfill を適用する

古いブラウザへのes6対応です。 古いブラウザにも一応対応したい。ただし、煩わしいことはしたくない。最新ブラウザでpolyfillによるコード量増加などの悪影響を防ぎたい。とかの場合に使うといいかも…。 ただし、HTML5やCSS3、JavaScriptの最新構文を使用で...

SyntaxHighlighterを最適化する

SyntaxHighlighterの読込み数を最小にします。 <pre> なしならば読み込まない。必要なブラシは、最低限読み込む。遅延読込みも合わせて更に高速化する。 元ネタは、下記の記事です。不必要な強い同期処理を簡易なものに置き換えてます。その他、自分用の...

初回ユーザイベントで発火する：onLazy.js

関数の遅延呼び出しです。 loadイベント以降の、初回ユーザイベントで発火します。 想定用途は、ファーストビューでは不要なスクリプトの遅延ロード用トリガーです。 コード /** * onLazy.js * 遅延処理 * loadイベント以降の、初回ユーザイ...

ページ更新時にページ先頭へ移動するユーザスクリプト

ページ表示時にウェブページの先頭へ移動します。ページを途中まで読んだ後、F5等でページ更新したタイミングで動作することを想定しています。 特に難しいことをしているわけではないですが、地味に便利だったりします。対応ページの追加は、 @include の行を新規に追加してくださ...

動的読込みのGoogleAdSense広告のブロックを判定する

Google AdSenseの遅延読込みでページ表示速度を改善 の記事で書いたスクリプトの追加機能です。 当ブログでは、関連記事をGoogleアドセンスの関連コンテンツに依存しています。そのため、広告をブロックされると関連記事が表示されず、ユーザのサイト内周遊に大きな問題が...

Google AdSenseの遅延読込みでページ表示速度を改善

GoogleAdSenseの読込みの遅さを改善する。 問題点と目標 問題点 GoogleAdSenseは、JavaScript/画像/フォント/設定ファイルなどの複数データを読込むため、非常に低速です。そのため、広告を導入したページは、広告のないページに比べてペ...

【JavaScript】2次元配列を90度回転する

2次元配列の回転です。 2次元配列の左90度回転 // 2次元配列の左90度回転 function rotate(array) { const ROW = array.length; const COL = array[0].length; const ...

JavaScriptの文字コード絡みの忘却録

型と文字コード 型 文字コード 補足 DOMString UTF-16 String UTF-16 DOMString Blob - DOMStringはUTF-8に変換される ソースコード - UTF-8BOMなしが...

HTMLにテキストファイルを埋め込んでダウンロードする

やること ブログなどのファイルが置けないない環境で、小規模なテキストファイルを外部ホスティングせずに、ダウンロード可能にする。 HTMLファイル内にファイルを埋め込む リンクのクリックでダウンロードする 追記 data: で背景画像の埋め込みなどと同じように...

GoogleAppsScriptのスプレッドシート処理を高速化する

はじめに スプレッドシート絡みのGoogleAppsScriptの高速化案です。 タイマー実行時間がきつきつなので節約します。 処理時間を確認する Apps Script - 実行数 GoogleAppsScriptダッシュボードの実行数で、 期間 として...

table要素をCSV形式でダウンロードする機能を実現する

table要素をCSV形式でダウンロードする機能を実現するために作成しました。 大抵のテーブルにそのまま使用できるといいな…。 仕様 指定のtableをCSVで取得する UTF-8BOMありで出力する Excel対策のため カンマ(,)、ダブルクォーテーシ...

EncodeUtility.jsサンプル集

下記ライブラリのサンプル集です。 WSH(JScript)用変換ライブラリ：EncodeUtility.js 共通 文字列 → byte配列 → 文字列 「文字列」から「byte配列」へ変換 「byte配列」から「文字列」へ変換 var str = ...

Google reCAPTCHA v3 の動作サンプルを作ってみた

reCAPTCHAv3のサンプル作成です。 完成品 reCAPTCHAv3テスター https://www.bugbugnow.net/p/app-recaptcha-v3-sample.html 補足 GASのフェッチ回数制限があるため、大量アクセスはご...

reCAPTCHA v2 をお問い合わせフォームに設定する

GoogleAppsScriptでお問い合わせフォームを作成する で作成したお問い合わせフォームにreCAPTCHAv2を設置する。 導入手順 reCAPTCHAのAPIキーを取得する reCAPTCHA reCAPTCHAv2のチェックボックスを選択してドメイ...

GoogleAppsScriptでソーシャルリンク数を取得する

ソーシャルリンクをGoogleAppsScriptで取得する はてなのブックマーク数を取得 function getHatenaBookmarkCount(cell) { var url = cell; var response = UrlFetchAp...

WSH(JScript) 外部入力関連

WSH(JScript)での外部入力関連まとめ ポップアップメッセージ 関数 ret = sh.Popup(strText, [nSecondsToWait], [strTitle], [nType]) 引数 strText ポップアップウィンドウに表示するテキスト ...

WSH(JScript) 外部出力関連

WSH(JScript)での外部出力関連まとめ エコー 関数 WScript.Echo([arg1], [arg2], [arg3], [...]) 引数 arg1, arg2, arg3 出力するアイテム 戻り値 なし Echo メソッド 解説 wscript...

GoogleAppsScriptのWebアプリケーションで文字列を返す

文字列を出力する function doGet() { return ContentService.createTextOutput('Hello World.') .setMimeType(ContentService.MimeType.TEXT...

GoogleAppsScriptでよく使うコードまとめ

基本処理 ショートカット ショートカット 説明 Ctrl+R 選択している関数を実行 Ctrl+Enter ログ表示 ※基本的なテキストエディタのショートカットは使用できます。 　[Ctrl+Z]:元に戻す、[Ctrl+F]:検索、[C...

FileUtility.jsサンプル集

下記ライブラリのサンプル集です。 WSH(JScript)用ファイルライブラリ：FileUtility.js 共通 絶対パス/相対パス パス指定では、絶対パス/相対パスが使用できる。 フォルダ区切りとして / と \ が使用できる。 注意： \ は、エスケ...