<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Claude &#8211; ara-garage</title>
	<atom:link href="https://www.ara-garage.com/tag/claude/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ara-garage.com</link>
	<description>アラ還エンジニアの家庭ネットワーク・AI運用・最新ニュースノート</description>
	<lastBuildDate>Sat, 09 May 2026 22:01:40 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8</generator>

<image>
	<url>https://www.ara-garage.com/wp-content/uploads/2026/01/cropped-ファビコンNew-32x32.png</url>
	<title>Claude &#8211; ara-garage</title>
	<link>https://www.ara-garage.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>立ち上げ3ヶ月のブログをポートフォリオ仕様に進化させた – Claudeと一緒にサイト全体を刷新</title>
		<link>https://www.ara-garage.com/folio-specifications/</link>
					<comments>https://www.ara-garage.com/folio-specifications/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Sat, 09 May 2026 22:01:38 +0000</pubDate>
				<category><![CDATA[NAS・自宅サーバー]]></category>
		<category><![CDATA[301リダイレクト]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[SWELL]]></category>
		<category><![CDATA[カテゴリ]]></category>
		<category><![CDATA[タグライン]]></category>
		<category><![CDATA[トップページ]]></category>
		<category><![CDATA[プロフィール]]></category>
		<category><![CDATA[フロントページ]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=768</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/05/トップページ刷新-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 この記事の目次 はじめに まず「コンセプト」を言語化した トップページをフロントページ化した プロフィールページを作った カテゴリを7つに再編した サイドバーを整理した リニューアルを終えて感じたこと まとめ はじめ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/05/トップページ刷新-1024x576.png" class="webfeedsFeaturedVisual" /></p><p><!-- 手動目次 --></p>
<div style="border:2px solid #5b9bd5;background:#f0f7ff;padding:16px 20px;margin-bottom:32px;border-radius:6px;">
<p style="font-weight:bold;margin:0 0 8px;color:#1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> この記事の目次</p>
<ol style="margin:0;padding-left:20px;color:#1a1a1a;line-height:2;">
<li><a href="#intro" style="color:#2980b9;text-decoration:none;">はじめに</a></li>
<li><a href="#concept" style="color:#2980b9;text-decoration:none;">まず「コンセプト」を言語化した</a></li>
<li><a href="#frontpage" style="color:#2980b9;text-decoration:none;">トップページをフロントページ化した</a></li>
<li><a href="#profile" style="color:#2980b9;text-decoration:none;">プロフィールページを作った</a></li>
<li><a href="#category" style="color:#2980b9;text-decoration:none;">カテゴリを7つに再編した</a></li>
<li><a href="#sidebar" style="color:#2980b9;text-decoration:none;">サイドバーを整理した</a></li>
<li><a href="#review" style="color:#2980b9;text-decoration:none;">リニューアルを終えて感じたこと</a></li>
<li><a href="#summary" style="color:#2980b9;text-decoration:none;">まとめ</a></li>
</ol>
</div>
<p><!-- 1. はじめに --></p>
<h2 id="intro" style="color:#1a1a1a;">はじめに</h2>
<p>ブログを始めて3ヶ月が経ったとき、ふと思いました。</p>
<p>「このブログ、何屋さんかわからないな」</p>
<p>NASの話もあれば、AIの話もあり、地政学の記事もある。カテゴリは5つあるけれど、どこか散漫な印象。トップページも「最新記事が並ぶだけ」で、初めて来た人には何のブログかが伝わりにくい状態でした。</p>
<p>記事数は88本まで増えていたので、このタイミングで一度サイト全体を整理しようと決めました。今回はその作業の全体像をご紹介します。カテゴリ再編の詳細は<a href="https://ara-garage.com/claude-in-chrome-category/" style="color:#2980b9;">別記事</a>にまとめていますので、あわせてご覧ください。</p>
<p><!-- 2. コンセプト --></p>
<h2 id="concept" style="color:#1a1a1a;">まず「コンセプト」を言語化した</h2>
<h3 style="color:#1a1a1a;">タグラインを変えてブランディングを刷新</h3>
<p>最初に手をつけたのは、ブログのタグライン（キャッチコピー）の変更でした。</p>
<p>タグラインはブログの顔とも言える一文です。「このブログは誰に・何を届けるのか」が一言で伝わるかどうかが重要です。</p>
<p>Claude（Opus）に現状のブログコンセプトを伝え、「読者に刺さるタグラインを一緒に考えてほしい」と依頼しました。いくつかの候補を出してもらいながら、最終的には自分の言葉でまとめ直す、という流れで決定しました。</p>
<div style="background:#fff8e1;border-left:4px solid #f0c040;padding:14px 18px;margin-bottom:16px;border-radius:4px;">
<p style="margin:0;color:#1a1a1a;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ポイント</strong><br />AIに「考えてもらう」のではなく、「候補を出してもらって自分で選ぶ」スタンスが、自分らしいブランディングにつながりました。</p>
</div>
<h3 style="color:#1a1a1a;">「誰に・何を伝えるか」を整理する</h3>
<p>タグラインを決める過程で、改めてブログのターゲット読者と届けたい内容を言語化しました。これをやっておくと、カテゴリ設計やトップページの構成にも一貫性が生まれます。</p>
<p>「NASや自宅サーバーを使いこなしたい人」「AIツールを日常に取り入れたい人」「時事・地政学に関心があるPC好きな人」——そういった読者像が、この段階ではっきりしてきました。</p>
<p><!-- 3. フロントページ --></p>
<h2 id="frontpage" style="color:#1a1a1a;">トップページをフロントページ化した</h2>
<p>SWELLのデフォルトでは、トップページに最新記事が時系列で並ぶ仕様になっています。これはシンプルでわかりやすいのですが、初めて訪れた読者に「このブログでできること」を伝えるには不十分です。</p>
<p>そこで、WordPressの「固定ページをホームページとして表示」機能を使い、トップページを専用のフロントページに切り替えました。</p>
<h3 style="color:#1a1a1a;">三点セットの構成</h3>
<div style="background:#f0f7ff;border:1px solid #5b9bd5;padding:16px 20px;border-radius:6px;margin-bottom:16px;">
<ul style="margin:0;line-height:2.2;color:#1a1a1a;">
<li><strong>カテゴリカード</strong>　→　ブログのジャンルを一目で伝える</li>
<li><strong>最新記事</strong>　→　更新頻度・鮮度をアピール</li>
<li><strong>プロフィール誘導</strong>　→　「誰が書いているか」への動線</li>
</ul>
</div>
<p>この三点セットにすることで、初めての訪問者が「何のブログか → 最近の記事は何か → 誰が書いているか」を一画面で把握できるようになりました。</p>
<h3 style="color:#1a1a1a;">ブロックエディターの限界とHTML直書きという選択</h3>
<p>フロントページの構成を考えていて、すぐに壁にぶつかりました。SWELLのブロックエディターで思い描いたレイアウトを再現しようとすると、細かい余白・カード配置・文字色の調整などが思うようにいかないのです。</p>
<p>ブロックエディターは直感的で便利な反面、「自分のイメージ通り」に仕上げようとすると、どうしても限界を感じる場面があります。</p>
<p>そこで、カスタムHTMLブロックを使ってClaudeにHTMLを直接書いてもらうことにしました。やりとりはシンプルで、「こういうレイアウトにしたい」「この色にしたい」「カードを横並びにしたい」と伝えると、インラインスタイル付きのHTMLをそのまま出力してくれます。</p>
<div style="background:#fff8e1;border-left:4px solid #f0c040;padding:14px 18px;margin-bottom:16px;border-radius:4px;">
<p style="margin:0;color:#1a1a1a;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> SWELLでHTML直書きするときの注意点</strong><br />カスタムHTMLブロックではSWELLのショートコード（<code>[say]</code>や<code>[box]</code>など）は機能せず、テキストとしてそのまま表示されてしまいます。スタイルはすべてインラインで記述するのが確実です。</p>
</div>
<p>「ブロックエディターで限界を感じたらHTMLに切り替える」——この判断ができるようになると、SWELLの表現の幅がぐっと広がります。</p>
<p><!-- 4. プロフィール --></p>
<h2 id="profile" style="color:#1a1a1a;">プロフィールページを作った</h2>
<p>以前はプロフィールをウィジェットの短い自己紹介だけで済ませていましたが、今回は固定ページとして独立したプロフィールページを作成しました。</p>
<p>プロフィールページを作る理由は2つあります。</p>
<ol style="line-height:2.2;">
<li><strong>読者との信頼関係を作る</strong>：誰が書いているかがわかると、記事への信頼感が高まります</li>
<li><strong>サイドバーやフロントページからの導線を作れる</strong>：ページが存在することで、回遊の起点になります</li>
</ol>
<p>SWELLではプロフィール固定ページへのリンクをウィジェットに設定でき、フロントページとの連携もスムーズでした。</p>
<p><!-- 5. カテゴリ再編 --></p>
<h2 id="category" style="color:#1a1a1a;">カテゴリを7つに再編した</h2>
<p>5カテゴリから7カテゴリへの再編については、<a href="https://ara-garage.com/claude-in-chrome-category/" style="color:#2980b9;">こちらの記事</a>に詳しくまとめています。ここでは要点だけ触れておきます。</p>
<table style="width:100%;border-collapse:collapse;margin-bottom:16px;">
<thead>
<tr style="background:#5b9bd5;color:#fff;">
<th style="padding:10px;border:1px solid #ccc;text-align:left;">変更前（5カテゴリ）</th>
<th style="padding:10px;border:1px solid #ccc;text-align:left;">変更後（7カテゴリ）</th>
</tr>
</thead>
<tbody>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">NAS・PC</td>
<td style="padding:10px;border:1px solid #ccc;">NAS・自宅サーバー</td>
</tr>
<tr>
<td style="padding:10px;border:1px solid #ccc;">AI・デジタル</td>
<td style="padding:10px;border:1px solid #ccc;">ブログ運用 / AI活用 / ガジェット・アプリ（3分割）</td>
</tr>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">時事・社会</td>
<td style="padding:10px;border:1px solid #ccc;">地政学・産業分析</td>
</tr>
<tr>
<td style="padding:10px;border:1px solid #ccc;">DIY</td>
<td style="padding:10px;border:1px solid #ccc;">DIY</td>
</tr>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">おでかけ</td>
<td style="padding:10px;border:1px solid #ccc;">おでかけ・体験</td>
</tr>
</tbody>
</table>
<p>カテゴリ名を具体的にすることで、読者が「自分の知りたい情報がここにある」と判断しやすくなります。また旧カテゴリURLへは301リダイレクトを設定し、SEOへの影響を最小限に抑えました。</p>
<p><!-- 6. サイドバー --></p>
<h2 id="sidebar" style="color:#1a1a1a;">サイドバーを整理した</h2>
<p>サイドバーは「あるから置く」ではなく、「読者の回遊を助けるための導線」として設計し直しました。</p>
<table style="width:100%;border-collapse:collapse;margin-bottom:16px;">
<thead>
<tr style="background:#5b9bd5;color:#fff;">
<th style="padding:10px;border:1px solid #ccc;text-align:left;">変更前</th>
<th style="padding:10px;border:1px solid #ccc;text-align:left;">変更後</th>
</tr>
</thead>
<tbody>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">カレンダー</td>
<td style="padding:10px;border:1px solid #ccc;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 削除</td>
</tr>
<tr>
<td style="padding:10px;border:1px solid #ccc;">最新の投稿</td>
<td style="padding:10px;border:1px solid #ccc;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 削除</td>
</tr>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">アーカイブ</td>
<td style="padding:10px;border:1px solid #ccc;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 削除</td>
</tr>
<tr>
<td style="padding:10px;border:1px solid #ccc;">―</td>
<td style="padding:10px;border:1px solid #ccc;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> プロフィール追加</td>
</tr>
<tr style="background:#f9f9f9;">
<td style="padding:10px;border:1px solid #ccc;">―</td>
<td style="padding:10px;border:1px solid #ccc;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 人気記事追加</td>
</tr>
</tbody>
</table>
<p>カレンダーやアーカイブは「日記ブログ」的な印象を与えやすく、情報ブログとしてのコンセプトと合わないと判断しました。代わりに「プロフィール」と「人気記事」を置くことで、初訪問の読者が複数記事を読み進めやすい構造になりました。</p>
<p><!-- 7. 感想 --></p>
<h2 id="review" style="color:#1a1a1a;">リニューアルを終えて感じたこと</h2>
<h3 style="color:#1a1a1a;">半日で完了できた理由</h3>
<p>今回の作業は、タグライン変更・固定ページ作成・フロントページ化・カテゴリ再編（88記事）・リダイレクト設定・サイドバー整理と、かなりの量でした。それでも半日で完了できたのは、ClaudeのOpus・Sonnet・Claude in Chromeを役割に応じて使い分けたからです。</p>
<div style="background:#fff8e1;border-left:4px solid #f0c040;padding:14px 18px;margin-bottom:16px;border-radius:4px;">
<p style="margin:0;color:#1a1a1a;"><strong>① 戦略・言語化</strong>　→　Claude Opus<br />
  <strong>② WordPress操作・記事振り分け</strong>　→　Claude Sonnet / Claude in Chrome<br />
  <strong>③ 最終判断・全体確認</strong>　→　自分</p>
</div>
<p>「全部自分でやる」でも「全部AIに任せる」でもなく、<strong>得意な部分を分担する</strong>という感覚が、今回の作業をスムーズにした一番の理由だったと思います。</p>
<h3 style="color:#1a1a1a;">「ポートフォリオ仕様」にして変わったこと</h3>
<p>リニューアル後、ブログを開いたときの印象が大きく変わりました。「最新記事が並ぶだけ」だったトップページが、自分のブログの「顔」らしくなった感覚があります。</p>
<p>読者目線でも、「このブログで何が得られるか」が伝わりやすくなったと思います。記事を書くモチベーションにも、じわじわと影響してきそうです。</p>
<p><!-- 8. まとめ --></p>
<h2 id="summary" style="color:#1a1a1a;">まとめ</h2>
<p>3ヶ月目のリニューアルは、振り返ると「ちょうどいいタイミング」でした。記事がある程度たまった段階でサイト全体を見直すと、「何を軸にするか」が自然と見えてきます。</p>
<div style="background:#f0f7ff;border:1px solid #5b9bd5;padding:16px 20px;border-radius:6px;margin-bottom:16px;">
<p style="font-weight:bold;margin:0 0 8px;color:#1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今回やったこと まとめ</p>
<ul style="margin:0;line-height:2;color:#1a1a1a;">
<li>タグライン変更（ブランディング刷新）</li>
<li>プロフィール固定ページ作成</li>
<li>トップページのフロントページ化（HTML直書きで対応）</li>
<li>5カテゴリ → 7カテゴリへ再編（88記事）</li>
<li>301リダイレクト設定（4ルール）</li>
<li>サイドバー整理</li>
</ul>
</div>
<p>次はGoogle Search Consoleでインデックス状況を確認しながら、新カテゴリに沿った記事を意識的に増やしていく予定です。「ポートフォリオ仕様」のブログ、これからが本番です。</p>



]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/folio-specifications/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude in Chromeでブログのカテゴリ再編 – 88記事を半日で振り分けた</title>
		<link>https://www.ara-garage.com/categorization/</link>
					<comments>https://www.ara-garage.com/categorization/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Sat, 09 May 2026 00:02:02 +0000</pubDate>
				<category><![CDATA[NAS・自宅サーバー]]></category>
		<category><![CDATA[301]]></category>
		<category><![CDATA[301リダイレクト]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude-in-Chrome]]></category>
		<category><![CDATA[カテゴリ再編]]></category>
		<category><![CDATA[タグ]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=764</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/05/カテゴリ再編ClaudeinChrome-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 この記事の目次 はじめに 今回やったことの全体像 Opusに戦略を立ててもらう Claude in Chromeで88記事を振り分ける Redirectionで301リダイレクトを設定する 作業を終えて感じたこと ま [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/05/カテゴリ再編ClaudeinChrome-1024x576.png" class="webfeedsFeaturedVisual" /></p><p><!-- 手動目次 --></p>
<div style="border: 2px solid #5b9bd5; background: #f0f7ff; padding: 16px 20px; margin-bottom: 32px; border-radius: 6px;">
<p style="font-weight: bold; margin: 0 0 8px; color: #1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> この記事の目次</p>
<ol style="margin: 0; padding-left: 20px; color: #1a1a1a; line-height: 2;">
<li><a href="#intro" style="color: #2980b9; text-decoration: none;">はじめに</a></li>
<li><a href="#overview" style="color: #2980b9; text-decoration: none;">今回やったことの全体像</a></li>
<li><a href="#opus" style="color: #2980b9; text-decoration: none;">Opusに戦略を立ててもらう</a></li>
<li><a href="#chrome" style="color: #2980b9; text-decoration: none;">Claude in Chromeで88記事を振り分ける</a></li>
<li><a href="#redirect" style="color: #2980b9; text-decoration: none;">Redirectionで301リダイレクトを設定する</a></li>
<li><a href="#review" style="color: #2980b9; text-decoration: none;">作業を終えて感じたこと</a></li>
<li><a href="#summary" style="color: #2980b9; text-decoration: none;">まとめ</a></li>
</ol>
</div>
<p><!-- 1. はじめに --></p>
<h2 id="intro" style="color: #1a1a1a;">はじめに</h2>
<p>ブログを運営していると、「カテゴリ、ちょっとおかしくなってきたな」と感じる瞬間があります。</p>
<p>私のブログ <strong>ara-garage</strong> もそうでした。記事が増えるにつれて「NAS・PC」「AI・デジタル」といった大きめのカテゴリに記事が集中し始め、逆に「DIY」「おでかけ」は記事が少ないまま。カテゴリ名も読者にとってわかりにくいのでは、という気持ちがずっとありました。</p>
<p>そこで今回、Claudeを使ってブログ全体のカテゴリ再編を一気にやってしまいました。88記事が対象で、作業時間は<strong>約半日</strong>。戦略立案から実装・確認まで、ほぼClaudeに伴走してもらいながら完了できました。</p>
<p>この記事では、その作業の流れを丸ごとご紹介します。</p>
<p><!-- 2. 全体像 --></p>
<h2 id="overview" style="color: #1a1a1a;">今回やったことの全体像</h2>
<h3 style="color: #1a1a1a;">5カテゴリ → 7カテゴリへ再編</h3>
<p>変更前後のカテゴリはこちらです。</p>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 16px;">
<thead>
<tr style="background: #5b9bd5; color: #fff;">
<th style="padding: 10px; border: 1px solid #ccc; text-align: left;">変更前（5カテゴリ）</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: left;">変更後（7カテゴリ）</th>
</tr>
</thead>
<tbody>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">NAS・PC</td>
<td style="padding: 10px; border: 1px solid #ccc;">NAS・自宅サーバー</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">AI・デジタル</td>
<td style="padding: 10px; border: 1px solid #ccc;">ブログ運用</td>
</tr>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">時事・社会</td>
<td style="padding: 10px; border: 1px solid #ccc;">AI活用</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">DIY</td>
<td style="padding: 10px; border: 1px solid #ccc;">ガジェット・アプリ</td>
</tr>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">おでかけ</td>
<td style="padding: 10px; border: 1px solid #ccc;">地政学・産業分析</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">―</td>
<td style="padding: 10px; border: 1px solid #ccc;">DIY</td>
</tr>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">―</td>
<td style="padding: 10px; border: 1px solid #ccc;">おでかけ・体験</td>
</tr>
</tbody>
</table>
<p>88記事のうち47記事をClaudeが自動で振り分け、残り41記事は私が最終判断しました。</p>
<h3 style="color: #1a1a1a;">作業の三段構え</h3>
<div style="background: #fff8e1; border-left: 4px solid #f0c040; padding: 14px 18px; margin-bottom: 16px; border-radius: 4px;">
<p style="margin: 0; color: #1a1a1a;"><strong>① Claude Opus</strong>　→　カテゴリ設計の戦略立案<br />
<strong>② Claude Sonnet / Claude in Chrome</strong>　→　実際のWordPress操作・記事振り分け<br />
<strong>③ 人間（私）</strong>　→　曖昧な記事の最終判断・全体確認</p>
</div>
<p>この三段構えが、今回の作業を半日で終わらせられた最大の理由だったと思います。</p>
<p><!-- 3. Opus --></p>
<h2 id="opus" style="color: #1a1a1a;">Opusに戦略を立ててもらう</h2>
<p>まず最初にやったのは、Claude Opusに「カテゴリ設計」の相談をすることでした。</p>
<p>ブログのコンセプト・記事一覧・現在のカテゴリ構成をまとめてOpusに渡し、「読者にとってわかりやすく、かつSEOにも効きやすいカテゴリ構成を提案してほしい」と依頼しました。</p>
<p>Opusが提案してくれた内容は、</p>
<ul style="line-height: 2;">
<li>「NAS・PC」は具体性を上げて <strong>「NAS・自宅サーバー」</strong> に</li>
<li>「AI・デジタル」は <strong>「AI活用」と「ガジェット・アプリ」と「ブログ運用」</strong> の3つに分割</li>
<li>「時事・社会」は検索意図に合わせて <strong>「地政学・産業分析」</strong> へ</li>
</ul>
<p>といったものでした。ざっくりした方針だけ決まれば、あとは実装に移れます。ここでOpusに時間をかけすぎず、「だいたいの方向性が決まったらGO」というスタンスが良いと感じました。</p>
<p><!-- 4. Claude in Chrome --></p>
<h2 id="chrome" style="color: #1a1a1a;">Claude in Chromeで88記事を振り分ける</h2>
<h3 style="color: #1a1a1a;">作業フローはこんな感じでした</h3>
<p>Claude in ChromeはChromeの拡張機能として動き、Claudeがブラウザ上のWordPress管理画面を直接操作してくれます。今回の具体的な流れは次のとおりです。</p>
<ol style="line-height: 2.2;">
<li>WordPress管理画面の「投稿一覧」を開く</li>
<li>Claude in Chromeに「各記事のタイトルを見て、新しい7カテゴリのどれが適切か判断し、カテゴリを変更してほしい」と指示</li>
<li>Claudeが記事タイトルを読み、カテゴリ選択→保存を繰り返す</li>
<li>判断が難しいもの（複数カテゴリにまたがる記事など）は「要確認」としてリストアップ</li>
<li>私が「要確認リスト」を一覧確認して最終決定</li>
</ol>
<h3 style="color: #1a1a1a;">ハマりどころと対処法</h3>
<div style="background: #fff0f0; border-left: 4px solid #e05555; padding: 14px 18px; margin-bottom: 16px; border-radius: 4px;">
<p style="margin: 0 0 6px; font-weight: bold; color: #1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 途中で操作が止まることがある</p>
<p style="margin: 0; color: #1a1a1a;">記事数が多いと途中でClaude in Chromeの操作が止まることがありました。そのときは「続きから再開して」と指示するだけで再開できました。</p>
</div>
<div style="background: #fff0f0; border-left: 4px solid #e05555; padding: 14px 18px; margin-bottom: 16px; border-radius: 4px;">
<p style="margin: 0 0 6px; font-weight: bold; color: #1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 曖昧なタイトルはClaudeも迷う</p>
<p style="margin: 0; color: #1a1a1a;">「〇〇を買った話」のような記事はカテゴリ判断が難しく、Claudeも迷いがちです。こういった記事は最初から「自分で判断する」と割り切った方がスムーズでした。</p>
</div>
<p>それでも88記事中47記事はClaudeが自動で振り分けてくれたので、作業量は体感で<strong>半分以下</strong>になりました。</p>
<p><!-- 5. Redirection --></p>
<h2 id="redirect" style="color: #1a1a1a;">Redirectionで301リダイレクトを設定する</h2>
<p>カテゴリを変更すると、カテゴリページのURLが変わります。旧URLをそのまま放置するとSEO的に不利になるため、WordPressプラグインの <strong>Redirection</strong> を使って301リダイレクトを設定しました。</p>
<p>今回設定したのは4ルールで、内容はシンプルです。</p>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 16px;">
<thead>
<tr style="background: #5b9bd5; color: #fff;">
<th style="padding: 10px; border: 1px solid #ccc; text-align: left;">旧カテゴリURL</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: left;">新カテゴリURL</th>
</tr>
</thead>
<tbody>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">/category/nas-pc/</td>
<td style="padding: 10px; border: 1px solid #ccc;">/category/nas-server/</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">/category/ai-digital/</td>
<td style="padding: 10px; border: 1px solid #ccc;">/category/ai-use/</td>
</tr>
<tr style="background: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;">/category/current-events/</td>
<td style="padding: 10px; border: 1px solid #ccc;">/category/geopolitics/</td>
</tr>
<tr>
<td style="padding: 10px; border: 1px solid #ccc;">/category/outing/</td>
<td style="padding: 10px; border: 1px solid #ccc;">/category/outing-exp/</td>
</tr>
</tbody>
</table>
<p>Redirectionの設定自体は直感的で、旧URLと新URLを入力して保存するだけです。設定後はブラウザで旧URLにアクセスして、正しくリダイレクトされるか確認しておきましょう。</p>
<p><!-- 6. 作業を終えて --></p>
<h2 id="review" style="color: #1a1a1a;">作業を終えて感じたこと</h2>
<h3 style="color: #1a1a1a;">半日で終わった理由</h3>
<p>普通にやっていたら、88記事のカテゴリを一つひとつ確認して変更するだけで半日以上かかっていたと思います。今回はClaude in Chromeが単純作業の大半を引き受けてくれたので、私は「判断が必要な場面だけ」に集中できました。</p>
<p>AIを使った省力化というと「全部任せる」イメージがあるかもしれませんが、今回感じたのは<strong>「任せる部分と自分でやる部分を最初に決めておくことが大事」</strong>ということでした。</p>
<h3 style="color: #1a1a1a;">人間が最終判断を持つことの大切さ</h3>
<p>Claudeはカテゴリ振り分けを素早くやってくれますが、「この記事、どっちにも入りそう」という曖昧なケースの最終判断はやはり人間がするべきだと感じました。ブログの方向性やこれからどんな記事を増やしたいか、というビジョンはAIではなく自分の中にあるからです。</p>
<p><!-- 7. まとめ --></p>
<h2 id="summary" style="color: #1a1a1a;">まとめ</h2>
<p>今回のカテゴリ再編作業を通じて、Claude in Chromeの「得意なこと」と「向かないこと」がよくわかりました。</p>
<div style="background: #f0f7ff; border: 1px solid #5b9bd5; padding: 16px 20px; border-radius: 6px; margin-bottom: 16px;">
<p style="font-weight: bold; margin: 0 0 8px; color: #1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude in Chromeが得意なこと</p>
<ul style="margin: 0; line-height: 2; color: #1a1a1a;">
<li>記事タイトルを見てカテゴリを判断・変更する繰り返し作業</li>
<li>決まったルールに沿った単純操作の大量処理</li>
<li>作業ログを取りながら進めること</li>
</ul>
</div>
<div style="background: #fff0f0; border: 1px solid #e05555; padding: 16px 20px; border-radius: 6px; margin-bottom: 16px;">
<p style="font-weight: bold; margin: 0 0 8px; color: #1a1a1a;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude in Chromeが向かないこと</p>
<ul style="margin: 0; line-height: 2; color: #1a1a1a;">
<li>「どっちとも取れる」曖昧な記事の最終ジャッジ</li>
<li>ブログの将来方針を踏まえた判断（これは人間の仕事）</li>
<li>長時間・大量操作での安定性（適宜確認が必要）</li>
</ul>
</div>
<p>「戦略はOpus、実装はClaude in Chrome、最終判断は人間」という三段構えは、今後の大規模作業でも使い回せそうです。サイトのリニューアルや記事の棚卸しをお考えの方は、ぜひ参考にしてみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/categorization/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>「無償の写真帳フォーマットを探して」とClaudeに頼んだら</title>
		<link>https://www.ara-garage.com/construction-photobook/</link>
					<comments>https://www.ara-garage.com/construction-photobook/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Wed, 29 Apr 2026 21:02:19 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[写真]]></category>
		<category><![CDATA[工事]]></category>
		<category><![CDATA[工事写真]]></category>
		<category><![CDATA[工事写真帳]]></category>
		<category><![CDATA[施工監理]]></category>
		<category><![CDATA[点検]]></category>
		<category><![CDATA[自動生成]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=643</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/1-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 もくじ はじめに ―「無償の写真帳フォーマットを探して」とClaudeに頼んだら Claudeが提案したのはPythonプログラムの自動生成だった 実際に作られた工事写真帳の機能・フォーマット Macへのセットアップ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/1-1024x576.png" class="webfeedsFeaturedVisual" /></p><div style="font-size: 15px; line-height: 1.8; color: #333;">
<p><!-- 手動目次 --></p>
<div style="border: 2px solid #4169e1; background: #f0f4ff; padding: 16px 20px; border-radius: 6px; margin-bottom: 32px;">
<p style="font-weight: bold; color: #1a3a6b; margin-bottom: 10px; font-size: 15px;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> もくじ</p>
<ol style="margin: 0; padding-left: 20px; line-height: 2.2;">
<li><a href="#s1" style="color: #4169e1; text-decoration: none;">はじめに ―「無償の写真帳フォーマットを探して」とClaudeに頼んだら</a></li>
<li><a href="#s2" style="color: #4169e1; text-decoration: none;">Claudeが提案したのはPythonプログラムの自動生成だった</a></li>
<li><a href="#s3" style="color: #4169e1; text-decoration: none;">実際に作られた工事写真帳の機能・フォーマット</a></li>
<li><a href="#s4" style="color: #4169e1; text-decoration: none;">Macへのセットアップ手順（ターミナル・仮想環境・ライブラリ）</a></li>
<li><a href="#s5" style="color: #4169e1; text-decoration: none;">つまずいたポイントと解決の流れ</a></li>
<li><a href="#s6" style="color: #4169e1; text-decoration: none;">完成した出力サンプル（PDF・Excel）</a></li>
<li><a href="#s7" style="color: #4169e1; text-decoration: none;">AIツールの実力に驚いた話・まとめ</a></li>
</ol>
</div>
<p><!-- 1 --></p>
<h2 id="s1" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">1. はじめに ―「無償の写真帳フォーマットを探して」とClaudeに頼んだら</h2>
<p>仕事では、報告に<strong>工事写真帳</strong>を作る必要がありました。<br />
1ページに3枚の写真を並べ、右側にコメントを書けるシンプルなフォーマット。<br />
これを満たす無償ツールを探そうと思い、何気なくClaudeに聞いてみました。</p>
<p>ところがClaudeの返答は「探す」ではなく、<strong>「作ります」</strong>でした。</p>
<p><!-- 2 --></p>
<h2 id="s2" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">2. Claudeが提案したのはPythonプログラムの自動生成だった</h2>
<p>Claudeはまずブラウザ上で動くインタラクティブなUIを生成し、写真のドラッグ＆ドロップでPDFを作れるデモを見せてくれました。<br />
しかし「写真は大量にある」と伝えると、即座に方針を切り替え、<strong>Macのターミナルで動くPythonスクリプト</strong>を提案してきました。</p>
<p>できあがったプログラムの仕様はこうです。</p>
<div style="background: #f9f9f9; border: 1px solid #ddd; padding: 16px 20px; border-radius: 6px; margin: 16px 0; line-height: 2.2;">
<ul style="margin: 0; padding-left: 20px;">
<li>写真フォルダをFinderダイアログで選択</li>
<li>工事名・工事場所・撮影日・作成者をターミナルで入力</li>
<li>撮影箇所・コメント入力用のCSVを自動生成</li>
<li>CSVを埋めて再実行すると <strong>PDF・Excelの両形式</strong>で出力</li>
<li>ファイル名の自然順（DSC_001, DSC_002…）で自動整列</li>
</ul>
</div>
<p>「サンプルを探してもらうつもりだったのに、汎用性の高いカスタムツールが出来上がった」というのが正直な驚きでした。</p>
<p><!-- 3 --></p>
<h2 id="s3" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">3. 実際に作られた工事写真帳の機能・フォーマット</h2>
<p>出力されるPDFはA4縦、1ページに写真3枚のレイアウトです。<br />
各写真の右側に <strong>No. / 撮影箇所 / コメント欄</strong> が並ぶ、現場でそのまま使えるフォーマットになっています。</p>
<p>Excelも同時出力され、写真が埋め込まれた台帳として活用できます。<br />
印刷設定（A4縦・1ページ幅に収める・印刷範囲自動設定）も組み込まれており、開いてそのまま印刷可能です。</p>
<p>細かい要望（工種・状況欄の削除、ファイル名順の整列、印刷範囲の修正）も会話の中で随時反映してもらえました。</p>
<p><img decoding="async" src="https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-212x300.png" alt="" width="212" height="300" class="alignnone size-medium wp-image-644" srcset="https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-212x300.png 212w, https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-724x1024.png 724w, https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-768x1086.png 768w, https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-1086x1536.png 1086w, https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-1448x2048.png 1448w, https://www.ara-garage.com/wp-content/uploads/2026/04/工事写真帳-scaled.png 1811w" sizes="(max-width: 212px) 100vw, 212px" /></p>
<p><!-- 4 --></p>
<h2 id="s4" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">4. Macへのセットアップ手順（ターミナル・仮想環境・ライブラリ）</h2>
<p>Pythonは詳しくないため、セットアップ手順もClaudeに聞きながら進めました。<br />
大まかな流れは以下のとおりです。</p>
<ol style="line-height: 2.4; padding-left: 22px;">
<li>ターミナルを開く（⌘+スペース →「ターミナル」と入力）</li>
<li>仮想環境を作成：<code style="background: #f0f0f0; padding: 2px 7px; border-radius: 3px; font-size: 13px;">python3 -m venv ~/Documents/koji_env</code></li>
<li>仮想環境を有効化：<code style="background: #f0f0f0; padding: 2px 7px; border-radius: 3px; font-size: 13px;">source ~/Documents/koji_env/bin/activate</code></li>
<li>ライブラリをインストール：<code style="background: #f0f0f0; padding: 2px 7px; border-radius: 3px; font-size: 13px;">pip install reportlab Pillow openpyxl</code></li>
<li>起動エイリアスを設定して、次回から <code style="background: #f0f0f0; padding: 2px 7px; border-radius: 3px; font-size: 13px;">koji</code> の一言で起動できるようにしました</li>
</ol>
<p>最初の<code style="background: #f0f0f0; padding: 2px 7px; border-radius: 3px; font-size: 13px;">pip3 install</code>でエラーが出ましたが（macOSのシステム保護によるもの）、仮想環境を使う方法に切り替えてすんなり解決できました。</p>
<p><!-- 5 --></p>
<h2 id="s5" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">5. つまずいたポイントと解決の流れ</h2>
<p>セットアップ中にいくつかハマった点がありました。</p>
<div style="background: #fff8e1; border-left: 4px solid #f0a500; padding: 14px 18px; border-radius: 4px; margin-bottom: 14px;"><strong>① ダウンロードしたファイルがHTMLになっていた</strong><br />
Claude.aiのリンクをコピーするとHTML形式で保存されてしまう問題が発生しました。<br />
→ インストール用シェルスクリプト（.sh）をターミナルから直接実行する方法に切り替えて解決しました。</div>
<div style="background: #fff8e1; border-left: 4px solid #f0a500; padding: 14px 18px; border-radius: 4px; margin-bottom: 14px;"><strong>② Finderのフォルダ選択ダイアログが表示されなかった</strong><br />
Python 3.14でtkinterのダイアログが動かない問題が発生しました。<br />
→ macOS標準のAppleScript（osascript）を使う方式に変更して解決しました。</div>
<div style="background: #fff8e1; border-left: 4px solid #f0a500; padding: 14px 18px; border-radius: 4px; margin-bottom: 14px;"><strong>③ Excelの印刷範囲がずれていた</strong><br />
出力したExcelを印刷すると列や行が途中で切れていました。<br />
→ A4縦・1ページ幅・印刷範囲自動設定をコードに追加して解決しました。</div>
<p>いずれもエラーメッセージをそのままClaudeに貼り付けると、原因と対処法を即座に返してくれました。</p>
<p><!-- 6 --></p>
<h2 id="s6" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">6. 完成した出力サンプル（PDF・Excel）</h2>
<p>完成したPDFは以下の構成になっています。</p>
<ul style="line-height: 2.4; padding-left: 22px;">
<li>ページ上部：工事名・工事場所・撮影年月日・作成者のヘッダー</li>
<li>各写真ブロック：左に写真、右に No. / 撮影箇所 / コメント</li>
<li>フッター：ページ番号（〇/〇ページ）</li>
</ul>
<p>写真が増えても自動でページが追加されます。<br />
CSVに一度入力したコメントは、写真を追加して再実行しても保持される仕組みになっています。</p>
<p><!-- 7 --></p>
<h2 id="s7" style="border-left: 5px solid #4169e1; padding-left: 12px; color: #1a3a6b; font-size: 18px;">7. AIツールの実力に驚いた話・まとめ</h2>
<p>今回一番驚いたのは、<strong>「探す」という依頼が「作る」に変わった</strong>ことです。</p>
<p>既存ツールを探してもらうつもりが、自分の要件にぴったり合ったプログラムが出来上がりました。<br />
しかもPythonをほぼ知らない状態でも、ターミナルの操作からエラーの対処まで全部会話の中で完結しました。</p>
<p>「AIは検索の延長」という感覚はもう古いかもしれません。<br />
要件を伝えれば、ツールそのものを生成してくれる——そういう使い方が、実務の中に普通に入ってきています。</p>
<p>コードが書けなくても、AIと対話しながら自分専用のツールを作れる時代になったと実感した出来事でした。</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/construction-photobook/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>毎日の日記に「孫子の言葉100」から最も近い一言をAIが選んで書き添えてくれる仕組みをObsidianで作った</title>
		<link>https://www.ara-garage.com/suntzuswords/</link>
					<comments>https://www.ara-garage.com/suntzuswords/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Mon, 20 Apr 2026 06:45:54 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claudian]]></category>
		<category><![CDATA[Obsidian]]></category>
		<category><![CDATA[チャット]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[孫子]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=590</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/孫子の言葉-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 もくじ はじめに Obsidianとは Claudianとは 孫子の言葉100をMarkdownで整備した 仕組みの全体像 実際の使い方 実際に動かしてみた例 使ってみての感想 まとめ はじめに 毎日Obsidian [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/孫子の言葉-1024x576.png" class="webfeedsFeaturedVisual" /></p><div style="border:2px solid #3B82F6; background-color:#EFF6FF; border-radius:6px; padding:16px 20px; margin-bottom:32px;">
<p style="font-weight:bold; margin:0 0 10px 0; color:#1E3A5F;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> もくじ</p>
<ol style="margin:0; padding-left:20px; line-height:2.2; color:#1E3A5F;">
<li>はじめに</li>
<li>Obsidianとは</li>
<li>Claudianとは</li>
<li>孫子の言葉100をMarkdownで整備した</li>
<li>仕組みの全体像</li>
<li>実際の使い方</li>
<li>実際に動かしてみた例</li>
<li>使ってみての感想</li>
<li>まとめ</li>
</ol>
</div>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">はじめに</h2>
<p>毎日ObsidianのデイリーノートにIts日の出来事を書いていますが、書いて終わりになってしまうことが多く、振り返りや気づきが浅いと感じていました。</p>
<p>何か日常の出来事を別の視点から見直す仕組みができないか、と考えていたところ、孫子の兵法の言葉をAIと組み合わせるアイデアが浮かびました。日記の内容に対して、2,500年前の知恵をAIが選んで書き添えてくれたら面白いのではないか、という発想です。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">Obsidianとは</h2>
<p>ObsidianはMarkdownファイルをローカルで管理するノートアプリです。データがすべて自分のPC内に保存されるため、プライバシーを重視する方にも人気があります。</p>
<p>標準でデイリーノート機能が備わっており、日付ごとのノートを自動生成して日記感覚で使えます。また、ノート同士をリンクで繋ぐ「ナレッジグラフ」機能が特徴的で、情報を蓄積するほど知識のネットワークが広がっていくのが面白いアプリです。</p>
<div style="background-color:#F0FDF4; border:1px solid #86EFAC; border-radius:6px; padding:14px 18px; margin:16px 0;">
<p style="margin:0 0 8px 0; font-weight:bold; color:#166534;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Obsidianの主な特徴</p>
<ul style="margin:0; padding-left:20px; line-height:2;">
<li>すべてのデータがローカルのMarkdownファイルとして保存される</li>
<li>デイリーノート機能で日記が書きやすい</li>
<li>コミュニティプラグインで機能を自由に拡張できる</li>
<li>Windows・Mac・iOS・Android対応</li>
</ul>
</div>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">Claudianとは</h2>
<p>ClaudianはObsidianのコミュニティプラグインで、ObsidianのサイドパネルからClaude AIとチャットできるようにするものです。</p>
<p>単なるチャットにとどまらず、現在開いているノートの内容を読み込んだり、テキストを特定の場所に追記したりといった操作をチャット形式で依頼できます。つまり、Obsidianのノートを直接操作するアシスタントとして機能するのが大きな特徴です。</p>
<p>設定にはClaude（Anthropic）のAPIキーが必要ですが、導入後はObsidianを開いたまま自然な日本語で操作を依頼できるため、使い勝手はとても良いと感じました。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">孫子の言葉100をMarkdownで整備した</h2>
<p>まず事前準備として、Claudeに依頼して孫子の言葉100について以下の3点セットでMarkdownファイルを作成しました。</p>
<div style="background-color:#FFFBEB; border:1px solid #FCD34D; border-radius:6px; padding:14px 18px; margin:16px 0;">
<p style="margin:0 0 8px 0; font-weight:bold; color:#92400E;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4d6.png" alt="📖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Markdownファイルの構成</p>
<ul style="margin:0; padding-left:20px; line-height:2;">
<li>① 孫子の言葉（原文・意訳）</li>
<li>② 教訓</li>
<li>③ 実生活への適用</li>
</ul>
</div>
<p>このMarkdownファイルをObsidianのVault（保管フォルダ）内に置くことで、Claudianからも参照できる状態になります。100の言葉すべてに教訓と実生活への適用例がセットで整理されているため、AIが文脈に合った言葉を選びやすくなるよう工夫しました。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">仕組みの全体像</h2>
<p>仕組み自体はシンプルです。Obsidianでデイリーノートを開くと、画面の横にClaudianのチャットパネルが並んで表示されています。</p>
<p>Claudianはデイリーノートの内容と、Vault内に保存した孫子の言葉100のMarkdownファイルを両方参照できます。この状態でひと言依頼するだけで、その日の日記の内容に最も近い孫子の言葉を選んでデイリーノートの末尾に追記してくれます。</p>
<div style="background-color:#F5F3FF; border:1px solid #C4B5FD; border-radius:6px; padding:16px 20px; margin:16px 0; text-align:center;">
<p style="margin:0; font-size:15px; line-height:2.4; color:#4C1D95;">
デイリーノートに日記を書く<br />
↓<br />
Claudianに「今日の孫子の教訓を選んで追記して」と依頼<br />
↓<br />
孫子の言葉100の中から最も近い一言を選択<br />
↓<br />
デイリーノートの末尾に自動追記
</p>
</div>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">実際の使い方</h2>
<p>使い方はとてもシンプルで、Claudianのチャット欄に以下のひと言を入力するだけです。</p>
<div style="background-color:#1E293B; color:#E2E8F0; border-radius:6px; padding:14px 20px; margin:16px 0; font-family:monospace; font-size:14px; letter-spacing:0.02em;">
今日の孫子の教訓を選んでデイリーノートに追記して
</div>
<p>あとはClaudianが自動でデイリーノートの内容を読み取り、孫子の言葉100の中から最も近い一言を選択して、教訓・実生活への適用とあわせて追記してくれます。自分でデータベースを検索したり、コードを書いたりする必要はまったくありません。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">実際に動かしてみた例</h2>
<p>例えば、デイリーノートに「今日は仕事で予期せぬトラブルが起きたが、落ち着いて対応できた」と書いていた日には、Claudianが以下のような内容を追記してくれました。</p>
<div style="background-color:#F8FAFC; border-left:4px solid #94A3B8; padding:16px 20px; margin:16px 0; border-radius:0 6px 6px 0;">
<p style="margin:0 0 10px 0; font-weight:bold; color:#1E3A5F;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4dc.png" alt="📜" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今日の孫子の言葉</p>
<p style="margin:0 0 4px 0;"><strong>「乱生於治、怯生於勇、弱生於強」</strong></p>
<p style="margin:0 0 14px 0; color:#64748B; font-size:13px;">（混乱は秩序から生まれ、臆病は勇気から生まれ、弱さは強さから生まれる）</p>
<p style="margin:0 0 6px 0;"><strong>【教訓】</strong><br />どんな状況も準備と平常心が制する。混乱に見えるものも、冷静に見ればすでに対処の糸口がある。</p>
<p style="margin:0;"><strong>【実生活への適用】</strong><br />予期せぬ事態に落ち着いて対応できたのは、日頃の積み重ねと判断力があってこそです。今日の行動は正しい選択でした。</p>
</div>
<p>自分で書いた日記の内容に対してこのような言葉が添えられると、「そういう見方もできるのか」という気づきがあり、振り返りの質がひと段階上がった感覚がありました。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">使ってみての感想</h2>
<p>一番の驚きは、自分では思いもしなかった視点を毎日もらえることでした。日記に書いた内容を2,500年前の言葉と照らし合わせてもらうことで、日常の出来事が少し違って見えてきます。</p>
<p>また、毎日続けていくうちに孫子の言葉が少しずつ身近になっていくのも予想外の収穫でした。読んで終わりだった古典が、自分の日常に自然に結びついてくる感覚です。</p>
<p>AIを「作業を自動化するツール」として使うことが多いですが、今回は「気づきを与えてもらう相手」として機能しているのが新鮮でした。</p>
<h2 style="border-left:5px solid #1E40AF; padding:6px 12px; background-color:#EFF6FF; border-radius:0 4px 4px 0; color:#1E3A5F;">まとめ</h2>
<p>今回作った仕組みをまとめると以下の通りです。</p>
<div style="background-color:#EFF6FF; border:1px solid #93C5FD; border-radius:6px; padding:14px 18px; margin:16px 0;">
<ul style="margin:0; padding-left:20px; line-height:2.2; color:#1E3A5F;">
<li>ObsidianのVaultに孫子の言葉100のMarkdownファイルを整備</li>
<li>ClaudianプラグインでデイリーノートとMarkdownを同時参照</li>
<li>「追記して」のひと言でその日に最も近い言葉を自動選択・追記</li>
</ul>
</div>
<p>AIはアシスタントとして作業を代行するだけでなく、自分では気づかない視点を日常に添えてくれる存在としても使えます。ObsidianとClaude（Claudian）を組み合わせることで、日記がただの記録ではなく、毎日の「気づきの場」に変わりました。</p>
<p>Obsidianに興味がある方、AIを日常の振り返りに使ってみたい方は、ぜひ試してみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/suntzuswords/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ObsidianをAIアシスタント化する ─ Claudianプラグイン導入記</title>
		<link>https://www.ara-garage.com/obsidian%e3%82%92ai%e3%82%a2%e3%82%b7%e3%82%b9%e3%82%bf%e3%83%b3%e3%83%88%e5%8c%96%e3%81%99%e3%82%8b-%e2%94%80-claudian%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%b0%8e%e5%85%a5%e8%a8%98/</link>
					<comments>https://www.ara-garage.com/obsidian%e3%82%92ai%e3%82%a2%e3%82%b7%e3%82%b9%e3%82%bf%e3%83%b3%e3%83%88%e5%8c%96%e3%81%99%e3%82%8b-%e2%94%80-claudian%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%b0%8e%e5%85%a5%e8%a8%98/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 21:37:51 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claudian]]></category>
		<category><![CDATA[Obsidian]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[ブログネタ]]></category>
		<category><![CDATA[ブログのネタ]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=577</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/Obsidian-AI-Assistant-Banner-2-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 もくじ はじめに ─ ノートアプリにAIを組み込みたい 全体像を把握する ─ ClaudianとClaude Codeの関係 Claude CodeをMacにインストールする ObsidianにClaudianを入れ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/Obsidian-AI-Assistant-Banner-2-1024x576.png" class="webfeedsFeaturedVisual" /></p><div style="border:2px solid #4169e1;border-radius:6px;background-color:#f0f8ff;padding:16px 20px;margin-bottom:32px;">
<p style="margin:0 0 10px;font-weight:bold;color:#4169e1;font-size:16px;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> もくじ</p>
<ol style="margin:0;padding-left:20px;line-height:2.2;">
<li><a href="#sec1">はじめに ─ ノートアプリにAIを組み込みたい</a></li>
<li><a href="#sec2">全体像を把握する ─ ClaudianとClaude Codeの関係</a></li>
<li><a href="#sec3">Claude CodeをMacにインストールする</a></li>
<li><a href="#sec4">ObsidianにClaudianを入れる</a></li>
<li><a href="#sec5">実際に使ってみた</a></li>
<li><a href="#sec6">まとめ ─ ノートアプリが&#8221;AI作業場&#8221;になった</a></li>
</ol>
</div>
<h2 id="sec1" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第1章：はじめに ─ ノートアプリにAIを組み込みたい</h2>
<p>ふだんClaudeはブラウザで使っています。ページを開いて話しかけるだけで使えるので便利なのですが、ひとつ不満がありました。</p>
<p><span style="background-color:#fff9c4;"><strong>「自分のノートをいちいちコピペして貼り付けなければいけない」</strong></span>という手間です。ブログのネタメモや調査結果をObsidianにためているのに、AIに見せるたびにコピーして、貼り付けて…という作業が地味に面倒でした。</p>
<p>「ObsidianのノートをAIに直接読ませることができないか」と調べたところ、<strong>Claudian</strong>というプラグインにたどり着きました。今回はその導入記録をご紹介します。</p>
<h2 id="sec2" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第2章：全体像を把握する ─ ClaudianとClaude Codeの関係</h2>
<p>最初に全体像を整理しておきます。今回登場するのは2つのツールです。</p>
<ul style="line-height:2;">
<li><strong>Claude Code</strong>：Anthropicが提供するCLIツール。ターミナルからClaudeを呼び出すエンジン役。</li>
<li><strong>Claudian</strong>：ObsidianのサイドバーにチャットUIを表示するプラグイン。ハンドル役。</li>
</ul>
<div style="background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:12px 16px;margin:16px 0;">
<p style="margin:0;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 重要</strong><br />ClaudianはClaude Codeがインストールされていないと動きません。まずClaude Codeを入れるのが先決です。</p>
</div>
<p>つまり流れはこうなります。</p>
<div style="background-color:#f4f4f4;border-radius:6px;padding:12px 16px;margin:16px 0;text-align:center;font-weight:bold;line-height:2.5;">
① Claude CodeをMacにインストール<br />
↓<br />
② ObsidianにClaudianプラグインを追加<br />
↓<br />
③ ObsidianのサイドバーからClaudeと会話できる
</div>
<h2 id="sec3" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第3章：Claude CodeをMacにインストールする</h2>
<p>必要なものは2つです。</p>
<ul style="line-height:2;">
<li>Anthropicのアカウント（Claude ProまたはMaxプラン）</li>
<li>Macのターミナルアプリ</li>
</ul>
<p>ターミナルを開いて以下のコマンドを貼り付けるとインストールが始まります。</p>
<div style="background-color:#1e1e1e;color:#d4d4d4;border-radius:6px;padding:12px 16px;font-family:monospace;margin:16px 0;">
curl -fsSL https://claude.ai/install.sh | bash
</div>
<p>完了後に <code style="background-color:#f4f4f4;padding:2px 6px;border-radius:3px;">claude</code> とコマンドを打つとブラウザが開き、Anthropicアカウントへのログイン画面が表示されます。ログインすれば準備完了です。</p>
<div style="background-color:#e8f5e9;border:1px solid #66bb6a;border-radius:6px;padding:12px 16px;margin:16px 0;">
<p style="margin:0;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> つまずきポイント</strong><br />インストール直後に <code style="background-color:#f4f4f4;padding:2px 6px;border-radius:3px;">command not found</code> と出ることがあります。ターミナルを一度閉じて開き直すか、以下を実行すると解決します。</p>
<p><code style="background-color:#f4f4f4;padding:2px 6px;border-radius:3px;">source ~/.bash_profile</code>
</p>
</div>
<h2 id="sec4" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第4章：ObsidianにClaudianを入れる</h2>
<p>ClaudianはObsidianの通常のコミュニティプラグイン一覧にはまだ掲載されていません。<strong>BRAT</strong>という補助プラグインを経由してインストールします。</p>
<ol style="line-height:2.2;">
<li>Obsidianの設定 → コミュニティプラグイン → 「BRAT」を検索してインストール・有効化</li>
<li>設定 → BRAT → 「Add Beta Plugin」をクリック</li>
<li>入力欄に <code style="background-color:#f4f4f4;padding:2px 6px;border-radius:3px;">YishenTu/claudian</code> と入力して追加</li>
<li>コミュニティプラグイン一覧からClaudianを有効化</li>
</ol>
<p>するとObsidianの右サイドバーにロボットのアイコンが現れます。クリックすると「Coffee and Claudian time?」というチャット画面が開きました。</p>
<h2 id="sec5" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第5章：実際に使ってみた</h2>
<p>まず開いているノートに今日やったことを箇条書きで書き、Claudianに「このノートを要約して」と依頼しました。するとノートの内容を読み込んで、見出し付きの要約を数秒で返してくれました。</p>
<p>次にブログネタをためているフォルダを指定して「この中で一番面白そうなネタで章立てを作って」と依頼したところ、<span style="background-color:#fff9c4;"><strong>章立て案がすぐに出てきました。この記事自体がその章立てをもとに書かれています。</strong></span></p>
<div style="background-color:#e8f5e9;border:1px solid #66bb6a;border-radius:6px;padding:12px 16px;margin:16px 0;">
<p style="margin:0;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ブラウザ版との違いを実感</strong><br />ノートファイルを開いたままチャットできるのでコピペが不要です。「ノートを書きながらその場でAIに相談できる」という感覚は、ブラウザ版にはない体験でした。</p>
</div>
<h2 id="sec6" style="border-left:5px solid #4169e1;padding:6px 12px;background-color:#f0f8ff;color:#333;">第6章：まとめ ─ ノートアプリが&#8221;AI作業場&#8221;になった</h2>
<p>Claude CodeとClaudianのセットアップにかかった時間は、つまずき対応も含めて1〜2時間ほどでした。ターミナルを使う部分は少し敷居が高く感じましたが、手順通りに進めれば問題なくできました。</p>
<p>Obsidianをすでに使っている方にはとくにおすすめです。<span style="background-color:#fff9c4;"><strong>ためているノートがそのままAIの文脈になる</strong></span>という体験は、ブラウザ版のClaudeとはひと味違います。ぜひ試してみてください。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/obsidian%e3%82%92ai%e3%82%a2%e3%82%b7%e3%82%b9%e3%82%bf%e3%83%b3%e3%83%88%e5%8c%96%e3%81%99%e3%82%8b-%e2%94%80-claudian%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e5%b0%8e%e5%85%a5%e8%a8%98/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>生成AIを使って旅行計画を作成、Googleマイマップに落とし込むまで</title>
		<link>https://www.ara-garage.com/%e7%94%9f%e6%88%90ai%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e6%97%85%e8%a1%8c%e8%a8%88%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%80%81google%e3%83%9e%e3%82%a4%e3%83%9e%e3%83%83%e3%83%97%e3%81%ab%e8%90%bd/</link>
					<comments>https://www.ara-garage.com/%e7%94%9f%e6%88%90ai%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e6%97%85%e8%a1%8c%e8%a8%88%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%80%81google%e3%83%9e%e3%82%a4%e3%83%9e%e3%83%83%e3%83%97%e3%81%ab%e8%90%bd/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Sun, 29 Mar 2026 00:30:14 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Gemini]]></category>
		<category><![CDATA[Googleマイマップ]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=487</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/Detailed-AI-Travel-Map-with-Pins-1024x576.png" class="webfeedsFeaturedVisual" /></p>📋 目次 はじめに ― 旅行計画をどう整理するか やったこと ― PDFをClaudeに渡すだけ 出力されたKMLファイルとは GoogleマイマップへのKMLインポート手順 できあがったマップの中身 まとめ ― 旅の準 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/Detailed-AI-Travel-Map-with-Pins-1024x576.png" class="webfeedsFeaturedVisual" /></p><div style="border: 2px solid #2196F3; background-color: #e8f4fd; border-radius: 6px; padding: 16px 20px; margin-bottom: 32px;">
<p style="margin: 0 0 8px 0; font-weight: bold; font-size: 15px;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 目次</p>
<ol style="margin: 0; padding-left: 20px; line-height: 2.2; font-size: 14px;">
<li>はじめに ― 旅行計画をどう整理するか</li>
<li>やったこと ― PDFをClaudeに渡すだけ</li>
<li>出力されたKMLファイルとは</li>
<li>GoogleマイマップへのKMLインポート手順</li>
<li>できあがったマップの中身</li>
<li>まとめ ― 旅の準備にAIを使う新しい流れ</li>
</ol>
</div>
<h2>1. はじめに ― 旅行計画をどう整理するか</h2>
<p>関西旅行を計画していました。</p>
<p>行ってみたい場所、食べたいもの、お土産候補……気がつくとメモやPDFがどんどん増えていき、「結局どこに行くんだっけ？」という状態になりがちでした。</p>
<p>旅行計画の整理方法はいろいろありますが、今回はAIと地図ツールを組み合わせて、スポットを地図上に一気に落とし込む方法を試してみましたので紹介します。</p>
<div style="background-color: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; padding: 12px 16px; margin: 20px 0; font-size: 14px; line-height: 1.9;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>この記事で紹介する流れ</strong><br />
旅行計画を生成AIで作成、PDF → Claudeに渡す → KMLファイルを出力 → Googleマイマップにインポート</div>
<h2>2. やったこと ― PDFをClaudeに渡すだけ</h2>
<p>今回の旅行は2種の生成AIに計画を立ててもらったもので、観光スポット・食事・お土産候補などがまとまったPDFが手元にありました。</p>
<p>そのPDFをそのままClaudeに添付して、こうお願いしました。</p>
<div style="background-color: #f5f5f5; border-left: 4px solid #9E9E9E; padding: 12px 16px; margin: 20px 0; font-size: 14px; font-family: monospace; line-height: 1.8;">「2つのPDFに記載されたスポットをGoogleマイマップにインポートできるKMLファイルにまとめてください。重複は削除し、各ピンにコメントをつけて内容がわかるようにしてください」</div>
<p>PDFを2つ渡しただけで、Claudeは内容を読み取り、重複するスポットを整理したうえでKMLファイルを生成してくれました。</p>
<p>自分でやろうとすると、まずスポットを書き出して、緯度経度を調べて、XML形式で記述して……とかなりの手間がかかります。それをほぼ自動でやってくれたのは素直に便利でした。</p>
<h2>3. 出力されたKMLファイルとは</h2>
<p>KMLとは「Keyhole Markup Language」の略で、地図上の場所情報を記述するためのXML形式のファイルです。GoogleマップやGoogleマイマップで広くサポートされており、ピンの位置・名前・説明文などをまとめて読み込めます。</p>
<p>今回出力されたKMLファイルでは、スポットが以下の6つのフォルダに分類されていました。</p>
<ul style="line-height: 2.2; padding-left: 20px; font-size: 14px;">
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f3e8.png" alt="🏨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 宿泊</li>
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f689.png" alt="🚉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 交通・拠点</li>
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f33f.png" alt="🌿" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 観光スポット</li>
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f37d.png" alt="🍽" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 食事（昼）</li>
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f319.png" alt="🌙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 食事（夜）</li>
<li><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f6cd.png" alt="🛍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お土産・ショッピング</li>
</ul>
<p>各ピンにはカテゴリ別にアイコンの色が設定されており、地図上で一目でどのカテゴリかわかるようになっていました。コメントには営業時間・予算・注意事項なども含まれていて、実用的な情報がしっかり入っていました。</p>
<h2>4. GoogleマイマップへのKMLインポート手順</h2>
<p>手順はとてもシンプルです。</p>
<div style="background-color: #e8f5e9; border: 1px solid #a5d6a7; border-radius: 6px; padding: 14px 18px; margin: 20px 0; font-size: 14px; line-height: 2.2;"><strong>①</strong> Google マイマップ（maps.google.com/maps/d/）を開く<br />
<strong>②</strong>「新しい地図を作成」をクリック<br />
<strong>③</strong> レイヤーの「インポート」をクリック<br />
<strong>④</strong> KMLファイルをドラッグ＆ドロップ（またはファイル選択）<br />
<strong>⑤</strong> 自動でフォルダ構造ごとピンが地図上に配置される</div>
<p>インポート後は、各ピンのアイコン・色を地図上でさらにカスタマイズすることもできます。旅行メンバーへの共有も、リンクをコピーして送るだけで完了します。</p>
<div style="background-color: #fff8e1; border: 1px solid #ffe082; border-radius: 6px; padding: 12px 16px; margin: 20px 0; font-size: 14px; line-height: 1.9;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>共有方法</strong><br />
地図タイトル横の「共有」ボタン →「リンクを知っている全員が閲覧可」に変更 → リンクをLINEなどで送るだけ。受け取った側はGoogleアカウント不要で閲覧できます。</div>
<h2>5. できあがったマップの中身</h2>
<p>インポートが完了すると、地図上に28件のピンが色分けされて表示されました。</p>
<p>ピンをタップ（クリック）すると、そのスポットのコメントがポップアップで表示されます。予算や定休日、混雑を避けるコツなども記載されているので、旅行中にスマホで確認するだけで動けます。</p>
<p>特に便利だと感じたのは、カテゴリ別の色分けです。食事・観光・お土産が地図上で一目で区別できるので、現地での動線を考えるのがとてもスムーズでした。</p>
<div style="background-color: #f5f5f5; border-radius: 6px; padding: 14px 18px; margin: 20px 0; font-size: 14px; line-height: 2.2;"><strong>マップの活用例</strong><br />
・旅行前：行き先の位置関係を確認して動線を整理<br />
・旅行中：スマホでピンをタップしながらリアルタイム確認<br />
・ピンから直接「ルート案内」を起動してそのままナビとして使える</div>
<h2>6. まとめ ― 旅の準備にAIを使う新しい流れ</h2>
<p>今回やってみて感じたのは、「PDFを渡してお願いするだけでここまでできるのか」という驚きでした。</p>
<p>スポットの整理・重複の削除・緯度経度の取得・KMLの記述、これらをすべて自分でやろうとするとかなりの時間がかかります。Claudeに任せることでその作業が数分で終わりました。</p>
<p>旅行計画にAIを活用する流れとして、今後の参考になれば幸いです。</p>
<div style="background-color: #e8f4fd; border: 1px solid #90caf9; border-radius: 6px; padding: 14px 18px; margin: 20px 0; font-size: 14px; line-height: 2.2;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 今回の流れのまとめ</strong><br />
<img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 旅行計画のPDFをClaudeに添付して依頼するだけ<br />
<img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> KMLファイルが出力されGoogleマイマップにインポートできる<br />
<img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> カテゴリ別の色分け・コメント付きで旅行中も活用できる<br />
<img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> リンク共有で同行者とも簡単に地図を共有できる</div>
<p>最後まで読んでいただきありがとうございました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/%e7%94%9f%e6%88%90ai%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e6%97%85%e8%a1%8c%e8%a8%88%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%80%81google%e3%83%9e%e3%82%a4%e3%83%9e%e3%83%83%e3%83%97%e3%81%ab%e8%90%bd/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ChatGPTからClaudeへ——私の生成AI乗り換え遍歴</title>
		<link>https://www.ara-garage.com/chatgpt%e3%81%8b%e3%82%89claude%e3%81%b8-%e7%a7%81%e3%81%ae%e7%94%9f%e6%88%90ai%e4%b9%97%e3%82%8a%e6%8f%9b%e3%81%88%e9%81%8d%e6%ad%b4/</link>
					<comments>https://www.ara-garage.com/chatgpt%e3%81%8b%e3%82%89claude%e3%81%b8-%e7%a7%81%e3%81%ae%e7%94%9f%e6%88%90ai%e4%b9%97%e3%82%8a%e6%8f%9b%e3%81%88%e9%81%8d%e6%ad%b4/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 11:26:00 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=473</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/eyecatch_ai_journey-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>📋 目次 はじめに——生成AIとの出会い 最初の一歩はChatGPT——検索スタイルが変わった Geminiへ乗り換え——より適切な回答を求めて Claudeに出会い、今に至る——Claude in Chromeが決め手 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/eyecatch_ai_journey-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div style="background-color: #f0f8ff; border: 2px solid #4169e1; border-radius: 6px; padding: 16px 20px; margin-bottom: 32px;">
<div style="font-weight: bold; font-size: 1.05em; margin-bottom: 8px;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 目次</div>
<ol style="margin: 0; padding-left: 20px; line-height: 2;">
<li>はじめに——生成AIとの出会い</li>
<li>最初の一歩はChatGPT——検索スタイルが変わった</li>
<li>Geminiへ乗り換え——より適切な回答を求めて</li>
<li>Claudeに出会い、今に至る——Claude in Chromeが決め手</li>
<li>モデル選びには注意——OpusよりSonnetが日常使いに最適</li>
<li>まとめ——自分に合ったAIを見つけることが大切</li>
</ol>
</div>
<h2>はじめに——生成AIとの出会い</h2>
<p>ChatGPT、Gemini、Claude……最近「生成AI」という言葉をよく耳にするようになりました。生成AIとは、文章や画像などを自分で作り出せるAIのことで、話しかけるように質問するだけで答えを返してくれる、まったく新しいタイプのツールです。</p>
<p>私もここ数年でいくつかの生成AIを渡り歩いてきました。今回はその遍歴を振り返りながら、それぞれの特徴や乗り換えの理由をご紹介したいと思います。</p>
<h2>最初の一歩はChatGPT——検索スタイルが変わった</h2>
<p>最初に使い始めたのはChatGPTでした。それまでの検索といえば、ブラウザのアドレスバーにキーワードをスペースで区切って入力するのが当たり前でした。</p>
<p>ところがChatGPTを使うことで、まるで人と会話するように質問できることに驚きました。「〇〇とはどういう意味ですか？」「〇〇の方法を教えてください」と普通の言葉で聞けば、それに合わせた答えが返ってくるのです。検索の概念が大きく変わった瞬間でした。</p>
<div style="background-color: #fff8e1; border-left: 4px solid #ffa000; border-radius: 4px; padding: 12px 16px; margin: 20px 0;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>ポイント：</strong>生成AIはキーワードではなく「会話」で使うのが特徴です。</div>
<h2>Geminiへ乗り換え——より適切な回答を求めて</h2>
<p>ChatGPTを使い続けるうちに、Googleが提供する生成AI「Gemini」の存在を知りました。実際に使い比べてみると、私の質問に対してGeminiのほうがより的確な回答を返してくれると感じる場面が多くなりました。</p>
<p>特に最新情報の反映や、日本語での自然なやり取りの面でGeminiに軍配が上がると感じ、メインで使うAIをGeminiに切り替えることにしました。</p>
<h2>Claudeに出会い、今に至る——Claude in Chromeが決め手</h2>
<p>その後、Anthropicが開発した「Claude」を使い始めました。Claudeの大きな特徴のひとつが「Claude in Chrome」という機能です。</p>
<p>これはChromeブラウザの拡張機能で、ClaudeがChromeを通じて画面上の操作を直接行ってくれるというものです。たとえば、フォームへの文字入力や、設定画面の操作なども自動でやってくれます。「AIが画面を見てパソコンを操作してくれる」という体験は、それまでとはまったく異なる便利さでした。</p>
<div style="background-color: #e8f5e9; border-left: 4px solid #43a047; border-radius: 4px; padding: 12px 16px; margin: 20px 0;"><strong><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude in Chromeでできること</strong></p>
<ul style="margin: 8px 0 0 0; padding-left: 20px; line-height: 1.8;">
<li>フォームへの自動入力</li>
<li>画面上の設定変更</li>
<li>ブラウザ操作の自動化</li>
</ul>
</div>
<p>この機能の便利さを実感してから、今はClaudeをメインに使っています。</p>
<h2>モデル選びには注意——OpusよりSonnetが日常使いに最適</h2>
<p>Claudeを使ううえで注意が必要だと感じたのが、「モデルの選択」です。Claudeにはいくつかのモデルがあり、最上位の「Opus」を選ぶと非常に高精度な回答が得られる一方、使用できる枠をあっという間に消費してしまいます。</p>
<p>使用枠を使い切ると一定時間Claudeが使えなくなってしまうため、日常的な用途では「Sonnet」を選ぶようにしました。Sonnetでも十分すぎるほど高性能で、普段使いには最適だと感じています。</p>
<div style="background-color: #fce4ec; border-left: 4px solid #e91e63; border-radius: 4px; padding: 12px 16px; margin: 20px 0;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>注意：</strong>Opusは高性能ですが使用枠の消費が早いため、日常使いはSonnetがおすすめです。</div>
<h2>まとめ——自分に合ったAIを見つけることが大切</h2>
<p>ChatGPT → Gemini → Claude と渡り歩いてきましたが、どのAIも使い始めた当初は「これは便利だ！」と感じるものでした。それぞれに強みがあり、使い方や目的によって向き不向きがあります。</p>
<p>現在はClaudeに落ち着いており、Claude in Chromeによるパソコン操作の自動化も含めて非常に満足しています。生成AIはまだまだ進化を続けていますので、今後も自分に合ったツールを柔軟に選んでいきたいと思っています。</p>
<p>皆さんもぜひ、いろいろな生成AIを試してみてください！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/chatgpt%e3%81%8b%e3%82%89claude%e3%81%b8-%e7%a7%81%e3%81%ae%e7%94%9f%e6%88%90ai%e4%b9%97%e3%82%8a%e6%8f%9b%e3%81%88%e9%81%8d%e6%ad%b4/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google ChromeからClaudeにログインしたいのにメールアドレスでログインができない時の対応方法</title>
		<link>https://www.ara-garage.com/google-chome-claude-%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84-%e5%af%be%e5%bf%9c%e6%96%b9%e6%b3%95/</link>
					<comments>https://www.ara-garage.com/google-chome-claude-%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84-%e5%af%be%e5%bf%9c%e6%96%b9%e6%b3%95/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 00:50:00 +0000</pubDate>
				<category><![CDATA[AI活用]]></category>
		<category><![CDATA[Chome]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Googleアカウント]]></category>
		<category><![CDATA[サードパーティのログイン]]></category>
		<guid isPermaLink="false">https://ara-garage.synology.me/?p=424</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/0001-122096949595958527-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>Google ChromeからClaudeにログインしたいのにメールアドレスでログインができない時の対応方法 💡 ClaudeからGeminiを呼び出して調べものをしたかった 最近のAI活用では、単体のサービスだけでなく [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/04/0001-122096949595958527-1024x576.jpg" class="webfeedsFeaturedVisual" /></p>
<h2 class="wp-block-heading">Google ChromeからClaudeにログインしたいのにメールアドレスでログインができない時の対応方法</h2>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClaudeからGeminiを呼び出して調べものをしたかった</h3>



<p>最近のAI活用では、単体のサービスだけでなく複数のAIを連携させるワークフローが当たり前になりつつあります。私もそれを試すべく、Claude上からGeminiのコネクタを使って情報を調査し、その結果をClaudeでまとめるという作業を試みていました。</p>



<p>この連携を行うには、ChromeブラウザにClaude in Chrome拡張機能をインストールし、Claudeアカウントでログインしておく必要があります。すでにClaude有料プラン（Pro以上）を契約済みであれば、拡張機能のサイドパネルからログインするだけで準備は完了するはずでした。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Chromeでメアドログインしようとしたら問答無用でGoogleログイン画面へ</h3>



<p>ところが、いざChromeブラウザでClaude（<a href="https://claude.ai" target="_blank" rel="noopener noreferrer">claude.ai</a>）にアクセスし、メアドログインしようとした段階で問題が発生しました。</p>



<div class="wp-block-group is-style-bad_box"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>ログイン画面が表示される前に、Chromeが勝手に<strong>「Googleアカウントでログイン」</strong>のダイアログを割り込ませてくるのです。すでにClaudeではメアドIDとパスワードが作成済みだったのですが、Googleアカウントの選択画面だけが表示され、メールアドレスによるサインアップの選択肢にたどり着けませんでした。</p>
</div></div>



<p>調べてみると、これはChromeブラウザとGoogleアカウントが連動している環境で起こる現象でした。Chromeには<strong>「サードパーティのログイン」</strong>という機能が備わっており、対応サイトにアクセスすると自動的にGoogleアカウントでのログインを提案してきます。さらにGoogleアカウント側にも「Googleでログイン」機能が有効になっていると、ブラウザとアカウントの両方から二重にGoogleログインを強制される状態になります。</p>



<p>つまり、ユーザーの意思とは無関係に、GoogleのSSO（シングルサインオン）が先回りしてしまうわけです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f527.png" alt="🔧" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 解決には2箇所の設定変更が必要です</h3>



<p>この問題を解消するには、<strong>Googleアカウント側</strong>と<strong>Chromeブラウザ側</strong>の2箇所で設定を変更する必要があります。</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h4 class="wp-block-heading">① Googleアカウント側：「Googleでログイン」機能の管理</h4>



<p>以下のURLにアクセスします。</p>



<p class="is-style-big_icon_link"><a href="https://myaccount.google.com/connections/settings" target="_blank" rel="noopener noreferrer">https://myaccount.google.com/connections/settings</a></p>



<p>これはGoogleアカウントの「サードパーティとの接続」設定ページです。ここでは、どのサードパーティサービスに対して「Googleでログイン」機能が有効になっているかを確認・管理できます。</p>



<p>すでにClaudeやAnthropicとの接続が作られている場合は、該当サービスを選択し<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>「『Googleでログイン』機能の使用を停止」</strong></mark>を実行します。これにより、Googleアカウント側からの自動ログイン提案が停止されます。</p>



<div class="wp-block-group is-style-info_box"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>別ルート：</strong>Googleアカウントのトップページ（<a href="https://myaccount.google.com/" target="_blank" rel="noopener noreferrer">myaccount.google.com</a>）→「セキュリティ」→「サードパーティ製のアプリとサービスへの接続」からもたどり着けます。</p>
</div></div>
</div></div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h4 class="wp-block-heading">② Chromeブラウザ側：サードパーティのログインをブロック</h4>



<p>Googleアカウント側の設定を変更しても、Chromeブラウザ自体が独自にログインダイアログを表示する場合があります。これを止めるには、Chromeの設定を変更します。</p>



<div class="wp-block-group is-style-simple_box"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>手順は以下の通りです。</strong></p>



<ol class="wp-block-list">
<li>Chromeの「設定」を開く</li>



<li>「プライバシーとセキュリティ」→「サイトの設定」を選択</li>



<li>「その他のコンテンツの設定」を展開</li>



<li>「サードパーティのログイン」を選択</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color">「IDサービスからのログインメッセージをブロックする」</mark></strong>に変更する</li>
</ol>
</div></div>



<div class="wp-block-group is-style-info_box"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>ショートカット：</strong>Chromeのアドレスバーに以下を直接入力しても設定ページに飛べます。</p>



<pre class="wp-block-code"><code>chrome://settings/content/federatedIdentityApi</code></pre>
</div></div>



<p>これにより「Googleでログイン」のポップアップを抑止できます。</p>
</div></div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 設定変更後、メールアドレスでのClaudeログインが可能になります</h3>



<div class="wp-block-group is-style-good_box"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>上記2箇所の設定を変更した上で再度<a href="https://claude.ai" target="_blank" rel="noopener noreferrer">claude.ai</a>にアクセスすると、Googleアカウント選択画面に横取りされることなく、通常のサインアップ画面が表示されます。ここからメールアドレスを入力して、独自のClaudeアカウントでログインできるようになります。</p>
</div></div>



<p>Googleアカウントによるログインは確かに便利ですが、AIサービスごとに独立したアカウントを持ちたい場合や、業務用・個人用でアカウントを使い分けたい場合には、この自動ログイン機能がかえって邪魔になります。</p>



<p>特にChrome上でClaude in Chrome拡張機能を使い、GeminiやGmailなどのGoogleサービスコネクタと連携させるような高度なワークフローを構築する際には、意図した通りのアカウントでログインできることが重要です。Googleの「親切な自動化」が裏目に出る典型的なケースとして、覚えておいて損はないと思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/google-chome-claude-%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3-%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84-%e5%af%be%e5%bf%9c%e6%96%b9%e6%b3%95/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>メモ・記録ツールの旅路 ── Notion → Craft → Obsidian に落ち着くまで</title>
		<link>https://www.ara-garage.com/%e3%83%a1%e3%83%a2%e3%83%bb%e8%a8%98%e9%8c%b2%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e6%97%85%e8%b7%af-%e2%94%80%e2%94%80-notion-%e2%86%92-craft-%e2%86%92-obsidian-%e3%81%ab%e8%90%bd%e3%81%a1%e7%9d%80/</link>
					<comments>https://www.ara-garage.com/%e3%83%a1%e3%83%a2%e3%83%bb%e8%a8%98%e9%8c%b2%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e6%97%85%e8%b7%af-%e2%94%80%e2%94%80-notion-%e2%86%92-craft-%e2%86%92-obsidian-%e3%81%ab%e8%90%bd%e3%81%a1%e7%9d%80/#respond</comments>
		
		<dc:creator><![CDATA[Sandy16L]]></dc:creator>
		<pubDate>Fri, 20 Mar 2026 09:59:14 +0000</pubDate>
				<category><![CDATA[ガジェット・アプリ]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Craft]]></category>
		<category><![CDATA[Notion]]></category>
		<category><![CDATA[Obsidian]]></category>
		<category><![CDATA[クラウド]]></category>
		<category><![CDATA[サブスク]]></category>
		<guid isPermaLink="false">https://www.ara-garage.com/?p=453</guid>

					<description><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.47.01.png" class="webfeedsFeaturedVisual" /></p>📋 もくじ はじめに Notionを使っていた時期 Craftへの移行 Obsidianに落ち着いた理由 3つのツールを比較してみると まとめ はじめに みなさんは、ちょっとしたひらめきや日々の記録をどんなツールで管理し [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.47.01.png" class="webfeedsFeaturedVisual" /></p><p><!-- ========== 目次 ========== --></p>
<div style="background-color: #f0f7ff; border: 2px solid #4A90D9; border-radius: 8px; padding: 16px 20px; margin-bottom: 28px;">
<p style="font-weight: bold; color: #1a5fa8; margin: 0 0 10px; font-size: 15px;"><img src="https://s.w.org/images/core/emoji/15.1.0/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> もくじ</p>
<ol style="margin: 0; padding-left: 20px; line-height: 2; color: #1a5fa8;">
<li>はじめに</li>
<li>Notionを使っていた時期</li>
<li>Craftへの移行</li>
<li>Obsidianに落ち着いた理由</li>
<li>3つのツールを比較してみると</li>
<li>まとめ</li>
</ol>
</div>
<p><!-- ========== 1. はじめに ========== --></p>
<h2>はじめに</h2>
<p>みなさんは、ちょっとしたひらめきや日々の記録をどんなツールで管理していますか？</p>
<p>スマートフォンの標準メモアプリでも十分という方もいれば、もっと高機能なツールを求めて試行錯誤している方も多いと思います。</p>
<p>私もそのひとりで、<strong>Notion → Craft → Obsidian</strong> と3つのツールを渡り歩いてきました。この記事では、その移り変わりの経緯と、それぞれのツールの特徴をお伝えしたいと思います。</p>
<p><!-- ========== 2. Notion ========== --></p>
<h2>Notionを使っていた時期</h2>
<p><!-- Notionアイコン・スクリーンショット画像をここに挿入（Gutenberg画像ブロック推奨） --></p>
<p><img decoding="async" src="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.43.21-300x96.png" alt="" width="300" height="96" class="alignnone size-medium wp-image-456" srcset="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.43.21-300x96.png 300w, https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.43.21.png 314w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>最初に出会ったのが「<a href="https://www.notion.com/ja"><strong>Notion（ノーション）</strong></a>」でした。</p>
<p>Notionは「なんでもできる」といわれるほど高機能なメモ・タスク管理ツールです。データベース機能やテンプレート、カレンダー連携など、ビジネス用途から個人利用まで幅広く対応していました。</p>
<p>実際に使ってみると、確かに機能の豊富さには感動しました。ページの中にデータベースを埋め込んだり、タスクをカンバン方式で管理したりと、かゆいところに手が届く設計でした。</p>
<div class="wp-block-group is-style-caution_box">
<p><strong>ただ、使えば使うほど感じた違和感</strong><br />
「機能が多すぎて逆に迷う」という感覚が出てきました。シンプルなメモを書きたいだけなのに、設定や構成を考えるのに時間がかかってしまうことが増えてきたのです。</p>
</div>
<p><!-- ========== 3. Craft ========== --></p>
<h2>Craftへの移行</h2>
<p><!-- Craftアイコン・スクリーンショット画像をここに挿入（Gutenberg画像ブロック推奨） --></p>
<p><img decoding="async" src="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.46.48.png" alt="" width="232" height="68" class="alignnone size-full wp-image-455" /></p>
<p>次に移行したのが「<a href="https://www.craft.do/ja"><strong>Craft（クラフト）</strong></a>」です。</p>
<p>Craftの最大の特徴は、<strong>見た目の美しさ</strong>です。スナップショットや写真をドキュメントの中に自然に配置でき、まるで雑誌のようなレイアウトで記録を残せました。</p>
<p>MacやiPadとの親和性も高く、Apple純正アプリのような操作感で気持ちよく使えました。クリエイティブな記録や、ビジュアルを重視したまとめノートには最適なツールだと感じました。</p>
<div class="wp-block-group is-style-caution_box">
<p><strong>しかし、しばらく使ううちに気になってきたこと</strong><br />
フル機能を使うには月額・年額のサブスクリプションが必要で、長く使い続けるにはそれなりのコストがかかります。また、データはCraftのサーバーに保存される形になるため、「サービスが終了したらどうなるのか」という不安もありました。</p>
</div>
<p><!-- ========== 4. Obsidian ========== --></p>
<h2>Obsidianに落ち着いた理由</h2>
<p><!-- Obsidianアイコン・スクリーンショット画像をここに挿入（Gutenberg画像ブロック推奨） --></p>
<p><img decoding="async" src="https://www.ara-garage.com/wp-content/uploads/2026/03/スクリーンショット-2026-03-20-18.47.01.png" alt="" width="290" height="74" class="alignnone size-full wp-image-454" /></p>
<p>そして現在たどり着いたのが「<a href="https://obsidian.md"><strong>Obsidian（オブシディアン）</strong></a>」です。</p>
<p>Obsidianに乗り換えた理由は大きく3つありました。</p>
<div class="wp-block-group is-style-check_box">
<p><strong>① 完全無料で使える</strong><br />
個人利用は完全無料です。サブスクの心配が不要で、機能制限もありません。</p>
</div>
<div class="wp-block-group is-style-check_box">
<p><strong>② データが自分の手元にある</strong><br />
ObsidianはMarkdown形式（.md）のテキストファイルをそのまま使います。iCloudやDropboxなど、自分が使っているクラウドストレージに保存できるため、データが「人質」になることがありません。</p>
</div>
<div class="wp-block-group is-style-check_box">
<p><strong>③ 将来にわたって安心</strong><br />
Markdownファイルはどんなテキストエディタでも開けるシンプルな形式です。仮にObsidianが将来サービス終了したとしても、ファイルは手元に残ります。</p>
</div>
<p><!-- ========== 5. 比較表 ========== --></p>
<h2>3つのツールを比較してみると</h2>
<table style="width: 100%; border-collapse: collapse; font-size: 14px; margin: 16px 0;">
<thead>
<tr style="background-color: #4a90d9; color: #ffffff;">
<th style="padding: 10px; border: 1px solid #ccc; text-align: left;">ツール</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: center;">料金</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: center;">データ保存先</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: center;">見た目</th>
<th style="padding: 10px; border: 1px solid #ccc; text-align: center;">機能の豊富さ</th>
</tr>
</thead>
<tbody>
<tr style="background-color: #ffffff;">
<td style="padding: 10px; border: 1px solid #ccc;"><strong>Notion</strong></td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">無料プランあり（制限あり）</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">Notionサーバー</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★★★</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td style="padding: 10px; border: 1px solid #ccc;"><strong>Craft</strong></td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">サブスク必要</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">Craftサーバー</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★★★</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★★</td>
</tr>
<tr style="background-color: #ffffff;">
<td style="padding: 10px; border: 1px solid #ccc;"><strong>Obsidian</strong></td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center; color: #2e7d32;"><strong>完全無料</strong></td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center; color: #2e7d32;"><strong>自分のクラウド</strong></td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★</td>
<td style="padding: 10px; border: 1px solid #ccc; text-align: center;">★★★★</td>
</tr>
</tbody>
</table>
<p><!-- ========== 6. まとめ ========== --></p>
<h2>まとめ</h2>
<p>Notionの高機能さ、Craftの美しさを経験した上で、現在はObsidianに落ち着きました。</p>
<p>「<strong>無料で使えること</strong>」「<strong>データが自分のものであること</strong>」「<strong>将来も安心して使えること</strong>」という3点が決め手でした。<br />
さらにコミュニティプラグインをつかうことでClaudeと連携できるのも魅力です。</p>
<div class="wp-block-group is-style-point_box">
<p><strong>メモツール選びのポイント</strong><br />
メモツール選びに正解はありませんが、「データの自由」を大切にしたい方には、ぜひObsidianを試してみることをおすすめしたいと思います。まずは完全無料なので、気軽に触れてみてください！</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.ara-garage.com/%e3%83%a1%e3%83%a2%e3%83%bb%e8%a8%98%e9%8c%b2%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e6%97%85%e8%b7%af-%e2%94%80%e2%94%80-notion-%e2%86%92-craft-%e2%86%92-obsidian-%e3%81%ab%e8%90%bd%e3%81%a1%e7%9d%80/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
