プログラムメモ
Category
JavaScript
Claude Code , Cursor , ChatGPT
AI
TypeScript
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
JavaScript
jQuery
Node.js / Bun / pnpm / npm
WEB制作（html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server（MS-SQL）
React
Vue3
Next.js
Vue.js
postgreSQL
Go
gulp(タスク自動化ツール)
デザイン関連（Photoshop・Illustrator）
Figma / Adobe XD / Sketch
フリー素材（写真、アイコン、フォント）
iPhone / iPad
WEBサービス / API
SQLite
エディタ・WEB開発環境 / Cursor / Web Storm / VS Code
Windows WEB開発（ASP.NET Core / C#）
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
PHPフレームワークCodeIgniter
最近のメモ
正規表現の先読みと後読み
MacBookをできるだけスリープさせないようにするコマンド caffeinate
Cloud Flare 設定しておくと良いWAF
tmux の AI対応進化版 herdr
次世代画像フォーマット avif に変換する / Finder右クリックで変換できる様にする
KUSANAGI9 の 初期設定とドメイン作成（プロビジョン）方法
Gmail以外の既存メールアドレスでGoogleアカウントを作成する
playwright の parallel 実行について整理する。
Playwright 並列実行を表現するディレクトリ
pnpm の 無駄なファイルを削除する
Cloud Flare の Amazon AWS S3互換のあるオブジェクトストレージ「Cloudflare R2」
next.js で .env.staging を使用したい
docker コマンド
biome より高速、設定が楽、oxlint , oxfmt
git で ローカルを強制的にリモートに合わせる
GitHub CLI ( ghコマンド ) を使用する
Claude Code のサブエージェント
TypeScriptのパフォーマンスを上げる
Mac で MAMP を利用する
Promise.all の最大数をワーカープールで制限する
Goenv の代わりに mise で Go のバージョンを管理する。
pyenv の代わりにmise を使ってpythonバージョン管理を行う
Goのジェネリクス
SSHで接続した先のサーバーのグローバルIPアドレスを、IPv4とIPv6で取得する。
日本語フォントのCSS設定
検索
JavaScript
トップに戻る
新規投稿
tags
typescript
[1]
正規表現
[4]
フォーム
[13]
配列
[6]
vue.js
[1]
iMacros
[4]
jQuery
[48]
DOM
[9]
xpath
[1]
node.js
[1]
画像
[6]
css
[1]
日付
[1]
HTML5
[9]
Ajax
[7]
日本語
[1]
prototype.js
[12]
エラー対処
[5]
Firefox
[2]
Bookmarklet
[3]
YouTube
[1]
iPhone
[2]
Google
[2]
Database
[2]
Cookie
[1]
YUI
[2]
高速化
[1]
JavaScriptプログラムに関する各種メモ書き
クイックリンク
正規表現の先読みと後読み
ブラウザのリフレッシュレート
Javascript の Set と Map
ここで今一度javascriptのランタイムについて整理しておこう
javascript で 配列を高速に初期化する
Google Chrome Dev Tools で タブのフォーカスを検知する
Grid drag & drop npm
ブラウザの Web API
Google Chrome の ブラウザAIによる要約 Summarizer API
重複のない状態を担保した配列に Set を使う
vanilla jsでモーダルウィンドウ
Web Workerの基本
Mapオブジェクトの .set() と コンストラクタの違い
javascript の 実行時間を計測して表示する console.time()
JavaScript の Symbol.for() とは？
Javascriptで文字列を JSON としてパースしJavaScriptの値にする。さらにエラーの場合にエラー補足をする
キーボードショートカット「/」で検索フォームにフォーカスし、「esc」でフォーカスを外す
javascriptでURLの ?以降 #以降 を取得する
正規表現マッチ結果をbooleanで返す test() メソッド
javascriptの無限ループ
javascript で UUID や ULID や CUID を生成する
javascriptでhtmlからimgタグを抽出する
javascript でブラウザから fetch を使ってmultipart/form-data でファイルアップロードを行う
base64からFileオブジェクトに変換 / URL（https://xxxxxxxxxxx） から Fileオブジェクトに変換する
javascript オブジェクトのキーを変数で指定する
javascript の Generator の使いどころ?
「意地でもconst」 は 可読性も悪くない
TypeScript の 「implements Iterable」
console.log ()
svelte + vite + typescript + vitest のはじめ方
javascript で Objectの長さ length を知る
javascriptの条件付き動的import
svelte + TypeScript のはじめ方
ts-node より高速な tsx による typescript ファイルの実行
typescript 引数の書き方
type="module"を記述してimport / export をそのままの javascript で使用する
jest で new Date() のモック
JSDocで javascript ファイルにも少しだけ関数の引数の型をつける
Javascriptでの正規表現
TypeScriptからのトランスパイルを試す
vanilla javascriptのDateTimeFormat で DBフォーマットで日付を取得する
DDD 値オブジェクト or エンティティ？
浮動小数点で誤差が出る計算式
一度だけイベントを登録する
JavaScriptでブラウザの戻るボタンまたはリロードボタンで画面遷移してきたことを判定する
JavaScriptで Date型 の判別
JavaScriptの日付Dateオブジェクトを比較する
TypeScript の デコレーター
Javascriptで「1. 日付が正しいか？」「2. 実際に存在する日付かどうか」をチェックする
JavaScriptで オブジェクトの配列（コレクション）から 重複する 項目を削除する
Cookie の Secure属性 / HttpOnly 属性
JavaScript オブジェクトから FormDataへの変換。FormDataの中身を表示する
無名関数とアロー式
React クラスコンポーネント と 関数コンポーネントについて
Promise の then() / catch() / finally() と async await
moment.js の 次 date-fns 使用 を使用する
ContentEditable で エンターキーを無効にする
fullcalendar で 次の月 / 前の月 クリック時にイベントを追加する
JavaScriptでカーソル位置に指定したテキストを挿入する
alpine.js で ドラッグドロップ
javascript 現在のウィンドウ アクティブかどうか（ユーザーが見ているかどうか）を調べる
JavaScriptでIPアドレス情報を取得
Javascript でオブジェクトの for
input type="text" の 候補リストを JavaScript で動的に変更する
javascriptでオブジェクト メンバ変数やプロパティの存在をチェックする
Javascript で moment.js を使って2つの日付の差を求める
JavaScript で正しく小数点計算を行う
JavaScriptのHTMLCollection を ループさせる
WEBサイトに自由にショートカットキーを設定できる mousetrap
Web Font Loader で webフォントを遅延ロードする
送信ボタンをボタン連打や二重送信を防止しつつ「送信中」を表示する
Angular8 の インストールと Hello World
IE11でも使用可能な Promise
JavaScript で フォームに入力可能な文字を限定する
Javascript でグラフ・チャートを表示させる apexcharts
canvas に描画した画像をファイルとしてダウンロードさせる
HTML5 Canvas を操作するJavascript ライブラリ
HTML5 Canvas の toblob を全てのブラウザで使用する
Javascript で ある値を配列から削除する
Javascript で スマホのフリック操作を制御する
Summernote で コピペするときに プレーンテキストでペーストする
JavaScriptの便利なライブラリ
JavaScriptでWEBサイトからのプッシュ通知を行う
javascriptでファイル名から拡張子を取り除く
JavaScript で実現する WYSIWYGエディタ
JavaScriptでスクロールして要素が画面内に入るとアニメーションする ScrollTrigger
JavaScriptでスムーズにするするとスクロールさせるやつ （jQuery非依存）
javascriptで全てのチェックボックスにチェックをつける・外す
JavaScriptでオブジェクトの配列をランダムにシャッフルする
JavaScriptで配列を参照渡しではなく実際にコピーする
Javascript の 命名規則（スタイルガイド）のケース（記法）について
JavaScriptの array.map
vue.js の ミニマルな形
iMacros for Google chrome で htmlからマクロを動作させる
javascript 難読化する
😊😊😊iPhoneの絵文字をWindowsで表示・入力する
JavaScript の querySelector の書式入門
JavaScriptのメモリ使用量を知る
JavaScript( node.js )でAES暗号を使う
ES6( ECMAScript 2015)フレンドリー + 他ライブラリ非依存のスムーススクロール sweet-scroll.js
背景画像の遅延読み込み（lazy load）をするlazysizes.js
アニメーションライブラリ velocity.js の記述方法
Copyrightの今年の年をJavaScriptで表示させる / 今年の年を表示させるWebComponentsを作る
このウィンドウはx秒後に自動的に閉じられます
jqueryでフォームのふりがな自動入力
jQuery（Javascript）で表示中のディスプレイが retina対応か判別する
クリックでクリップボードにコピーするボタンを作るjQueryプラグイン【clipboard.js】
jQueryを使用しできない環境でjQueryメソッドを使用したい時に参照するサイト
JavaScriptでオブジェクト、配列の要素数を取得する
ドラッグ&ドロップで複数ファイルアップロード + 進捗（プログレスバー）表示する Dropzone.js
JavaScriptで文字列を指定バイト数で切り取る
JavaScript の getElement系メソッドによる HTMLタグ（DOMオブジェクト）の取得
入力途中のフォーム内容を保存して自動的に復元する 『Sisyphus.js』
prototype.js の フォーム操作
IE8以下で console.log がエラーになる問題の対処
ブラウザ自動運転iMacrosの使い方と細かいテクニック
iMacrosでマクロによる変数代入とJavaScriptによる変数代入
フォームのプレースホルダーをjQueryで再現する
JavaScript(jQuery)でギターのタブ譜を表示する
jQueryでフォームの全ての要素に入力や選択があるかどうかを調べる
ドロップダウンリスト（オプション・メニュー）のスタイルを変更するjQueryプラグイン【jquery.customSelect】
ブックマークレット作成に便利なサイト
jQueryでのクラス表示方法・クラス指定方法
jQueryでフォームの入力値をチェックする（Validation）プラグイン
JavaScriptでアルファベットの大文字と小文字を区別せずソートする。
JavaScriptで全角→半角変換を行う
最も簡単にYouTube動画を貼り付けるjqueryプラグイン
JavaScriptでPHPのin_arrayのような関数を作る
JavaSriptで入力値のサニタイズ（PHPの htmlspecialchars()関数 )
SWF Object 不要。jqueryのFlashムービー（swf）貼り付けプラグイン
jQueryで＜ul＞＜li＞の最後の要素を選択する
JavaScriptでBlowfish暗号を利用する
jQueryで "ある要素" が画面内にあるかどうかを判別する
IE8 IE7 IE6 でCSS3の background-size: contain; を使用できるようにするjQueryプラグイン
ウィンドウサイズ変更を検知してサイズによって画像サイズを変更する
iPad, iPhone, スマートフォン用にviewportをJavaScriptで設定する
ある日にちからの経過日数（経過時間）を取得する
JavaScriptで xx日前の日付け、今日の日付を求める
JavaScriptに sptintf 関数を実装する
jQueryで画像やリンクのクリック状態（マウスイベント）やキーボード入力状態を強制的に作り出す
配列かどうかを判別する
JavaScript(jQuery)でスマートフォン（iPhone, iPad, Android）を判別する
JavaScriptの正規表現で変数を使う
GoogleによるJavaScriptホスティング（CDN）を使用する
jQueryのテンプレートプラグイン【 jQuery.tmpl 】を使用する
JavaScriptファイル自身のURLを取得する。またドキュメントルートを取得する。
文字列型を数値型(整数型)に変換する(parseInt)
jQueryでオブジェクト（HTMLタグ要素）の存在、表示、アニメーション中を判別する
Windows版IE6, IE7, IE8 での＜label＞タグがきかない不具合に対応する。
Google Maps を住所から自動生成するサンプル ( Google Maps Platform API 使用)
任意の範囲のフォーム項目をリセットするjQueryプラグイン【jquery.clearform.js】
jQueryのアニメーションにイージングをかける
jQueryで画像にマスクをかける画像ギャラリー【mbmaskedgallery】
Appleの検索窓のようにフォーカスするとサイズが変わるテキスト入力を実現する
jQueryでiPhoneの電話帳のように画面左に「A〜Z」のショートカットインターフェースを再現する
Googleサジェストライクなプラグイン
JavaScriptでクリップボードを操作する【zeroclipboard】
JavaScriptでヒアドキュメントもどき + ヒアドキュメントライブラリ
リファラー（REFERRER）を消して外部ページに移動する
ドラッグ、ドロップで要素を順番変更するjQuery UI Sortableモジュール
JavaScriptでPHPのisset関数みたいなものを使う
JavaScriptで外部サイトをスクレイピング【Cross-Domain-Ajax】
jQueryによるAjax操作の基本
HTML5またはcssまたはJavaScript（jQuery未使用）で画像の先読み（プリロード）を行う
オブジェクト（クラス）のメソッドを SetInterval する
HTML5のClient-side database（JavaScript Database）のSQL文サンプル
JavascriptでSmartyライクなテンプレートエンジン Jarty
HTML5のClient-side database storage（JavaScript Database）を試す
Javascriptで（GPS,Wifi）位置情報を検出する
JavaScriptでCookie（クッキー）を簡単に扱う
JavaScriptで半角カタカナを判別する
JavaScriptで現在時刻を取得する
FlashのバージョンをJavaScript（SWFObject）で取得する
フォームに適当な値を自動で入力するブックマークレット（フォーム自動入力BookMarklet）
JavaScriptでURIをパースする parseuri.js
ドロップダウンリストを動的にJavaScriptで生成する
ラジオボタン <radio name="form_name"></radio>の状態を変える
ドロップダウンリストの状態をJavaScriptで動的に変更する
Gmailのように「shift + クリック」でチェックボックスの複数選択を可能にするjQueryプラグイン
JavaScript（jQuery）でリッチテキスト編集（wysiwyg）エディタ
prototype.js を使わずにDOMオブジェクトのスタイルを取得する
IE6 で<select></select>より上にレイヤーを配置する
最も簡単な画像のロールオーバー導入方法 （jQuery）
jQuery , prototype.js 用「ツールチップ（吹き出し説明）」表示ライブラリ
DOMプロパティ
jQuery html()メソッドと DOM.innerHTML の違い
prototype.js のフォームシリアライズ（Form.serialize）をテストする
window.onload 前でも DOM 処理が可能なら通知してくれる domready.js
JavaScript で 動的に hidden属性＜input type=”hidden” name=”name” value=”value”＞を作成する
JavaScriptで四捨五入して小数点xxケタにする
これは便利！好きなブラウザで JavaScript を即座に実行【jsbin】【jstests】
＜input type="button"＞にname=”submit” は使用できない
入力文字数によってテキストフィールド＜textarea＞のサイズを変える
外部JavaScriptによるWindows IE7 の「ランタイムエラー」に対処する
外部JavaScriptやcssファイルを動的に読み込み（遅延読み込み）HTMLページ描画を高速にする
JavaScriptソースコードを圧縮してサイズを小さくする。またはソースを整形する
DOM要素（＜div＞タグ）をJavaScriptで削除する
JavasScriptでウィンドウの幅、高さを取得する。
htmlソースからDOM生成用のJavaScriptコードを吐くツール【DOM Tool】
Ajaxによって動的に書き換えられたhtmlソースコードを表示する方法。
n桁のランダムなIDを作成する
ソースコードを色づけするJavaScriptライブラリ【google/code-prettify】
prototype.js を使ってイベントを登録する。
JavaScriptで数字3桁ごとにコンマを打つ
JavaScriptでURIエンコード（URLエンコード）を行う
script.aculo.usを使ったフェードイン、フェードアウト エフェクト
ある要素にCSS、スタイルシートプロパティをJavaScriptでセットする
htmlページ内のdiv のX,Y座標位置を取得する
配列をランダムに並び替える
JavaScriptのSetTimeoutで 疑似sleep（遅延実行） を実現する / 変数を渡す
jQuery, prototype.js でラジオボタンの値を取得する
IEでどのレンダリングモードが適用されているか調べる
正規表現の先読みと後読み
https://techracho.bpsinc.jp/hachi8833/2021_04_08/63564
No.2759
07/07 10:37
edit
edit
delete