note

Astro で Fontsource を使って Google Fonts などを簡単に利用する

Astro の import statement で alias を使ってパス指定を簡単にする

Astro の設定ファイルで環境変数を読み込む

package.json に記録されるパッケージのバージョンを固定の値にする

特定のセレクタの textContent をコピーしてリスト化するブックマークレットを作成する

npm のキャッシュを完全に削除する

Nullish coalescing operator の優先順位は低いため計算に使うときなどは注意が必要

JavaScript でメディアクエリの状態変化を検知する

JavaScript で URL のハッシュ部分を取得する

Swup の updateHistoryRecord ヘルパー関数を使って URL を更新する

JavaScript でローカルストレージに特定のキーを持つアイテムがあるかどうかを判定する

ni を使って npm や yarn、pnpm、bun のコマンドを統一する

Node.js の ES modules で __dirname や __filename を使う

JavaScript で配列をシャッフルする

Newt でカスタムオーダー順でデータを取得する

Cloudflare Pages のビルド時にロックファイルとは異なるバージョンのパッケージが使われるときの対処法

JavaScript で投稿の URL をコピーするボタンを実装する

toggle() の force パラメーターを使って条件に合わせてクラス名をトグルする

CSS で文字を長体（もしくは平体）にする

JavaScript で大文字と小文字が混ざった文字列の配列をいい感じにソートする

Newt で投稿にひもづいた参照フィールドの画像の情報などを取得する

Newt で特定のフィールドの値を取得する

giscus を使ってブログにコメント機能を追加する

CSS を使ったクールなグラデーション集

JavaScript で Object の中身をコンソールで確認する

Astro で開発中のサイトをスマホで動作確認する

JavaScript でローカルストレージを使ってユーザーが選択したモードなどを保存・取得する

JavaScript でタッチデバイスかどうかを判定する

JavaScript で特定の要素の中でマウスイベントが生じた位置を取得する

JavaScript で エスケープキー（Esc）を押したときにモーダルを閉じる

JavaScript の target と currentTarget の違い

JavaScript で特定の要素が overflow しているかどうかをチェックする

JavaScript で要素が特定の class を持っているかどうかをチェックする

JavaScript で文字列の先頭のみを大文字にする（キャピタライズ）

JavaScript で 数値を四捨五入する（Math.round）

JavaScript の分割代入（destructuring assignment）で変数名をリネームする

JavaScript の分割代入（destructuring assignment）でデフォルト値を設定する

JavaScript で shorthand property names を使って console.log() を見やすくする

JavaScript で shorthand property names を使ってオブジェクトのプロパティ名を省略する

JavaScript でスプレッド構文を使ってオブジェクトを連結する

JavaScript でスプレッド構文を使って配列を連結する

Parameter と argument の違い

JavaScript で偶数か奇数かを判定する

rsync を使ってリモートサーバーからローカルにファイルを同期する

pbcopy を使ってコマンドラインからクリップボードにコピーする（macOS）

unzip コマンドで zip からファイルを取り出す

ダウンロードした zip ファイルを展開し、もとの zip ファイルは削除するスクリプト

複数階層のディレクトリを mkdir する

Vim でカーソル位置はそのままにスクリーンをスクロールする

Homebrew Bundle を使って Brewfile でパッケージを管理する

mas-cli を使って Homebrew 経由で App Store のアプリケーションを管理する

Homebrew Cask を使って macOS 用のアプリケーションを管理する

Astro で Tailwind CSS を使う

Vite で Tailwind CSS を使う

URL オブジェクトは文字列コンテキストにおいて href プロパティの値になる

Vim でキーリマップする

Vim でジャンプ前のカーソルに戻る

Vim でファイル内の文字列を一括置換する

JavaScript でスクロールバーの幅を取得して CSS カスタムプロパティとして設定する

Next.js ルーティング関連の Pages Router と App Router の主な違い

Next.js の useSearchParams を使ってクエリパラメータを更新する

Next.js の usePathname で URL のパス名を読み取る

Next.js の useRouter を使ってボタンクリック時などにページ遷移する

直前のコミットメッセージを修正する

Obsidian で画像のサイズを指定する

Finder でタブ補完を使ってパスを指定する

Git エイリアスを使って Git コマンドをすばやく実行する

コマンドエイリアスを使ってコマンドをすばやく実行する

JavaScript でビューポート幅に応じて処理を分ける

pnpm で特定のバージョンにパッケージをアップグレードする

CSS でテキストの線をグラデーションにする

CSS でテキストの塗りをグラデーションにする

.gitignore に追記せずにローカル上でのみ特定のファイルを無視する

VoiceOver を使ってウェブサイトの読み上げを確認する

マークダウンでインラインコードにバックティックを表示する