ブログをはじめました：読みやすさにこだわった技術ブログの作り方
Astro と Markdown で、読み心地とスクロールの気持ちよさを大切にした技術ブログを作りました。設計で意識したことをまとめます。
Blog
記事一覧
このサイトの記事と、シナジーマーケティングの技術ブログ（TECHSCORE BLOG）に書いた記事です。
Astro の Content Collections で記事データに型を付ける
frontmatter の書き間違いをビルド時に検出できるように、Content Collections と Zod のスキーマで記事データを定義する方法を紹介します。
スクロール連動アニメーションを軽く実装するための 4 つのコツ
パララックスやフェードインを、重くならず、誰にとっても読みやすい形で実装するための考え方をまとめました。
日本語の Web タイポグラフィで気をつけていること
行間、字間、1 行の長さ、和欧混植。日本語の長文を Web で読みやすくするために設定している値とその理由。
AI とペアプログラミングするときに意識している 5 つのこと
AI コーディングアシスタントと一緒に開発するとき、成果を安定させるために心がけている習慣をまとめました。
シナジーマーケティングの技術ブログ
- これさえ読めばわかる最新 Claude Code − 開発が激変する新機能からあると便利な機能までTECHSCORE BLOG
- Next.js 16.3 は AI エージェントに何を渡すのか: docs 同梱からエラー修正・Skills までTECHSCORE BLOG
- シナマケミートアップ #16 レポート – みんなの読書感想文発表会TECHSCORE BLOG
- AI 開発の最適解かも⁉︎ Cursor 入門 ― Desktop の基本から Grok Bot までTECHSCORE BLOG
- シナマケミートアップ #15 レポート – 幻のLT発表会TECHSCORE BLOG
- herdr を使いこなす: 複数 AI エージェントの連携から自作プラグインまでTECHSCORE BLOG
- xAI の新コーディングエージェント CLI「Grok Build」を整理する: Claude Code / Codex CLI との違いTECHSCORE BLOG
- Orca 実践ガイド: Claude Code や Codex を並列運用する ADE の使いこなし術TECHSCORE BLOG
- 僕の考えた最強のAI活用術共有会【シナマケミートアップ #14】TECHSCORE BLOG
- Claude Code での開発速度を加速する Agent view の使い方TECHSCORE BLOG
- Claude Code から Codex / Gemini / Copilot に相談する Skill の作り方TECHSCORE BLOG
- シナマケミートアップ #12 レポート – GWの思い出を語ろう会TECHSCORE BLOG
- 「え、そんなことできるの」Claude Code の知らないと損する便利機能TECHSCORE BLOG
- シナマケミートアップ #11 レポート – いまさら新年会・今年の抱負LT会TECHSCORE BLOG
- Figma MCP × GitHub Copilot でデザイン→コードの自動化を試してみたTECHSCORE BLOG
- シナマケイベントレポート – Dify × n8n で始めるAIエージェント入門セミナーTECHSCORE BLOG
- 2025年 CSS トレンド – 開発現場で役立つ新機能 Part3TECHSCORE BLOG
- 2025年 CSS トレンド – 開発現場で役立つ新機能 Part2TECHSCORE BLOG
- Next.js 16を理解する - 見えるキャッシュ、速い開発、自由な選択TECHSCORE BLOG
- シナマケミートアップ #9 レポート – 生成AIが変える"つくる"のかたちTECHSCORE BLOG
- 第8回 シナマケミートアップ LT会 レポート – 若手エンジニアが語る「社会人生活」「コンソール愛」「技書博のすすめ」TECHSCORE BLOG
- GitHub Copilot CLI を使いこなすTECHSCORE BLOG
- 第 7 回シナマケ ミートアップ LT 会レポート – Tailwind CSS v4 の紹介から、TinyGo で組み込みソフトウェア入門まで！TECHSCORE BLOG
- 2025年 CSS トレンド – 開発現場で役立つ新機能 Part1TECHSCORE BLOG
- エンジニアコミュニティORION×シナジーマーケティング共催「実運用での失敗と学びについて」LT会レポートTECHSCORE BLOG
- Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（Server Actionsとフォーム処理編）TECHSCORE BLOG
- 第5回シナマケミートアップLT会レポート – 謎解きとプログラミング、アイスとドラえもんから学ぶAI活用TECHSCORE BLOG
- Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（コンポーネントとデータ取得編）TECHSCORE BLOG
- Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（概念とディレクトリ構造編）TECHSCORE BLOG
- 第 4 回シナマケミートアップ LT 会レポート - デジタルアドレス、AI エージェント、次世代暗号、SF 漫画まで！TECHSCORE BLOG
- VS Code の GitHub Copilot をカスタム指示と MCP で高度に使いこなす（応用編）TECHSCORE BLOG
- VS Code の GitHub Copilot の基本機能をマスターする（基本編）TECHSCORE BLOG
- 第 2 回 シナマケミートアップ LT 会 報告TECHSCORE BLOG
- 状態管理を Recoil から Jotai に移行した話TECHSCORE BLOG
- シナジーマーケティング主催「【第1回】シナマケミートアップLT会」を開催TECHSCORE BLOG