Welcome to my playground! 👋🏼
私の名前は大島翔吾。
職業はフロントエンドデベロッパー。
ここは私の遊び場です。
blog
10
- Lenis を使って慣性(スムース)スクロールを実装する
- React Three Fiber でホバーやクリックなどのイベントを利用する
- React Three Fiber の基本から簡単にアニメーションさせるまで
- GitHub CLI でよく使うコマンド
- Rehype Pretty Code (Shiki) を使ってシンタックスハイライトを効かせた状態で diff を表示する
- cmdk を使ってコマンドパレットのような機能を追加する
- Next.js: next-sitemap を使って、サイトマップと robots.txt を自動生成する
- Rehype Pretty Code で、コードブロックに行番号を付け、特定の行をハイライトする
note
75
- Astro で Fontsource を使って Google Fonts などを簡単に利用する
- Astro の import statement で alias を使ってパス指定を簡単にする
- Astro の設定ファイルで環境変数を読み込む
- package.json に記録されるパッケージのバージョンを固定の値にする
- 特定のセレクタの textContent をコピーしてリスト化するブックマークレットを作成する
- npm のキャッシュを完全に削除する
- Nullish coalescing operator の優先順位は低いため計算に使うときなどは注意が必要
- JavaScript でメディアクエリの状態変化を検知する
Sketch
// TODO: Add sketches