Blog
AI活用・開発・ワークフロー・トラブル解決の技術記事
Series
すべて見る →Series
サイト公開シリーズ
Next.js + Vercel でゼロから個人サイトを公開するまでの全工程。AI ワークフロー設計から DNS 設定トラブルまで、実際に詰まった箇所を含め記録。
Series
Claude + Obsidian Workflow シリーズ
Claude と Obsidian を組み合わせた AI 活用ワークフローを深掘りするシリーズ。記事制作の効率化から知識管理まで幅広く扱います。
Series
Cursor 開発シリーズ
Cursor の Rules・Agent・Plan・MCP・GitHub 連携から比較・トラブルシュートまで、開発者向けに読む順番つきで整理したシリーズ。
Series
Claude 開発シリーズ（Claude Code / API）
Claude Code / API を開発・実装の入口から読むシリーズ。Obsidian執筆ワークフローは別シリーズ。
Series
Model Context Protocol（MCP）シリーズ
MCP（Model Context Protocol）の用語・接続の入口。Client別 How-to は Spoke で拡充する。
Series
ChatGPT機種変更・引き継ぎ｜移行シリーズ全体ガイドと読む順番
ChatGPTの機種変更・引き継ぎを読む順番で案内するシリーズ入口です。手順の本体は入口記事で自分のケース（初めての引き継ぎ／履歴トラブル）を選んでから進めてください。
Series
新規ドメインSEO・GSCシリーズ
新規ドメインのSEOが進まない原因をGSCで4段階（発見→クロール→インデックス→順位）に切り分け、関連Tipsを順番に読めるシリーズ。
Series
AIツール比較シリーズ
ChatGPT・Claude・Cursorの使い分けの入口。ツール別の詳細は Cursor / Claude / MCP 各開発シリーズから読めます。
Series
ゲーム制作で学ぶプログラミングシリーズ
HTML・CSSは学んだがJavaScriptはこれからの初心者向け。ゲーム制作を入り口に、AIを活用しながら3か月で1本公開するまでの読み順を整理。
All Articles
Cursor開発でエラーが出た時の切り分け順
"Cursor開発中にエラーが出たとき、最初の1分で確認しておきたい3つの順番（場所・直前の変更・再現手順）をまとめました。Agent停止からの復旧ではなく、一般的なエラー切り分けの考え方に絞った初心者向けチェックリストです。"
canonicalタグの設定場所を初心者向けに解説
"canonicalタグをどこに設定すればいいか分からない初心者向けに、基本形・CMSやフレームワークごとの設定場所・正規URLの決め方・反映確認までの手順を整理しました。index数の確認ではなく、設定場所そのものに絞った内容です。"
TurbopackのNFT trace warningはnext.config設定エラーとは限らない
"Turbopackビルドでnext.config.tsにNFT trace warningが出たときの確認手順を解説。Import traceの読み方と、fsやpath.joinの動的読み込みが原因のケースの切り分け方を実測ベースで紹介します。"
Next.jsのpublic/images配下に画像を置く理由
"Next.jsでブログ記事に画像を置くとき、なぜpublic/images配下に保存するのかを初心者向けに解説します。Markdownから参照するときの絶対パスの書き方と、差し替え時に表示が変わらないときの確認ポイントも紹介します。"
ChatGPTのカスタム指示、初心者向けの書き方テンプレ
"ChatGPTのカスタム指示を初心者向けに書くテンプレを紹介します。アカウント移行後の再設定でも使いやすいよう、省略しないでほしい点や出力形式を先に固定する書き方を実務目線で解説します。"
Cursor Proの「Total usage limit reached」対処法
"Cursor Proで「Total usage limit reached」が表示されたときの意味と対処法を、2026年6月の実測をもとに解説します。月次リセット待ち・Auto modeの低速モードのような挙動・Set new limit・プランアップグレードの選択肢を整理しました。"
App Routerのページ送り後に#all-articlesへスクロールする方法
"Next.jsのApp Routerでブログ一覧をページ送りすると先頭に戻ってしまう問題を、ToolArcの15件ずつページ送り実装を例に解説します。アンカーIDとscroll={false}で一覧セクションへ戻す方法、SEO用のrel=next/prevを崩さない考え方も整理します。"
同一画像を記事内で再利用するときはaltテキストを変える
"同じ画像を記事内や別記事で再利用するとSEOに悪いのか気になる方向けに、altテキストとcaptionを完全コピーすることの問題点と、再掲時の書き分け方を実例をもとに解説します。"
GSCでスマートフォン用Googlebotと表示されても登録エラーとは限らない
"GSCのURL検査で「スマートフォン用Googlebot」と表示されて不安になった人向けに、これがエラー名ではない理由と、公開URLテスト・sitemap・canonical確認など、登録状況を正しく見分ける手順を執筆時点の実測に基づいて解説します。"
Windows + . / MacのControl + Command + Spaceで絵文字パネルを開く
"Obsidianのチェックリストや見出しに✅などの記号をすぐ入れたい人向けに、WindowsのWin + . とmacOSのControl + Command + Spaceで絵文字・記号パネルを開く方法を解説します。"
判断フローをコードブロックで読者の切り分け軸にする
"似た原因が2つあるトラブルシューティング記事で読者が迷わないように、判断フローをコードブロックで示す書き方のコツを、実際の運用例とあわせて解説します。"
長文AI出力をスクロールコンテナで読みやすくする方法
"比較記事で複数AIの出力を全文掲載すると縦に伸びすぎる問題を、max-heightとoverflow-yのスクロールコンテナで解決する手順を実測ベースで解説。モバイル確認のポイントも紹介します。"
AIにデバッグを頼む時は「整理しすぎない」方がいい
"エラー報告を要約しすぎるとAIが原因を見落とすことがあります。エラー全文・再現手順・期待結果をセットで渡す方法を、Cursorでのデバッグ実測をもとに解説します。"
AIへの依頼文に「初心者向けに説明して」を足すと精度が上がる
"AIに手順を聞いても省略されて困ることがあります。依頼文に「初心者向けに」「省略しないで」を加えるだけで説明粒度が上がる方法を、記事制作での実測をもとに解説します。"
.cursorignoreでCursorのtoken消費を抑える方法
"Cursorの動作が重い、token消費が早いと感じる方向けに、.cursorignoreの作り方と確認手順を解説します。node_modulesや.next、大きなJSONを読ませない設定で、無料版・Pro版どちらでもコンテキストを軽くできます。"