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
記事Markdownはaffiliateマーカーのみ|生URL禁止ルール
"記事Markdownには`affiliate:programId:creativeId`形式のマーカーのみを書き、ASPの生URLを本文に置かない運用ルールをまとめました。validate:affiliateによるCIチェックの仕組みもあわせて紹介します。"
AccessTrade追加時のチェックリスト|ASPごとの実装ログ
"自作のアフィリエイトリンク管理システムに新しいASP『AccessTrade』を追加したときの実装チェックリストです。クリックURLの形式や確認すべきファイルを、筆者の実装ログをもとに整理しました。"
比較記事の直アフィをブロックする仕組み|実装ログ
"比較Series記事のslugを`DIRECT_AFFILIATE_BLOCKED_SLUGS`で管理し、直アフィリエイトリンクを機械的に弾く仕組みを実装したログです。周辺収益記事へつなぐ2段導線を、コード側でも崩れないようにした工夫を紹介します。"
Cursor下書き→ChatGPTレビューが驚くほど相性良かった手順
"Cursorで記事の下書き・実装を作成し、ChatGPTに構成レビューを依頼したところ、想定以上に相性が良い組み合わせだと分かりました。改善点を先にラベル付けしてから一括修正を依頼する、すれ違いを減らす実測ベースの5ステップを初心者向けに解説します。"
ChatGPTの長文出力はh1/h2単位で整形依頼すると扱いやすい
"ChatGPTの長文出力を一括コピーしようとして崩れたり、途中で切れたりした経験はないでしょうか。h1/h2の見出し単位でmd整形を依頼すると、保存・確認がしやすくなった実測ベースの手順を初心者向けに解説します。"
CursorのPlan出力は.plan.mdで保存すると実装がぶれない
"Cursor Plan Modeの出力をそのままbuildすると、後から「何を計画していたか」を振り返れなくなることがあります。.plan.mdとして保存し、スコープ確認と実装後のメモをセットにする運用を実測ベースで解説します。"
Next.jsで/postsの旧URLを301リダイレクトする手順
"旧URL(/posts/...)が本番で404のまま残っている場合の対処法です。Next.jsのredirectsで301恒久リダイレクトを設定し、リンク切れとSEO評価の分散を防ぐ手順を、実際に404を確認した経験をもとに整理しました。"
ChatGPT機種変更で認証アプリ(2FA)を移行する手順
"ChatGPTで2FAを有効にしたまま機種変更する人向けに、Google Authenticator等の認証アプリを新端末へ引き継ぐ手順と、バックアップコードを事前に控える重要性を整理しました。"
ChatGPT PlusをiOSとAndroidで引き継ぐときの確認手順
"iPhoneとAndroidを乗り換えたときにChatGPT Plusが使えなくなったように見える原因と、ストア課金・ログインアカウントの確認手順を、OS跨ぎのケースに絞って整理しました。"
AIの基礎を無料で学ぶ方法|ChatGPT・Claudeを使う前のチェックリスト
"ChatGPTやClaudeの有料プランやスクールに進む前に、確認すべき基礎チェックリスト6項目とOKの目安を整理しました。無料枠での試用手順、有料プランが必要かの判断基準、独学とセミナーの選び方を表で示し、筆者の実運用をもとに契約前に押さえるべきポイントを解説します。"
Obsidianでチェック済みタスクを未完了に戻す3ステップ
"Obsidianで誤ってチェックしたタスクを未完了に戻す手順を、初心者向けに3ステップで整理します。ライブプレビューでの再クリック、ソースモードでの直接編集、Tasksプラグイン利用時に確認すべきポイントまで解説します。"
比較記事から本命記事へ弱リンクする2段導線の作り方
"比較記事にアフィリエイトを直接置くと、読者の信頼とASP掲載ルールの両方でリスクが上がることがあります。比較記事は「弱リンク」で周辺収益記事へつなぎ、本命CTAは周辺記事側に集約する2段導線の設計方法を、実際のサイト構成を例に整理します。"
react-markdownでaffiliate:リンクが空になるときの対処法
"react-markdownで独自スキーム(affiliate:など)のリンクを使うと、既定のURL変換処理でhrefが空文字になり、アフィリエイトリンクが機能しないことがあります。urlTransformでスキームを保持し、実URLへの解決をコンポーネント側に集約する対処法を整理します。"
ChatGPT・Claude・Geminiを業務で比較する方法|チーム向け生成AIの選び方
"業務・チームでChatGPT・Claude・Geminiを比較するときは、個人利用と違いセキュリティ・組織管理・コストの軸が重要になります。比較表と向く人/向かない人の整理、料金は執筆時点の情報である旨の注意点まで、選び方をまとめました。"
ChatGPT移行でメモリは引き継げる?3点確認
"ChatGPTのアカウント移行・機種変更でメモリが引き継がれるか不安な方向けに、同一アカウントの確認・メモリ設定のオンオフ・公式ヘルプでの仕様確認という3つのポイントを、設定画面の手順つきで解説します。仕様は変わりやすいため、断定を避け確認方法に絞って紹介します。"