本文へスキップ
Hiraoku.dev
  • Blog
  • Talks
  • Works
  • About

Blog

Techの記事

技術の仕組みや実装、検証について書いた記事です。

すべてTechIdea
エンジニアと小さなロボットが、共通の接続ハブを通してクラウドやデータベースにつながる淡いベージュ背景の黒ペン風イラスト

Tech2026年11月7日·43 分で読めます

MCPはなぜ復権したのか:CLIが支持された理由と、流れを変えた仕様変更

なぜMCPへの批判が生まれ、CLIが支持されたのか。2026年7月28日版のステートレス化と、ツールの遅延読み込み・コード実行から、MCPの再評価を支えた変化を解説します。

  • MCP
  • AI
  • CLI
  • Agent
  • Cloud
淡いブルーグレーの部屋で、エンジニアがノートPC越しの相棒と会話する黒ペン風イラスト

Tech2026年10月30日·51 分で読めます

会議に参加し、Slackに返答し、PRをレビューし、Issueを実装するAIリモートワーカーの作り方

Tavusで会議へ参加し、Slack Events APIで受け取り、chat.postMessageで返答し、GitHub AppとCodex CLIでレビュー・実装する方法。API設定、コード例、人間への引き継ぎまで解説します。

  • AI
  • エージェント
  • Slack
  • GitHub
  • システム設計
ノートパソコンを使う女性が透明なガラス板を持ち、背後のブラウザーカードを透かして見る淡い青灰色の黒ペン風イラスト

Tech2026年10月25日·17 分で読めます

HTML-in-Canvasは何を変えるのか。Liquid Glassヘッダーを試作して考えた

HTMLのレイアウトとCanvasの描画をつなぐHTML-in-Canvas。APIの仕組みと変更点、Liquid Glassヘッダーへの応用、非対応環境のフォールバックを解説します。

  • HTML
  • Canvas
  • CSS
  • Browser
  • Web API
原稿とノートパソコンに表示したブログのプレビューを見比べる書き手を描いた、淡いティールグレー背景の黒ペン風イラスト

Tech2026年10月24日·9 分で読めます

Astroの下書きを、Cloudflare PagesのPRプレビューで確認する

draftをfalseにせず記事を確認できるように、Astroの出力を本番とPRプレビューで切り替えました。ビルド時の判定、RSSへの非掲載、noindex、実ビルドと公開URLでの検証を説明します。

  • Astro
  • Cloudflare
  • MDX
  • Blog
ノートパソコンの横で女性が投稿カードとリンクカードを並べる、淡いブルーグレー背景の黒ペン風イラスト

Tech2026年10月17日·9 分で読めます

AstroのMarkdown・MDXで、Xの埋め込みとOGPリンクカードを表示する

単独のURLをリンクカードやXの投稿へ変換するため、AstroのHTML生成をrehypeで拡張しました。変換対象の選び方、ビルド時のOGP取得、Xの遅延読み込み、失敗時の表示を実装に沿って説明します。

  • MDX
  • Astro
  • OGP
  • Frontend
淡い青灰色の部屋で、ノートとパソコンを使ってブログを書く若い女性の黒ペン風イラスト

Tech2026年10月10日·2 分で読めます

ブログをはじめました:読みやすさにこだわった技術ブログの作り方

Astro と Markdown で、読み心地とスクロールの気持ちよさを大切にした技術ブログを作りました。設計で意識したことをまとめます。

  • Astro
  • Design
  • Blog
淡い青緑の仕事場で、原稿カードをフォルダーへ整理する若い女性の黒ペン風イラスト

Tech2026年10月6日·1 分で読めます

Astro の Content Collections で記事データに型を付ける

frontmatter の書き間違いをビルド時に検出できるように、Content Collections と Zod のスキーマで記事データを定義する方法を紹介します。

  • Astro
  • TypeScript
淡い緑の背景で、重なった紙の丘と木を巻物で動かす黒ペン風イラスト

Tech2026年10月2日·1 分で読めます

スクロール連動アニメーションを軽く実装するための 4 つのコツ

パララックスやフェードインを、重くならず、誰にとっても読みやすい形で実装するための考え方をまとめました。

  • CSS
  • JavaScript
  • Performance
淡い紫の机で、袖から自然につながる両手が活字を並べ、文字の間隔を整える黒ペン風イラスト

Tech2026年9月27日·1 分で読めます

日本語の Web タイポグラフィで気をつけていること

行間、字間、1 行の長さ、和欧混植。日本語の長文を Web で読みやすくするために設定している値とその理由。

  • CSS
  • Design
  • Typography

Hiraoku.dev

Software Engineer

  • Blog
  • Talks
  • Works
  • About
  • GitHub
  • X
  • Zenn
  • note
  • TECHSCORE BLOG
  • RSS
© 2026 Hiraoku.dev