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モデル選び方ガイド|Auto・Sonnet 5・Opus 5の使い分け(2026年8月時点)
"Cursor Pro/Pro+/Ultra/Teamsを使う人・導入検討中の人向けに、2026年8月時点の標準モデル一覧を判断軸付きで整理。Cursor Grok 4.6の追加、Auto機能とSonnet 5・Opus 5・Fable 5の使い分け、クレジットを節約する運用ルール、標準外のAPIキー/カスタムとOpenRouterの注意まで解説します。"
Obsidianで完了タスクに取り消し線をつける書き方
"Obsidianでタスク管理を始めた人向けに、完了タスクを取り消し線で目立たせる書き方を解説します。`~~テキスト~~`の記法とLive Previewでの確認手順、チェックボックスとの使い分けの考え方をまとめました。"
記事タイトルは公開日やタグより先に置く|ヘッダー並びの直し方
"ブログ記事のヘッダーで、パンくず・日付・タグをタイトルより上に置くと、モバイルで本文到達が遅れます。おすすめの並び順と、要素を減らす具体的な直し方をまとめました。"
ヘッダー直下のPR開示は警戒されない短文にする
"アフィリエイトや広告を含むブログのPR開示を、ヘッダー直下でサイト説明とまとめて伝える書き方を解説します。警戒されにくいトーンにしつつ、視認性を下げすぎない考え方をまとめました。"
Obsidianのショートカットが効かないときはIME入力を確認する
"Obsidianでショートカットが急に反応しなくなったときの原因と確認手順を解説します。多くの場合、原因は設定ではなくIME(日本語入力)のオン/オフで、設定変更前に半角/全角を切り替えて再現確認するだけで解決します。2026年7月時点の情報です。"
カード上下の余白は同じ1単位に揃える
"カードUIの上下余白がバラバラで詰まって見えるときの原因と直し方を解説します。左右のmarginではなく上下の間隔だけを切り分け、同じ単位に揃えるだけで整うケースを実装ログをもとに紹介します。2026年7月時点の情報です。"
見出し下線の色はブランドアクセントと揃える
"H2見出しの下線がブランドカラーと微妙にズレて浮いて見えるときの原因と直し方を解説します。カード枠と同じトークンに揃えるだけで整うケースと、区切り線との役割重複を避ける考え方を紹介します。2026年7月時点の情報です。"
Obsidianの文字サイズ変更|テーマはそのままCSS1行
"Obsidianの文字サイズ・フォントサイズを、テーマ全体を変えずに調整したい初心者向け。CSSスニペットへfont-sizeを1行追加する手順と、効かないときのセレクタの絞り方を、Windows版で確認した範囲でまとめました。"
記事のdescriptionが見えないときはリードをカード化する
"SEO用description(リード文)が本文に埋もれて読まれにくいときの対処法を解説。枠と淡色のカードにして要約として見せる実装を、実測をもとに紹介します。"
TOCジャンプで見出しが隠れるときはscroll-marginの二重適用を疑う
"TOCクリックで見出しがsticky headerに隠れる問題の原因と対処法を解説。scroll-margin-topでの直し方と、scroll-paddingとの二重適用に注意する実測ベースの手順を紹介します。"
ClaudeのToDo箇条書きをObsidianチェックに直す3手順
"ClaudeのToDoや箇条書き出力を、Obsidianの `- [ ]` チェックリストへ変換する3手順をまとめる。記号を置き換えるだけでなく、インデントと完了状態の扱いを先に決めるとDailyNote運用でトグルが崩れにくい。実際に確認した挙動をもとに、初心者でも再現できる手順に絞った。"
DailyNoteのチェックリストを明日へ繰り越す3手順
"ObsidianのDailyNoteに残った未完了チェックを、翌日のノートへ繰り越す3手順をまとめる。完了済みを混ぜず、貼り付け後にトグル確認するまでを1セットにすると、DailyNoteが「今日の作業面」として機能し続ける。実際に確認した挙動をもとに整理した。"
GA4でoutbound_clickの遷移先URLが出ないときはカスタム定義を疑う
"GA4の探索やCSVでoutbound_clickの遷移先URLが出ない、リンク文言しか表示されないときの原因と直し方をまとめる。原因の多くはカスタム定義のイベントパラメータ誤紐づけで、直しても過去データには遡及しない。2026年7月時点で実際に確認した内容をもとに整理した。"
Cursor CLIのインストールと基本操作|agentコマンドで始める手順
"Cursorをエディタでは使い始めたがターミナルでもAgentを動かしたい初心者向けに、CLIのインストール手順とagentの基本操作を公式手順ベースで整理します。"
Obsidianでチェックのトグルにホットキーを割り当てる手順
"Obsidianのチェックボックスで、作成ではなくチェック状態の切り替え(トグル)にキーボードショートカットを割り当てたい人向けの記事です。設定→ホットキーでの割り当て手順と、IMEがONのときに効かない場合の確認ポイントを整理します。"