• Cloudflare Pages *.pages.devからカスタムドメインへの一括リダイレクトとドメイン設定の最適化
  • 無理のないテストをAstro + Vitestで始める
  • Expressive Code導入・Astroでシンタックスハイライトを強化する
  • microCMS MCP×Claudeで実現。AIによるメタディスクリプション自動生成とPATCH更新の実践ログ
  • ブログをAstro v5 Content Loader API・microCMSにリニューアル - 記事詳細ページ編 -
  • 無意識に探してしまう日付。サイトタイプ別・日付の表示パターンをゆるくまとめてみた
  • microCMSのimgixで自動生成していたOGP画像をCloudflare WorkersとR2×Cloudinaryに変えてみた
  • ブログをAstro v5 Content Loader API・microCMSにリニューアル - Zodの型定義編 -
  • GEMINI.md指示書 × Gemini CLI × Playwrightで作るリダイレクトチェッカー
  • microCMS MCP Serverを実際に使ってみた - Claude Desktop連携でブログ投稿を自動化
  • Node.js×GitHub CLIでGitHubリポジトリとローカル環境を一括セットアップ
  • Playwrightで自動スクリーンショット取得
  • UptimeRobot（Freeプラン）でサイトの稼働状況を監視してみる
  • WindowsでZIPの文字化けを検証・Mac環境なしで試せる解凍方法まとめ
  • 角丸＆エフェクトを簡単解除！Figmaエクスポート作業を快適にするプラグインを作ってみた
  • Astroのpaginate()を使ってページネーションコンポーネントをつくる
  • コーディングで地味につらい...Figmaで画像・レイヤーの角丸を一括で解除するプラグインを作ってみた
  • 実はFigma標準機能！こんなこともできたのか…
  • フォームなしもあり？Webサイトのお問い合わせの実態を探る
  • ヘッドレスCMS Newtを使ったコンテンツ管理とAstroでのページ構築①
  • ずっと放置していたnpmパッケージのアップデートに取り組んでみた
  • Cloudflare Pages×Next.jsで実装するmicroCMSのプレビュー画面
  • AstroとPostCSSで実現するカスタムメディアクエリを使った効率的なCSS管理
  • AstroでRSSフィードから記事一覧を取得してCloudflare Pagesで表示してみる
  • 効率アップ！GASで Google ドライブ 内の資料ディレクトリを見える化
  • Cloudflare PagesへデプロイしたサイトにCloudflare Accessでアクセス制限をかける
  • @astrojs/sitemapを使ってAstroサイトのサイトマップを生成する
  • 《エンジニア向け》エンジニアのためのFigma資料作成術
  • Figmaで可変幅に対応したヘッダーコンポーネントを作ってみた
  • 仮想スクロールライブラリを使って記事一覧から特定の単語を含むタイトル記事を絞り込み表示する
  • ドメイン管理をスタードメインからCloudflare Registrarに移管する
  • Vidnoz AIで無料AI動画を作ってみた
  • __NEXT_DATA__のjson内のパスがサーチコンソールで認識され404エラーが出てた件
  • GASを使用してスプレッドシートデータを自動的にグループごとに罫線で囲むスクリプト作成
  • チェックボックス「すべて選択」機能があるサイトの有効・無効動作とタップエリアについて調べてみた
  • CloudflareのEdge RuntimeとmicroCMSのqパラメータを使ってキーワード検索結果ページを作る
  • Node.jsのSVGOを使ってSVGの最適化とBase64変換したCSSプロパティをコピーするツールを作ってみた
  • Next.jsのプロジェクトを作成してCLIを使ってVercelへデプロイしてみる
  • Cloudflare R2のストレージにサブドメインの紐づけとファイルのアップを試してみる
  • Next.jsの動的ルーティングでカテゴリ・記事スラッグを使ったディレクトリ構造を再現する
  • Node.jsライブラリsharpを使って2枚を1枚の画像に合成・圧縮する自動化mjsを作る
  • Node.jsライブラリsharpを使って画像の圧縮とwebp生成を自動化する
  • シンタックスハイライトをprism.jsからReact Syntax Highlighterのprismに変更する
  • next/imageの<Image>コンポーネントのプロパティとhtmlの出力タグを見比べてみる
  • microCMS×imgixでOGPを自動生成する
  • フォントの設定を@next/fontからnext/fontのビルトインフォントに変更する
  • microCMSにカテゴリAPIを作成しカテゴリ一覧ページとカテゴリ一覧ボタンのサイドバーを表示する
  • Cloudflare pagesのサイト内で_redirectsを使ったリダイレクトをする方法
  • Cloudflare Pages functionの_middleware.tsでBasic認証をかける方法
  • Tailwind CSSからCSS Modulesに変更しデザインをリニューアルしました
  • GitHub CLIを導入してから数ヶ月経過したのでよく使うコマンドまとめ
  • Next.jsの動的ルーティングとページネーションコンポーネント
  • Cloudflare Pages functionのMiddlewareとhonoでBasic認証をかける
  • 本文にシンタックスハイライトprism.jsを設定する
  • next-seoを使ってSEOメタ情報のデフォルト設定と各ページの設定
  • Google タグマネージャー／GA4を設定する
  • フィールドに設定したスラッグで記事を取得・表示・XSS対策
  • Next.jsにTailwindCSSを入れる
  • aspidaを使ってmicroCMSの記事を取得してタイトルをリスト表示する
  • 備忘録サイトについて