<?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>Webrandum</title>
	<atom:link href="https://webrandum.net/feed/" rel="self" type="application/rss+xml" />
	<link>https://webrandum.net</link>
	<description>Webデザイナーの備忘録</description>
	<lastBuildDate>Thu, 10 Sep 2026 06:49:24 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://webrandum.net/mskz/wp-content/uploads/2019/03/cropped-favicon-1-32x32.png</url>
	<title>Webrandum</title>
	<link>https://webrandum.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Macでテキスト選択時にポップアップを表示する「PopClip」</title>
		<link>https://webrandum.net/popclip/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 10 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[PopClip]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12221</guid>

					<description><![CDATA[マウスでテキストを選択したあとにやりたいことは、コピーや検索、翻訳、別アプリへの受け渡しなど、案外パターンが決まっています。それなのに、右クリックメニューを開い…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">マウスでテキストを選択したあとにやりたいことは、コピーや検索、翻訳、別アプリへの受け渡しなど、案外パターンが決まっています。<br>それなのに、右クリックメニューを開いて項目を探したり、いったんコピーしてから別アプリに貼り付けたりと、毎回ひと手間かかります。</p>



<p class="wp-block-paragraph">そこで活用したいのが「PopClip（ポップクリップ）」です。<br>存在は知っていたものの、ほとんどショートカットキーで対応していて使っていませんでしたが、最近になって試しに使い始めました。</p>



<p class="wp-block-paragraph">今回はPopClipの概要から基本的な使い方、拡張機能の追加、環境設定までまとめます。</p>



<h2 class="wp-block-heading">PopClip</h2>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1-1024x604.png" alt="" class="wp-image-12225" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app" data-lkc-id="1085" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.popclip.app" alt="" width="16" height="16" /></div><div class="lkc-domain">www.popclip.app</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.popclip.app?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">PopClip for Mac</div><div class="lkc-url" title="https://www.popclip.app">https://www.popclip.app</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">PopClipはマウスでテキストを選択したときに、iOSのようなポップアップを表示させるアプリです。</p>



<p class="wp-block-paragraph">「コピー」「ペースト」レベルであればショートカットキーの方が早いですが、PopClipは拡張機能が多く、さまざまなアクションを自由に追加できます。</p>



<h3 class="wp-block-heading">Setappの活用</h3>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg" width="100px" height="108px" alt="" /></figure><div class="lkc-title">220以上の有料Macアプリが使えるサブスクサービス「Setapp」</div><div class="lkc-url" title="https://webrandum.net/setapp">https://webrandum.net/setapp</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">PopClipは有料アプリが使い放題になるサブスクサービスの<a href="https://webrandum.net/setapp/">Setapp</a>にも登録されています。</p>



<p class="wp-block-paragraph">PopClipだけを利用するのであれば単体で購入した方がお得ですが、すでにSetappを契約している人はSetapp経由で利用するのがよいでしょう。</p>



<h3 class="wp-block-heading">ライセンスの料金</h3>



<p class="wp-block-paragraph">Setappではなく単体購入する場合は買い切りですが、アップデート期間の違いで2種類のライセンスがあります。<br>執筆時点（2026年9月）の金額は下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>ライセンス</th><th></th><th>内容</th></tr></thead><tbody><tr><td>Standard License</td><td>$12</td><td>購入から2年間のアップデート付き。期間終了後も最後のバージョンは使い続けられる</td></tr><tr><td>Lifetime License</td><td>$26</td><td>永続的にアップデート付き</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">どちらも5台までのMacで使えて、日本からの購入は消費税が別途かかります。</p>



<p class="wp-block-paragraph">無料のトライアルモードでは全機能を利用でき、250回のアクションを実行した時点で購入を促す表示が出るようになります。</p>



<h3 class="wp-block-heading">Mac App Store版の注意点</h3>



<p class="wp-block-paragraph">PopClipは以前Mac App Storeでも販売されていましたが、2024年3月に新規販売を終了しました。</p>



<p class="wp-block-paragraph">Mac App Store版はバージョン2023.9で更新が止まっているため、これから利用する場合は、公式サイト版かSetapp版を選ぶことになります。</p>



<p class="wp-block-paragraph">販売終了の理由について、開発者はフォーラムで次のように書いています。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">I can&#8217;t update PopClip with new features on the Mac App Store any more. This is due to Apple&#8217;s sandboxing policy.</p>



<p class="wp-block-paragraph"><cite><a href="https://forum.popclip.app/t/popclip-is-leaving-the-mac-app-store/2188" target="_blank">PopClip Forum</a></cite></p>
</blockquote>



<p class="wp-block-paragraph">App Storeのサンドボックス要件によって、PopClipに新機能を追加することが難しくなったことが販売終了の理由だそうです。</p>



<p class="wp-block-paragraph">なお、過去にMac App Store版を買っていた人向けには、Lifetime Licenseの割引、または2年分のStandard Licenseの無償提供が用意されています。</p>



<h2 class="wp-block-heading">インストール方法</h2>



<p class="wp-block-paragraph">インストールは公式サイトからダウンロードするか、Homebrewを使っている場合は下記のコマンドでもインストールできます。</p>



<pre class="wp-block-code"><code>brew install --cask popclip</code></pre>



<p class="wp-block-paragraph">Setappを使っている人は、Setappのアプリ一覧から「PopClip」を検索してインストールします。</p>



<p class="wp-block-paragraph">初回起動時には、アクセシビリティの権限を求められます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="954" height="554" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2.png" alt="" class="wp-image-12226" style="width:477px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2.png 954w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2-300x174.png 300w" sizes="(max-width: 954px) 100vw, 954px" /></figure>



<p class="wp-block-paragraph">PopClipは他のアプリで選択したテキストをアクセシビリティAPI経由で読み取るため、［システム設定］→［プライバシーとセキュリティ］→［アクセシビリティ］で許可しないと動作しません。</p>



<h2 class="wp-block-heading">基本的な使い方</h2>



<p class="wp-block-paragraph">PopClipを起動しておくと、マウスやトラックパッドでテキストを選択したタイミングで、選択範囲の近くに横長のバーが表示されます（<kbd>shift</kbd> + <kbd>矢印キー</kbd>によるテキスト選択では表示されません）。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="159" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-1024x159.png" alt="" class="wp-image-12227" style="width:786px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-1024x159.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-300x47.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3.png 1572w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">バーに並んでいるアイコンをクリックすると、そのアクションが実行されます。<br>バーの外をクリックしたり、キーを押したりすると消えます。</p>



<p class="wp-block-paragraph">テキストを選択していない状態でも、マウスのボタンを0.5秒ほど長押しするとPopClipが表示されるので、iOSと同じような感覚でポップアップを使えます。</p>



<p class="wp-block-paragraph">反対に、PopClipを一時的に出したくないときは、<kbd>command</kbd>を押しながらテキストを選択すると表示されません。</p>



<p class="wp-block-paragraph">また、環境設定でショートカットキーを割り当てておくと、キーボードからPopClipを呼び出すこともできます（わざわざショートカットキーを割り当てて使うメリットはなさそうですが……）。</p>



<h3 class="wp-block-heading">標準で用意されているアクション</h3>



<p class="wp-block-paragraph">インストール直後の状態で使えるアクションは下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>アクション</th><th>内容</th><th>備考</th></tr></thead><tbody><tr><td>スペル（Spelling）</td><td>スペルミスの修正候補を表示する</td><td>通常のバーの代わりにサブメニューとして表示</td></tr><tr><td>検索（Search）</td><td>選択したテキストをWeb検索する</td><td>検索エンジンは設定で変更可能</td></tr><tr><td>リンクを開く（Open Link）</td><td>選択範囲に含まれるURLをブラウザで開く</td><td>URLを選択したときだけ表示</td></tr><tr><td>カット（Cut）</td><td>選択したテキストを切り取る</td><td>編集可能なテキスト欄でのみ表示</td></tr><tr><td>コピー（Copy）</td><td>選択したテキストをコピーする</td><td></td></tr><tr><td>ペースト（Paste）</td><td>クリップボードの内容をペーストする</td><td>編集可能なテキスト欄でのみ表示</td></tr><tr><td>Finderに表示（Reveal in Finder）</td><td>選択したパスをFinderで開く</td><td>ファイルパスを選択したときだけ表示</td></tr><tr><td>辞書（Dictionary）</td><td>macOSの辞書アプリで調べる</td><td>辞書に載っている単語のときだけ表示</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">表示されるアクションは、選択した内容によって変わります。</p>



<p class="wp-block-paragraph">「URLを選択したときだけリンクを開くが出る」といった具合なので、バーに不要な項目が並んで邪魔になることはあまりありません。</p>



<h2 class="wp-block-heading">拡張機能</h2>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/" data-lkc-id="1086" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.popclip.app" alt="" width="16" height="16" /></div><div class="lkc-domain">www.popclip.app</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.popclip.app%2Fextensions%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">PopClip Extensions Directory</div><div class="lkc-url" title="https://www.popclip.app/extensions/">https://www.popclip.app/extensions/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">PopClipでは標準アクションだけでなく、拡張機能を使ってさまざまなアクションを追加できます。</p>



<p class="wp-block-paragraph">公式の拡張機能ディレクトリには、執筆時点（2026年9月）で248個の拡張機能が登録されています。<br>代表的なものをいくつか挙げると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>拡張機能</th><th>内容</th></tr></thead><tbody><tr><td><a href="https://www.popclip.app/extensions/x/d38ynn">Google Translate</a> / <a href="https://www.popclip.app/extensions/x/awwqpp">DeepL Translator</a></td><td>選択したテキストを翻訳する</td></tr><tr><td><a href="https://www.popclip.app/extensions/x/wfhk0x">Obsidian</a> / <a href="https://www.popclip.app/extensions/x/h036ws">UpNote</a></td><td>選択したテキストをノートに取り込む</td></tr><tr><td><a href="https://www.popclip.app/extensions/x/73pbck">ChatGPT Website</a> / <a href="https://www.popclip.app/extensions/x/69v3ms">Claude Website</a></td><td>選択したテキストを使ってチャットを開始する</td></tr><tr><td><a href="https://www.popclip.app/extensions/x/8tjp5p">Alfred</a> / <a href="https://www.popclip.app/extensions/x/rv56p0">Raycast</a></td><td>選択したテキストをランチャーに渡す</td></tr><tr><td><a href="https://www.popclip.app/extensions/x/8jj623">Terminal</a></td><td>選択したコマンドをターミナルで実行する</td></tr><tr><td><a href="https://www.popclip.app/extensions/x/02yq1x">Format JSON</a></td><td>選択したJSONを整形する</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ディレクトリからダウンロードした拡張機能ファイル（<code>.popclipextz</code>）を開くだけでインストールできます。</p>



<p class="wp-block-paragraph">インストール済みの拡張機能は、環境設定の［アクション］タブ右下にあるツール（レンチ）アイコンから［拡張機能を管理（Manage Extensions）］を選ぶと一覧表示できます（<kbd>command</kbd> + <kbd>E</kbd>でも開けます）。</p>



<p class="wp-block-paragraph">ここでアップデートの確認やソースコードの閲覧ができます。</p>



<h2 class="wp-block-heading">環境設定</h2>



<p class="wp-block-paragraph">環境設定はメニューバーのPopClipアイコンから開きます。<br>タブは［一般（General）］［アクション（Actions）］［アプリ（App）］の3つです。</p>



<h3 class="wp-block-heading">一般（General）</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="954" height="910" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4.png" alt="" class="wp-image-12228" style="width:477px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4.png 954w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4-300x286.png 300w" sizes="(max-width: 954px) 100vw, 954px" /></figure>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>内容</th><th>備考</th></tr></thead><tbody><tr><td><strong>アクティベーション（Activation）</strong></td><td></td><td></td></tr><tr><td>自動的に表示（Appear automatically）</td><td>テキスト選択時や長押し時に自動で表示する</td><td>オフにするとショートカットキーかAppleScriptからのみ表示</td></tr><tr><td>ルール（Rules）</td><td>自動表示する範囲をアプリ単位とウェブサイト単位で制限する</td><td>コードエディタなど選択操作が多いアプリを除外するのに使う</td></tr><tr><td>キーボードショートカット（Keyboard shortcut）</td><td>PopClipを手動で表示するショートカットキー</td><td></td></tr><tr><td><strong>外観（Appearance）</strong></td><td></td><td></td></tr><tr><td>サイズ（Size）</td><td>バーの大きさ</td><td>スライダーで調整</td></tr><tr><td>スタイル（Style）</td><td>バーの配色（自動 / ライト / ダーク）</td><td></td></tr><tr><td>位置（Position）</td><td>バーを選択範囲の上に出すか下に出すか</td><td></td></tr></tbody></table></figure>



<p class="wp-block-paragraph">テキスト選択の頻度が高いエディタやターミナルで毎回バーが出てくると邪魔なので、非表示にしたいアプリは［ルール］で除外しておきましょう。</p>



<h3 class="wp-block-heading">アクション（Actions）</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="954" height="936" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5.png" alt="" class="wp-image-12229" style="width:477px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5.png 954w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5-300x294.png 300w" sizes="(max-width: 954px) 100vw, 954px" /></figure>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>内容</th><th>備考</th></tr></thead><tbody><tr><td>検索（Search）</td><td>アクションを名前で絞り込む</td><td><kbd>command</kbd> + <kbd>F</kbd>で入力欄にフォーカスできる</td></tr><tr><td>アクション一覧</td><td>標準アクションと拡張機能の有効・無効を切り替える</td><td>名前とアイコンも変更可能</td></tr><tr><td>＋メニュー</td><td>アクションをフォルダにまとめたり、区切り線を入れる</td><td>拡張機能が増えてきたときに整理する</td></tr><tr><td>拡張機能を入手（Get Extensions）</td><td>公式の拡張機能ディレクトリをブラウザで開く</td><td></td></tr><tr><td>ツール（Tools）</td><td>拡張機能の管理とiCloud Syncの切り替え</td><td>ウインドウ右下のレンチアイコンから開く</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">また、拡張機能を入れていくとバーが横に長くなっていくので、［＋］アイコンをクリックして追加できるフォルダ機能や区切り線を活用することで、用途ごとにまとめられます。</p>



<h3 class="wp-block-heading">アプリ（App）</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="953" height="638" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_6.png" alt="" class="wp-image-12230" style="width:477px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_6.png 953w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_6-300x201.png 300w" sizes="(max-width: 953px) 100vw, 953px" /></figure>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>内容</th><th>備考</th></tr></thead><tbody><tr><td>ソフトウェアアップデート（Software Update）</td><td>アップデートの確認と自動更新の設定</td><td>公式サイト版のみ。オフ / 通知のみ / 自動インストールから選択</td></tr><tr><td>ライセンス（Your License）</td><td>ライセンスの状態を確認する</td><td>公式サイト版のみ。トライアル中は残りの実行回数も表示される</td></tr><tr><td><strong>アプリ設定（App Settings）</strong></td><td></td><td></td></tr><tr><td>ログイン時に開始（Start at login）</td><td>ログイン時に自動起動する</td><td></td></tr><tr><td>メニューバーに表示（Show in menu bar）</td><td>メニューバーにアイコンを表示する</td><td>右側でメニューバーアイコンの変更が可能</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">アプリ自体の設定とバージョン情報を確認するタブです。<br>私はSetapp版を使っているのですが、Setapp版ではアップデートとライセンスの項目が表示されません。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">改めてPopClipについて調べてみると、拡張性の高さに驚きました。<br>翻訳やノートアプリへの取り込み、他アプリへの受け渡しまで、テキストを選択した直後の動作をまとめて1つのバーに集められます。</p>



<p class="wp-block-paragraph">ショートカットキーが覚えられないという人にはオススメですし、ショートカットキーを使う人も、ブラウザで調べ物をしている時間はマウスを握っていることが多く、マウスの方がラクな場合もあります。</p>



<p class="wp-block-paragraph">また、PopClipに設定するような全アプリ共通のアクションをショートカットキーに割り当てようとすると、競合を避けるために複雑なキーの組み合わせが必要になりがちです。</p>



<p class="wp-block-paragraph">キーを押すのも大変ですし、空いているショートカットキーも限られてきます。<br>わざわざマウスから手を離して両手でショートカットキーを押すよりも、マウスでメニューを選択した方が早いのかもしれません。</p>



<p class="wp-block-paragraph">テキスト操作にひと手間を感じている人は一度試してみてはいかがでしょうか。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Route 53のルーティングポリシーまとめ（位置情報ルーティングと地理的近接性ルーティングの違いは？）</title>
		<link>https://webrandum.net/route-53-routing-policy/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 03 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[インフラ]]></category>
		<category><![CDATA[Route 53]]></category>
		<category><![CDATA[AWS]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12206</guid>

					<description><![CDATA[AWSのDNSサービスである「Route 53」でレコードを作成するとき、ルーティングポリシーから応答方法を選びます。 ここでいつも混乱するのが、「位置情報ルー…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">AWSのDNSサービスである「Route 53」でレコードを作成するとき、ルーティングポリシーから応答方法を選びます。</p>



<p class="wp-block-paragraph">ここでいつも混乱するのが、「位置情報ルーティング」と「地理的近接性ルーティング」です。たまに見返すときにどっちがどっちか分からなくなってしまいます……</p>



<p class="wp-block-paragraph">今回はRoute 53のルーティングポリシー8種類をまとめつつ、位置情報と地理的近接性の違いについて自分なりに整理します。</p>



<h2 class="wp-block-heading">DNSとRoute 53の基本</h2>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1024x604.png" alt="" class="wp-image-12209" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://aws.amazon.com/jp/route53/" data-lkc-id="1083" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=aws.amazon.com" alt="" width="16" height="16" /></div><div class="lkc-domain">Amazon Web Services, Inc.</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Faws.amazon.com%2Fjp%2Froute53%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Amazon Route 53 – DNS サービス – AWS</div><div class="lkc-url" title="https://aws.amazon.com/jp/route53/">https://aws.amazon.com/jp/route53/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">「DNS（Domain Name System）」は、ドメイン名に対応するIPアドレスなどの情報を返す仕組みです。</p>



<p class="wp-block-paragraph">例えば当ブログ「Webrandum」のドメインは「webrandum.net」ですが、ブラウザが実際に接続するときはDNSから取得したIPアドレスを使います。</p>



<p class="wp-block-paragraph">DNSはよく「電話帳」に例えられます。</p>



<p class="wp-block-paragraph">実際に電話をかけるときは電話番号（数字の並び）を使いますが、それだけではパッと見で誰の番号か分かりません。<br>そこで、名前と電話番号を紐付けて電話帳に登録しておきます。</p>



<p class="wp-block-paragraph">DNS（電話帳）に「このドメイン（人の名前）のIPアドレス（電話番号）を教えて」と聞いて、返ってきたIPアドレスを使うイメージです。</p>



<p class="wp-block-paragraph">そのDNSの仕組みをAWS上で提供しているのがRoute 53です。<br>ドメインの登録やDNSレコードの管理に加えて、振り分け先が正常に動いているかを監視する「ヘルスチェック」もまとめて行えます。</p>



<p class="wp-block-paragraph">ちなみにRoute 53の読み方は「ルート フィフティースリー」ですが、日本だと「ルート ごーさん」と読む人も見かけます。</p>



<p class="wp-block-paragraph">また、名前の部分はアメリカの有名な国道「Route 66」にちなんだものだと言われていて、「53」という数字は、DNSが使用するポート番号の「53」が由来だそうです。</p>



<h2 class="wp-block-heading">ルーティングポリシーの基本</h2>



<p class="wp-block-paragraph">ルーティングポリシーは、Route 53がDNSクエリにどのレコードで応答するかを決める設定です。</p>



<p class="wp-block-paragraph">設定できるのは「このレコードにアクセスされたらここに返す」というシンプルなルールだけではありません。<br>「指定の比率で分けて返す」というA/Bテスト向けの設定や、「リソースが異常だったら別の場所に振り分ける」といったことも可能です。</p>



<p class="wp-block-paragraph">ポリシーごとの詳しい仕様は、公式ドキュメントの<a href="https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/routing-policy.html">ルーティングポリシーの選択</a>にまとまっています。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/routing-policy.html" data-lkc-id="1084" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=docs.aws.amazon.com" alt="" width="16" height="16" /></div><div class="lkc-domain">docs.aws.amazon.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fdocs.aws.amazon.com%2Fja_jp%2FRoute53%2Flatest%2FDeveloperGuide%2Frouting-policy.html?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">ルーティングポリシーの選択 - Amazon Route 53</div><div class="lkc-url" title="https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/routing-policy.html">https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/routing-policy.html</div></div><div class="clear"></div></div></a></div></div>



<h2 class="wp-block-heading">ルーティングポリシーの種類</h2>



<p class="wp-block-paragraph">2026年9月時点で、選べるルーティングポリシーは下記の8つです。</p>



<ol class="wp-block-list">
<li>シンプルルーティングポリシー</li>



<li>加重ルーティングポリシー</li>



<li>レイテンシールーティングポリシー</li>



<li>フェイルオーバールーティングポリシー</li>



<li>複数値回答ルーティングポリシー</li>



<li>位置情報ルーティングポリシー</li>



<li>地理的近接性ルーティングポリシー</li>



<li>IPベースのルーティングポリシー</li>
</ol>



<p class="wp-block-paragraph">振り分けの基準と主な用途をまとめると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>ポリシー</th><th>振り分けの基準</th><th>主な用途</th></tr></thead><tbody><tr><td>シンプル</td><td>振り分けない</td><td>単一のリソースに向ける</td></tr><tr><td>加重</td><td>指定した重みの比率</td><td>カナリアリリース、A/Bテスト</td></tr><tr><td>レイテンシー</td><td>ユーザーからの通信の速さ</td><td>マルチリージョン構成の応答速度を改善する</td></tr><tr><td>フェイルオーバー</td><td>リソースの正常性</td><td>アクティブ/パッシブ構成を作る</td></tr><tr><td>複数値回答</td><td>正常な複数のレコード</td><td>DNSレベルで可用性を高める</td></tr><tr><td>位置情報</td><td>ユーザーの場所</td><td>言語切り替え、地域別の配信制限</td></tr><tr><td>地理的近接性</td><td>ユーザーとリソースの距離</td><td>近いリソースへ振り分ける</td></tr><tr><td>IPベース</td><td>ユーザーのIPアドレス（CIDR）</td><td>ISP単位の最適化</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">シンプルルーティングポリシー</h3>



<p class="wp-block-paragraph">名前の通り、特別な振り分けを行わないルーティングです。<br>通常は1つのDNSレコードを1つのリソースに紐付けます。</p>



<p class="wp-block-paragraph">1つのレコードに複数のIPアドレスを書くこともできますが、その場合は書いたすべての値がまとめて返されます。</p>



<h3 class="wp-block-heading">加重ルーティングポリシー</h3>



<p class="wp-block-paragraph">レコードごとに0〜255の重みを設定し、その比率でDNSの応答を振り分けます。<br>新しいバージョンに少しだけトラフィックを流して様子を見る「カナリアリリース」やA/Bテストで使えるポリシーです。</p>



<p class="wp-block-paragraph">重みを0にするとそのレコードは応答から外れますが、ヘルスチェックを設定している場合は重みが0より大きいレコードがすべて異常になると、重み0のレコードが選ばれます。</p>



<p class="wp-block-paragraph">また、グループ内のすべてのレコードを0にすると、逆にすべてのリソースへ均等に振り分けられます。</p>



<h3 class="wp-block-heading">レイテンシールーティングポリシー</h3>



<p class="wp-block-paragraph">複数のAWSリージョンにリソースがあるとき、ユーザーから見て最もレイテンシーが低いリージョンへ振り分けます。</p>



<p class="wp-block-paragraph">しかし、AWSリージョン外のリソースを指定すると、同じ都市にあるサーバーでも実際のレイテンシーと大きくズレる可能性があります。</p>



<p class="wp-block-paragraph">また、レイテンシーのデータはネットワークの状態に応じて更新されるため、振り分け先は固定ではありません。</p>



<h3 class="wp-block-heading">フェイルオーバールーティングポリシー</h3>



<p class="wp-block-paragraph">「プライマリ」と「セカンダリ」のレコードを用意し、プライマリのヘルスチェックが異常になったときだけセカンダリを返すポリシーです。</p>



<p class="wp-block-paragraph">AWSの<a href="https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/dns-failover-types.html">ドキュメント</a>では、プライマリにWebサーバー、セカンダリにS3の静的ウェブサイトを置く人もいると紹介されています。S3側には「一時的に使用できません」とだけ表示させておく構成です。</p>



<h3 class="wp-block-heading">複数値回答ルーティングポリシー</h3>



<p class="wp-block-paragraph">1回のDNSクエリに対して、最大8件の正常なレコードをまとめて返すポリシーです。<br>レコードごとにヘルスチェックを紐付けられるため、異常なサーバーのIPアドレスを応答から除外できます。</p>



<p class="wp-block-paragraph">正常なレコードが8件以下なら、そのすべてを返します。<br>9件以上ある場合は最大8件が選ばれるため、返される組み合わせは一定ではありません。</p>



<p class="wp-block-paragraph">シンプルルーティングで複数の値を書く方法と似ていますが、レコードごとに正常性を確認できる点が大きな違いです。</p>



<p class="wp-block-paragraph">しかし、AWSの<a href="https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/routing-policy-multivalue.html">ドキュメント</a>でも「ロードバランサーに代わるものではありません」と説明されています。<br>DNSのキャッシュが挟まるため、細かい負荷分散や即時の切り替えには向いていません。</p>



<h3 class="wp-block-heading">位置情報ルーティングポリシー</h3>



<p class="wp-block-paragraph">DNSクエリの発信元（ユーザーの場所）を基準に振り分けるポリシーです。<br>なお、指定できるのは大陸・国・米国の州の3段階です。</p>



<p class="wp-block-paragraph">範囲が重なるレコードを作った場合は、狭い地域のレコードが優先されます。<br>例えば「北米向け（大陸）」と「カナダ向け（国）」のレコードを作ると、カナダからのクエリではカナダ向け（国）のレコードが優先される仕組みです。</p>



<p class="wp-block-paragraph">用途としては、アクセス元の国に応じて言語を切り替える、配信できる権利がある地域だけにコンテンツを出すといったものがあります。</p>



<p class="wp-block-paragraph">どのレコードにも当てはまらない場所からのクエリに備えて、「デフォルト」のレコードを作っておくことが推奨されています（デフォルトが無いと、レコードを作っていない場所からのクエリには何も応答が返りません）。</p>



<h3 class="wp-block-heading">地理的近接性ルーティングポリシー</h3>



<p class="wp-block-paragraph">ユーザーと各リソースの場所を比較し、地理的に一番近いリソースへ振り分けるポリシーです。</p>



<p class="wp-block-paragraph">AWSのリソースであればAWSリージョンまたはLocal Zoneグループを指定し、AWS外のリソースであれば緯度経度を指定します。自社データセンターなど、AWS外のサーバーも振り分け先に含められるのが特徴です。</p>



<p class="wp-block-paragraph">このポリシーでは、リソースごとに-99〜99の「bias（バイアス）」という範囲調整用の数値を設定できます。<br>正の値にするとそのリソースが受け持つ地域が広がり、負の値にすると狭くなります。</p>



<p class="wp-block-paragraph">Route 53がbiasを反映するときの計算式（biasが正の値の場合）は下記の通りです。</p>



<pre class="wp-block-code"><code>バイアス適用後の距離 = 実際の距離 * &#091;1 - (bias / 100)]</code></pre>



<p class="wp-block-paragraph">ちなみに負の値を設定すると下記の計算式になります。</p>



<pre class="wp-block-code"><code>バイアス適用後の距離 = 実際の距離 / &#091;1 + (bias / 100)]</code></pre>



<p class="wp-block-paragraph">例えばユーザーから見て、WebサーバーAが150km、WebサーバーBが100kmの位置にある場合、そのままなら距離が近いBに振り分けられます。<br>しかし、Aにbias +50を設定すると75kmとして扱われるため、Aの方が近いという判定になります。</p>



<h3 class="wp-block-heading">IPベースのルーティングポリシー</h3>



<p class="wp-block-paragraph">ユーザーのIPアドレスが、どのCIDRブロック（IPアドレスの範囲）に含まれるかを基準に振り分けます。<br>IPアドレスとリソースの対応表を自分でRoute 53へ登録して使うポリシーです。</p>



<p class="wp-block-paragraph">特定のISPからのユーザーを特定のリソースへ寄せて通信コストを下げる、位置情報ルーティングの判定を上書きするといった使い方が想定されています。</p>



<h2 class="wp-block-heading">位置情報と地理的近接性の違い</h2>



<p class="wp-block-paragraph">さて、位置情報ルーティングポリシーと地理的近接性ルーティングポリシーは、どちらもパッと見ではユーザーの場所を基準にしているように見えてしまいます。</p>



<p class="wp-block-paragraph">大きな違いは、位置情報がユーザーの場所だけを見るのに対して、地理的近接性はユーザーとリソースの距離を見ている点です。</p>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>位置情報</th><th>地理的近接性</th></tr></thead><tbody><tr><td>基準にする場所</td><td>ユーザーの場所</td><td>ユーザーとリソースの場所</td></tr><tr><td>レコードに指定するもの</td><td>大陸・国・米国の州</td><td>リソースの場所（リージョン・Local Zoneグループ・緯度経度）</td></tr><tr><td>振り分け先</td><td>指定した地域に紐付けたリソース</td><td>距離が一番近いリソース</td></tr><tr><td>範囲の調整</td><td>地域の単位で固定</td><td>biasで拡大・縮小できる</td></tr><tr><td>デフォルトレコード</td><td>未定義の地域を受けるために推奨</td><td>不要</td></tr><tr><td>正常性を評価する場合</td><td>より広い地域の正常なレコードを探す</td><td>他の正常なリソースを探す</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">例えば、日本のユーザーには東京リージョンの日本語サイトを、それ以外の国にはバージニア北部リージョンの英語サイトを見せたいケースを考えます。</p>



<p class="wp-block-paragraph">位置情報ルーティングポリシーなら、「日本 → 東京リージョン」「デフォルト → バージニア北部リージョン」の設定をして実現できます。</p>



<p class="wp-block-paragraph">それに対して、地理的近接性ルーティングポリシーだとそうはいきません。<br>仮にオーストラリアからアクセスがあった場合、北米より日本の方が近いため、東京リージョンの日本語サイトが表示されてしまいます。</p>



<p class="wp-block-paragraph">このように、国などの位置情報だけで決めたいのか、リソースとの距離で決めたいのかでどちらを使うのかが変わってきます。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">位置情報ルーティングと地理的近接性ルーティングは、どちらも位置情報を使いそうな名前なので久しぶりに見たりすると混乱してしまいます。</p>



<p class="wp-block-paragraph">ただ、「位置情報」だけの点で判断したいのか、「近接性（距離）」という線で判断したいのかで覚えておくと間違いもなさそうです。</p>



<p class="wp-block-paragraph">それ以外のほとんどのルーティングポリシーは名前で何ができるのか何となく分かるので、そこまで難しくはないかなと思いますし、調べれば済みます。</p>



<p class="wp-block-paragraph">しかし、何ができるか知らない状態だと、Route 53側だけで完結する内容をわざわざアプリケーション側で作り込んでしまいます。</p>



<p class="wp-block-paragraph">すべての細かい仕様を覚える必要はありませんが、どんなことができるかだけでも頭に入れておくと、役に立つ場面が来るかもしれません。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>クリップボード履歴を管理しよう！</title>
		<link>https://webrandum.net/clipboard-history/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 27 Aug 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[Pastebot]]></category>
		<category><![CDATA[Clipy]]></category>
		<category><![CDATA[Maccy]]></category>
		<category><![CDATA[Raycast]]></category>
		<category><![CDATA[Paste]]></category>
		<category><![CDATA[Alfred]]></category>
		<category><![CDATA[Spotlight]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12186</guid>

					<description><![CDATA[PC作業をしていると、毎日当たり前のように使うコピー&#38;ペースト。 「さっきコピーしたURLをもう一度貼りたい」「コピーした値を貼る前にうっかり別のものを…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">PC作業をしていると、毎日当たり前のように使うコピー&amp;ペースト。</p>



<p class="wp-block-paragraph">「さっきコピーしたURLをもう一度貼りたい」「コピーした値を貼る前にうっかり別のものをコピーしてしまった……」といった場面で、元の画面まで戻って再度コピーしている人も多いのでは無いでしょうか。</p>



<p class="wp-block-paragraph">そこで導入したいのがクリップボード履歴の管理です。<br>コピーしたものを溜めておいて、あとから一覧で選んで貼れるのでコピペの行ったり来たりが無くなります。</p>



<p class="wp-block-paragraph">最近は専用アプリを入れなくても、macOS標準の機能でも使えるようになりました。</p>



<p class="wp-block-paragraph">今回はそんなクリップボード履歴の管理方法についてまとめます。</p>



<p class="wp-block-paragraph">ちなみに、私の場合はAlfredをメインで使いつつ、PasteというアプリのPaste Stack機能を併用している状態です。<br>その状態に至った理由についても順を追って紹介します。</p>



<h2 class="wp-block-heading">クリップボード履歴の管理アプリ</h2>



<p class="wp-block-paragraph">クリップボード履歴の管理アプリとは、コピー操作を監視しておいて、その内容をどんどん履歴として記録していく仕組みをもったアプリのことです。</p>



<p class="wp-block-paragraph">呼び出しはショートカットキーが基本で、専用のウインドウが開いて過去にコピーしたものが新しい順に並ぶので、そこから選ぶとペーストされます。</p>



<p class="wp-block-paragraph">記録されるのはテキストだけではありません。<br>多くのアプリは画像やファイル、URLも履歴として扱えます。</p>



<p class="wp-block-paragraph">今までmacOSの標準機能だけで実現できないのが不思議なくらい基本的な機能でしたが、macOS 26のTahoeでようやく標準搭載されました。</p>



<h2 class="wp-block-heading">ランチャーアプリでの管理</h2>



<p class="wp-block-paragraph">クリップボード履歴の管理と非常に相性が良いのがランチャーアプリです。</p>



<p class="wp-block-paragraph">過去にコピーしたテキストの内容を何となく覚えていれば、検索して絞り込んで呼び出すことができます。<br>直近のコピー履歴は絞り込まなくても上の方に表示されるため、そこから選択すればいいですし、コピーは1日に何回も行うため、あっという間に埋もれてしまいます。</p>



<p class="wp-block-paragraph">検索機能は必須だと考えて良いですし、その前提だと文字入力による操作に特化したランチャーアプリは相性が良いです。</p>



<p class="wp-block-paragraph">また、macOS標準のクリップボード履歴管理を使う場合はSpotlightを使うことになります。</p>



<p class="wp-block-paragraph">ただ、Spotlightは他のランチャーアプリに比べると動作が重く、個人的にはAlfredかRaycastをオススメします。<br>私の場合はAlfredを使っていますが、Alfredのクリップボード履歴機能は有料プランじゃないと使えないため、無料がいい人はRaycastを使うようにしましょう。</p>



<p class="wp-block-paragraph">この辺りのランチャーアプリの比較は過去記事の『<a href="https://webrandum.net/mac-command-palette/">macOSのコマンドパレット比較！SpotlightとAlfred、Raycastどれを使えばいい？</a>』にまとめています。</p>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/mac-command-palette" data-lkc-id="1035"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2025/12/eyecatch.png" width="100px" height="108px" alt="" /></figure><div class="lkc-title">macOSのコマンドパレット比較！SpotlightとAlfred、Raycastどれを使えばいい？</div><div class="lkc-url" title="https://webrandum.net/mac-command-palette">https://webrandum.net/mac-command-palette</div></div><div class="clear"></div></div></a></div></div>



<h3 class="wp-block-heading">Spotlight</h3>



<p class="wp-block-paragraph">macOS 26 Tahoeから、Spotlightにクリップボード履歴が入りました。<br>ついに、追加のアプリを入れずにOS標準機能として使えるようになりました。</p>



<p class="wp-block-paragraph">ただし、デフォルトではオフになっています。<br>［システム設定］→［Spotlight］で［クリップボードからの結果］をオンにすると使えるようになります。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="892" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1-2-1024x892.png" alt="" class="wp-image-12192" style="width:759px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1-2-1024x892.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1-2-300x261.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1-2.png 1518w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">使いたい人はこの設定をオンにしておきましょう。</p>



<p class="wp-block-paragraph">呼び出し方は、<kbd>command</kbd> + <kbd>space</kbd>（デフォルトの場合）でSpotlightを開いたあとに<kbd>command</kbd> + <kbd>4</kbd>を押します。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="882" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2-2-1024x882.png" alt="" class="wp-image-12193" style="width:677px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2-2-1024x882.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2-2-300x258.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2-2.png 1354w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Spotlight上部に並ぶアイコンからクリップボードを選んでも同じように切り替えられます。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="139" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3-2-1024x139.png" alt="" class="wp-image-12194" style="width:677px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3-2-1024x139.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3-2-300x41.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3-2.png 1353w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">保存期間はデフォルトで8時間です。<br>macOS 26.1からは［システム設定］→［Spotlight］の下の方にあるクリップボードの項目で、30分・8時間・7日の3つから選べるようになりました。</p>



<p class="wp-block-paragraph">クリップボード履歴を使っていると「昨日コピーしたあのテキストを呼び出したい」といったケースも出てくると思います。<br>8時間は短すぎるので、7日に変更しておくのがオススメです（8時間のままだと、昨日どころか朝コピーしたものが夕方には消えている可能性があります）。</p>



<h3 class="wp-block-heading">Alfred</h3>



<p class="wp-block-paragraph"><a href="https://www.alfredapp.com/">Alfred</a>のクリップボード履歴は、Powerpack（有料版）の機能です。<br>無料版では使えないので注意が必要です。</p>



<p class="wp-block-paragraph">設定はAlfredの環境設定の［Features］→［Clipboard History］からできます。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="630" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_4-2-1024x630.png" alt="" class="wp-image-12196" style="width:1319px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_4-2-1024x630.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_4-2-300x185.png 300w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">保存期間は24時間・7日・1ヶ月・3ヶ月から選べて、テキスト・画像・ファイルごとに指定できます。</p>



<p class="wp-block-paragraph">さらにAlfred特有の機能が「マージ機能」です。<br>設定で［Merging］を有効にしたうえで<kbd>command</kbd>を押したまま<kbd>C</kbd>を2回押すと、コピーした内容が直前のクリップボードの末尾に追記されていきます。</p>



<p class="wp-block-paragraph">複数箇所から文章を拾って一気に貼りたいときに使える機能です。</p>



<p class="wp-block-paragraph">クリップボード履歴には専用の呼び出しショートカットキーが設定できて、私の場合は<kbd>修飾キー全押し</kbd> + <kbd>C</kbd>にしています。<kbd>caps lock</kbd>を押すと修飾キーが全押しになるので、正確には<kbd>caps lock</kbd> + <kbd>C</kbd>で起動します。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="780" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6-2-1024x780.png" alt="" class="wp-image-12197" style="width:595px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6-2-1024x780.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6-2-300x228.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6-2.png 1190w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">修飾キーの全押しは、他のアプリのショートカットキーと被る可能性が低いので、このショートカットキーにしています。</p>



<p class="wp-block-paragraph">ちなみにスニペットの表示は<kbd>caps lock</kbd> + <kbd>V</kbd>にしています。<br>コピーした履歴を見る（あとClipboardの頭文字）のでクリップボード履歴は「C」にしているのと、スニペットはペーストが主軸なので「V」にしているわけです。</p>



<p class="wp-block-paragraph">また、クリップボード履歴の一覧で項目を選択している状態で<kbd>command</kbd> + <kbd>S</kbd>を押すと、履歴の内容をスニペットとして簡単に登録できます。<br>「このテキスト、何回も履歴から呼んでペーストしているな……」と思ったら、その場でスニペット化できるので便利です。</p>



<h3 class="wp-block-heading">Raycast</h3>



<p class="wp-block-paragraph"><a href="https://www.raycast.com/">Raycast</a>のクリップボード履歴機能は無料の範囲で使えます。<br>書式を保ったまま記録してくれるので、貼り付け先で見た目を維持したい場合に向いています。</p>



<p class="wp-block-paragraph">Alfredの場合はプレーンテキストになるので、スタイルを維持したい場合は私もRaycastを使うことがあります。</p>



<p class="wp-block-paragraph">設定はRaycast Settingsの［Extensions］内にある［Clipboard History］で行います。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="677" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_5-2-1024x677.png" alt="" class="wp-image-12198" style="width:1037px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_5-2-1024x677.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_5-2-300x198.png 300w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">種類での絞り込みや、よく使う項目のピン留め（<kbd>command</kbd> + <kbd>.</kbd>）にも対応しています。<br>画像から文字を読み取る機能もあり、スクリーンショットからテキストを拾いたいときに便利です。</p>



<p class="wp-block-paragraph">保存期間は無料版だと1日・1週間・1ヶ月・3ヶ月から選べ、Pro（有料）なら6ヶ月・1年・無制限まで延ばせます。</p>



<p class="wp-block-paragraph">パスワード管理アプリなど、履歴に残したくないアプリは「Disabled Applications」で除外できます。パスワード.appとキーチェーンアクセスは最初から入っています。</p>



<p class="wp-block-paragraph">Raycast全体の設定については、過去記事の『無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定』にまとめているので、Raycastが気になった方はそちらもご覧ください。</p>



<h2 class="wp-block-heading">クリップボード履歴専用アプリ</h2>



<p class="wp-block-paragraph">ランチャーアプリ以外にも、クリップボード履歴に特化した専用アプリを使う選択肢もあります。</p>



<p class="wp-block-paragraph">個人的にはランチャーアプリを使う方が良いと思っていますが、人によってはメニューバーから開きたかったり、ランチャーがどうも慣れないという人もいるので、検討してみるのもありだと思います。</p>



<h3 class="wp-block-heading">Maccy</h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_7-1-1024x604.png" alt="" class="wp-image-12199" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_7-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_7-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_7-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://maccy.app" data-lkc-id="1079" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=maccy.app" alt="" width="16" height="16" /></div><div class="lkc-domain">maccy.app</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fmaccy.app?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Maccy - macOS clipboard manager</div><div class="lkc-url" title="https://maccy.app">https://maccy.app</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Maccyは無料で使えるオープンソース（MITライセンス）のクリップボード履歴アプリです。<br>使い勝手はランチャーアプリに近くて機能を絞っているのが特徴で、ショートカットキーで履歴を開き、絞り込んで選んで貼るだけです。</p>



<p class="wp-block-paragraph">画像やファイルも扱えますが、カテゴリ分けやスニペット機能のような発展的な機能はありません。</p>



<p class="wp-block-paragraph">App Store版は$9.99（約1,600円）ですが、これは開発者への支援という位置付けで、GitHubやHomebrewからインストールする場合は無料で、機能差もありません。</p>



<p class="wp-block-paragraph">ローカルにしか保存せず、外部に送信しないことを明言しているのも安心できるポイントです。</p>



<h3 class="wp-block-heading">Clipy</h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_8-1-1024x604.png" alt="" class="wp-image-12200" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_8-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_8-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_8-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://clipy-app.com" data-lkc-id="1080" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=clipy-app.com" alt="" width="16" height="16" /></div><div class="lkc-domain">clipy-app.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/05cdbbdab9780af0e4ef1988369c96bd26cbaa73b26d5f109fc7b05feb9c1c38.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Clipy - Clipboard extension app for macOS</div><div class="lkc-url" title="https://clipy-app.com">https://clipy-app.com</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Clipyも無料で使えるオープンソース（MITライセンス）のクリップボードアプリです。<br>日本製で、古くから定番として使われてきました。</p>



<p class="wp-block-paragraph">長らく更新が止まっていたのですが、2026年6月に約8年ぶりのアップデートとなるv1.3.0がリリースされました。<br>Apple Siliconにネイティブ対応し、内部のデータベースもRealmからSQLiteに移行しています（動作要件はmacOS 13 Ventura以降）。</p>



<p class="wp-block-paragraph">履歴の管理だけでなく、定型文を登録しておくスニペット機能も持っています。<br>ショートカットキーを押すとメニューが出てきて、そこから選ぶという昔ながらのインターフェースです。</p>



<p class="wp-block-paragraph">無料でここまでできるので、Maccyと同じく「とりあえず履歴が残ってくれればいい」という人には十分だと思います。</p>



<h3 class="wp-block-heading">Paste</h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_9-1-1024x604.png" alt="" class="wp-image-12201" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_9-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_9-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_9-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://pasteapp.io/" data-lkc-id="896" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=pasteapp.io" alt="" width="16" height="16" /></div><div class="lkc-domain">pasteapp.io</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/b0cb7febe18a0ab4d3b548609f35ed80359958f378b9224f2d0daefb79ec54af.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">The smart way to copy and paste on Mac, iPhone, and iPad</div><div class="lkc-url" title="https://pasteapp.io/">https://pasteapp.io</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Pasteは、クリップボード履歴を専用アプリとしてしっかり作り込んだアプリです。<br>コピーした内容がカード状に横並びで表示されるのが特徴です。</p>



<p class="wp-block-paragraph">料金は年額$29.99（約4,800円）で、月額換算すると$2.49です。買い切りのライフタイムは$89.99（約14,300円）で、どちらもMac版とiOS版の両方が含まれます。</p>



<p class="wp-block-paragraph">有料アプリが使い放題になるサブスクサービスの<a href="https://webrandum.net/setapp/">Setapp</a>にも入っているので、Setappを契約している人は追加費用なしで使えます。</p>



<p class="wp-block-paragraph">Mac・iPhone・iPadで履歴を同期できるので、MacでコピーしたものをそのままiPhoneで貼れるのも特徴です。</p>



<p class="wp-block-paragraph">あとは後述するPaste Stackという機能が非常に便利で、その機能を使うためだけに私はPasteをインストールしています。</p>



<p class="wp-block-paragraph">正直、クリップボード履歴機能自体に関しては、カード状に並べる必要はないと思っていますし、ランチャーアプリの方が使いやすいと思っています。</p>



<p class="wp-block-paragraph">Pasteについては過去記事の『<a href="https://webrandum.net/paste/">クリップボード履歴を複数一括でペーストしたり、コピーした順にペーストするアプリ「Paste」</a>』で紹介しているので、もっと詳しく知りたい方はそちらの記事もご覧ください。</p>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/paste" data-lkc-id="1082"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/04/eyecatch-25.png" width="100px" height="108px" alt="" /></figure><div class="lkc-title">クリップボード履歴を複数一括でペーストしたり、コピーした順にペーストするアプ...</div><div class="lkc-url" title="https://webrandum.net/paste">https://webrandum.net/paste</div></div><div class="clear"></div></div></a></div></div>



<h3 class="wp-block-heading">Pastebot</h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="604" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_10-1-1024x604.png" alt="" class="wp-image-12202" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_10-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_10-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/08/image_10-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://tapbots.com/pastebot/" data-lkc-id="1081" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=tapbots.com" alt="" width="16" height="16" /></div><div class="lkc-domain">Pastebot 3</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/7b4637ccdfd9dcf322fff6e6908eb7d7181db377ec05fd1fde36a71f6839c801.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Pastebot 3 for Mac</div><div class="lkc-url" title="https://tapbots.com/pastebot/">https://tapbots.com/pastebot/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">PastebotはTapbotsが開発しているクリップボードアプリで、2026年7月に約10年ぶりのメジャーアップデートとなるPastebot 3がリリースされました。</p>



<p class="wp-block-paragraph">コピーした内容を条件によって自動的に振り分ける「ルール」機能と、貼り付けるときにテキストを加工する「フィルター」機能が特徴です。</p>



<p class="wp-block-paragraph">例えば「URLをコピーしたら特定のリストに入れる」「貼り付けるときに全角スペースを半角に置換する」といった処理をまとめてかけられます。</p>



<p class="wp-block-paragraph">公式サイトからの直販は$39（約6,200円）で1年分のアップデートが含まれ、そのあとは$19（約3,000円）を払えばさらに1年分のアップデートを受け取れます。払わなくても、最後に支払ったバージョンはそのまま使い続けられます。</p>



<p class="wp-block-paragraph">App Store版はサブスクリプションで、月額$2.99または年額$24.99（約4,000円）です。どちらも14日間の試用期間があります。</p>



<h2 class="wp-block-heading">Paste Stackの活用</h2>



<p class="wp-block-paragraph">PasteにはPaste Stackという機能があり、起動している間のコピーがどんどんスタックされていきます。<br>そしてペーストするときに、スタックした順番にペーストできます。</p>



<p class="wp-block-paragraph">この「コピーした順に貼れる」というのが想像以上に便利です。</p>



<p class="wp-block-paragraph">表から複数の値を拾って別のフォームに転記する、複数のファイルパスを順番に貼るといった作業が、ウインドウを行き来せずに済みます。</p>



<p class="wp-block-paragraph">普通のクリップボード履歴でも同じことはできますが、貼るたびに履歴を開いて目的の項目を探す必要があります。<br>Paste Stackなら、コピーを全部済ませてから、あとはペーストのショートカットキー（<kbd>command</kbd> + <kbd>V</kbd>）を押して回るだけです。</p>



<p class="wp-block-paragraph">転記作業が多い人なら、この機能だけでもPasteを入れる価値があります。</p>



<p class="wp-block-paragraph">私の場合は普段Alfredでクリップボード履歴を管理していますが、この機能を使うためだけにPasteも併用しています。<br>また、ショートカットキーは<kbd>control</kbd> + <kbd>option</kbd> + <kbd>command</kbd> + <kbd>C</kbd>に割り当てて、すぐ起動できるようにしています。</p>



<p class="wp-block-paragraph">さらに便利な活用方法として、Keyboard Maestroと組み合わせてテキストを一行ごとに分割し、Paste Stackに入れるマクロを作成しています。</p>



<figure class="wp-block-embed is-type-rich is-provider-x wp-block-embed-x"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">クリップボードのテキストを一行ごとに分割してPaste Stackに入れるKeyboard Maestroマクロ。<br><br>普段のクリップボード履歴はAlfredを使っていますが、コピーした順にペーストしたいときはPasteというクリップボード履歴アプリのPaste Stack機能を使っています。<br><br>Paste Stackに入れたら、command +… <a href="https://t.co/bTNcoVGfAh">pic.twitter.com/bTNcoVGfAh</a></p>&mdash; サイトウ マサカズ｜Webrandum (@31mskz10) <a href="https://x.com/31mskz10/status/2006438373603553517?ref_src=twsrc%5Etfw">December 31, 2025</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p class="wp-block-paragraph">一気にコピーして、順番にペーストするのは日常でもよく使うので、Paste Stackを活用できるとかなりラクになります。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">クリップボード履歴は、一度入れると無いMacが使いづらくて仕方なくなるレベルの必須機能です。<br>導入コストに対して、日々の細かいストレスが減る量が大きいと思います。</p>



<p class="wp-block-paragraph">まだ使っていない人は、macOS 26でSpotlightに標準搭載されたので、まずはそれを使ってみて、保存期間や速度に不満が出たらランチャーアプリや専用アプリを検討するのが良いでしょう。</p>



<p class="wp-block-paragraph">すでにAlfredやRaycastを使っているなら、クリップボード履歴機能にショートカットキーを割り当て、積極的に使っていくようにしましょう。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>リンクを開くときにブラウザやプロファイルを選択して開けるようになる「OpenIn」</title>
		<link>https://webrandum.net/openin/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[OpenIn]]></category>
		<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[Macアプリ]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12162</guid>

					<description><![CDATA[当たり前の話ですが、リンクをクリックすると「既定のブラウザ」に設定しているブラウザでリンクが開きます。 基本的にはそれで問題ないのですが、プロファイルを複数使い…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">当たり前の話ですが、リンクをクリックすると「既定のブラウザ」に設定しているブラウザでリンクが開きます。</p>



<p class="wp-block-paragraph">基本的にはそれで問題ないのですが、プロファイルを複数使い分けていたり、用途に応じてブラウザを使い分けている場合、意図していないブラウザやプロファイルで開かれると面倒です。</p>



<p class="wp-block-paragraph">そこで活用したいのが「OpenIn（オープンイン）」です。<br>リンクを開く瞬間に「どのアプリで開くか」を差し込めるリンクハンドラで、ブラウザだけでなくメールリンクや電話リンク、ファイルの開き先までまとめてコントロールできます。</p>



<p class="wp-block-paragraph">今回はそんなOpenInについて紹介します。</p>



<h2 class="wp-block-heading">OpenIn</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1440" height="850" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1-1.png" alt="" class="wp-image-12165" style="width:720px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://loshadki.app/openin4/" data-lkc-id="1074" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=loshadki.app" alt="" width="16" height="16" /></div><div class="lkc-domain">loshadki.app</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Floshadki.app%2Fopenin4%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">OpenIn | Loshadki Apps</div><div class="lkc-url" title="https://loshadki.app/openin4/">https://loshadki.app/openin4/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">OpenInは、Loshadki LLCが開発しているmacOS用のリンクハンドラです。<br>URL・メールリンク（mailto）・電話リンク（tel）・ファイルを開くときに、どのブラウザ・アプリで開くかを選択して開いてくれます。</p>



<p class="wp-block-paragraph">仕組みはシンプルで、OpenIn自体を「デフォルトのブラウザ」としてmacOSに登録します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1400" height="880" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2-1.png" alt="" class="wp-image-12166" style="width:700px"/></figure>



<p class="wp-block-paragraph">そうすることで、リンクを開く操作がすべてOpenInを経由するようになり、そこからルールに従って目的のアプリへ振り分けたり、その場でアプリを選んだりできるようになります。</p>



<h3 class="wp-block-heading">購入方法</h3>



<p class="wp-block-paragraph">購入方法は3つあり、それぞれ料金と制限に違いがあります。<br>主な違いをまとめると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">入手方法</th><th class="has-text-align-left" data-align="left">料金</th><th class="has-text-align-left" data-align="left">特徴</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left"><a href="https://apps.apple.com/us/app/openin-4-advanced-link-handler/id1643649331">Mac App Store</a></td><td class="has-text-align-left" data-align="left">¥2,000の買い切り</td><td class="has-text-align-left" data-align="left">サンドボックスあり。一部機能で「OpenIn Helper」が必要</td></tr><tr><td class="has-text-align-left" data-align="left">公式サイトから直接購入</td><td class="has-text-align-left" data-align="left">$11.99の買い切り</td><td class="has-text-align-left" data-align="left">サンドボックスなしで全機能が使える（無料トライアルが可能）</td></tr><tr><td class="has-text-align-left" data-align="left"><a href="https://setapp.com/apps/openin">Setapp</a></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left">サンドボックスなしで全機能が使える</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">有料アプリが使い放題になるサブスクサービスの<a href="https://webrandum.net/setapp/">Setapp</a>にも登録されています。</p>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg" width="100px" height="108px" alt="" /></figure><div class="lkc-title">220以上の有料Macアプリが使えるサブスクサービス「Setapp」</div><div class="lkc-url" title="https://webrandum.net/setapp">https://webrandum.net/setapp</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">注意点として、ライセンスは入手方法をまたいで移行できません（Mac App Storeで買ったものをあとからSetapp版に引き継ぐ、といったことはできない）。<br>そのため、最初にどこで購入するかを決めておいた方が良さそうです。</p>



<p class="wp-block-paragraph">私の場合はSetappに加入しているので、追加費用なしで使えました。</p>



<h3 class="wp-block-heading">類似ツールとの比較</h3>



<p class="wp-block-paragraph">リンクの振り分けを行うツールはOpenInだけではありません。<br>主なものをまとめると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">OpenIn</th><th class="has-text-align-left" data-align="left"><a href="https://sindresorhus.com/velja">Velja</a></th><th class="has-text-align-left" data-align="left"><a href="https://choosy.app/">Choosy</a></th><th class="has-text-align-left" data-align="left"><a href="https://github.com/johnste/finicky">Finicky</a></th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">料金</td><td class="has-text-align-left" data-align="left">$11.99（買い切り）</td><td class="has-text-align-left" data-align="left">$8（買い切り）</td><td class="has-text-align-left" data-align="left">$10（買い切り）</td><td class="has-text-align-left" data-align="left">無料（オープンソース）</td></tr><tr><td class="has-text-align-left" data-align="left">入手方法</td><td class="has-text-align-left" data-align="left">Mac App Store / 公式サイト / Setapp</td><td class="has-text-align-left" data-align="left">Mac App Storeのみ</td><td class="has-text-align-left" data-align="left">公式サイト / Homebrew</td><td class="has-text-align-left" data-align="left">GitHub / Homebrew</td></tr><tr><td class="has-text-align-left" data-align="left">設定方法</td><td class="has-text-align-left" data-align="left">GUI</td><td class="has-text-align-left" data-align="left">GUI</td><td class="has-text-align-left" data-align="left">GUI</td><td class="has-text-align-left" data-align="left">設定ファイル（JavaScript / TypeScript）</td></tr><tr><td class="has-text-align-left" data-align="left">アプリ選択ウィンドウ</td><td class="has-text-align-left" data-align="left">あり</td><td class="has-text-align-left" data-align="left">あり</td><td class="has-text-align-left" data-align="left">あり</td><td class="has-text-align-left" data-align="left">なし（ルールによる自動振り分けのみ）</td></tr><tr><td class="has-text-align-left" data-align="left">扱えるリンクの種類</td><td class="has-text-align-left" data-align="left">URL / mailto / tel / ファイル</td><td class="has-text-align-left" data-align="left">URL中心</td><td class="has-text-align-left" data-align="left">URL中心</td><td class="has-text-align-left" data-align="left">URL</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">mailtoやtel、ファイルの開き先までまとめて管理できるのはOpenInです。Choosyは$10（約1,500円）の買い切りで、ターミナルやAppleScriptから叩けるURL形式のAPIを持っているのが特徴です。</p>



<p class="wp-block-paragraph">設定をコードで管理したい人にはFinickyという選択肢もあります。<br>MITライセンスのオープンソースで、<code>~/.finicky.js</code>にJavaScriptまたはTypeScriptでルールを書く形式です。</p>



<h2 class="wp-block-heading">基本的な使い方</h2>



<p class="wp-block-paragraph">OpenInを使うには、まずOpenInをデフォルトのブラウザに設定します。<br>アプリを起動して案内に従い、macOSの設定でデフォルトのWebブラウザをOpenInに変更します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1518" height="1322" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3-1.png" alt="" class="wp-image-12167" style="width:759px"/></figure>



<p class="wp-block-paragraph">これでブラウザ以外のアプリからリンクを開く操作が、OpenInを経由するようになります。</p>



<p class="wp-block-paragraph">設定が終わったら、適当なリンクをクリックしてみます。<br>するとアプリ選択ウインドウが表示され、インストール済みのブラウザやアプリが一覧で並びます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="654" height="460" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_4-1.png" alt="" class="wp-image-12168" style="width:327px"/></figure>



<p class="wp-block-paragraph">あとは開きたいブラウザ・プロファイルを選ぶだけです。<br>毎回マウスで選ぶのは面倒なので、各項目の右側に表示されている数字キーを押して開くこともできます。</p>



<p class="wp-block-paragraph">もちろん、この一覧に表示されるブラウザやプロファイルを設定したり、開くたびに選ぶのではなく「このドメインは必ずこのブラウザ」といったルールを決めて自動で振り分けることもできます。</p>



<h2 class="wp-block-heading">ブラウザ拡張機能の活用</h2>



<p class="wp-block-paragraph">1点注意しないといけないのが、ブラウザの中で踏んだリンクはOpenInを経由しないという点です。</p>



<p class="wp-block-paragraph">OpenInが呼ばれるのは、あくまで「他のアプリからブラウザが開かれるとき」です。<br>Google Chromeで開いているウェブページ内のリンクをクリックしても、そのままGoogle Chromeの中で開きます。</p>



<p class="wp-block-paragraph">しかし、現在開いているのとは別のブラウザでリンクを開きたい場合があります。</p>



<p class="wp-block-paragraph">そこで用意されているのがブラウザ拡張機能です。<br>Safari用は本体に内蔵されていて、<a href="https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel">Google Chrome用</a>と<a href="https://addons.mozilla.org/ja/firefox/addon/openin/">Firefox用</a>はそれぞれのストアで配布されています。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel" data-lkc-id="1075" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=chromewebstore.google.com" alt="" width="16" height="16" /></div><div class="lkc-domain">chromewebstore.google.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/9cbaba51268fe2aa2718750515ed5e80243a1d9a87b1da23bf41d208091f5e27.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">OpenIn - Chrome Web Store</div><div class="lkc-url" title="https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel">https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel</div></div><div class="clear"></div></div></a></div></div>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://addons.mozilla.org/ja/firefox/addon/openin/" data-lkc-id="1076" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=addons.mozilla.org" alt="" width="16" height="16" /></div><div class="lkc-domain">addons.mozilla.org</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Faddons.mozilla.org%2Fja%2Ffirefox%2Faddon%2Fopenin%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">OpenIn – 🦊 Firefox (ja) 向け拡張機能を入手</div><div class="lkc-url" title="https://addons.mozilla.org/ja/firefox/addon/openin/">https://addons.mozilla.org/ja/firefox/addon/openin/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">拡張機能を入れると、リンクの右クリックメニューから［OpenInに送る（Open in OpenIn）］ができるようになります。</p>



<p class="wp-block-paragraph">ブラウザ間でリンクを渡したい場面に便利です。</p>



<h2 class="wp-block-heading">環境設定</h2>



<p class="wp-block-paragraph">ここからはOpenInの環境設定をまとめます。</p>



<h3 class="wp-block-heading">General</h3>



<p class="wp-block-paragraph">OpenIn全体の動作に関わる基本的な設定です。<br>主な項目は下記の通りです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_5-1.png" alt="" class="wp-image-12169" style="width:676px"/></figure>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">設定項目</th><th class="has-text-align-left" data-align="left">内容</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left"><strong>Configuration</strong></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Start at login</td><td class="has-text-align-left" data-align="left">ログイン時に自動起動する</td></tr><tr><td class="has-text-align-left" data-align="left">Show menu bar icon</td><td class="has-text-align-left" data-align="left">メニューバーにアイコンを表示する</td></tr><tr><td class="has-text-align-left" data-align="left">Menu bar icon</td><td class="has-text-align-left" data-align="left">表示するメニューバーアイコンを選ぶ</td></tr><tr><td class="has-text-align-left" data-align="left">Check if OpenIn is a default app in background</td><td class="has-text-align-left" data-align="left">OpenInがデフォルトアプリのままか定期的に確認する</td></tr><tr><td class="has-text-align-left" data-align="left">Store history of opened links and files</td><td class="has-text-align-left" data-align="left">開いたリンクやファイルの履歴をローカルに保存する期間</td></tr><tr><td class="has-text-align-left" data-align="left">Disable tips</td><td class="has-text-align-left" data-align="left">操作のヒント表示をオフにする</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>App selection window</strong></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Always show the Window (even with one app)</td><td class="has-text-align-left" data-align="left">候補が1つでもアプリ選択ウインドウを表示する</td></tr><tr><td class="has-text-align-left" data-align="left">Icon Size</td><td class="has-text-align-left" data-align="left">アプリ選択ウインドウのアイコンサイズを選択する</td></tr><tr><td class="has-text-align-left" data-align="left">Reduce animation</td><td class="has-text-align-left" data-align="left">アプリ選択ウインドウのアニメーションを減らす</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>Developer</strong></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Enable JavaScript logs</td><td class="has-text-align-left" data-align="left">ルール用JavaScriptのログを記録する</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">候補が1つしかないときにもウィンドウを出すかどうか（Always show the Window）は、好みが分かれそうです。私の場合は候補が1つなら確認なしで開いてほしいので、オフにしています。</p>



<h3 class="wp-block-heading">Browsers</h3>



<p class="wp-block-paragraph">ブラウザでリンクを開くときの挙動を設定します。<br>Applications・Rules・Developer・Redirectsの4つのセクションに分かれています。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6-1.png" alt="" class="wp-image-12170" style="width:676px"/></figure>



<h4 class="wp-block-heading">Applications</h4>



<p class="wp-block-paragraph">リンクを開く候補となるブラウザを登録する場所です。</p>



<p class="wp-block-paragraph">インストール済みのブラウザを候補として追加し、アプリ選択ウィンドウに表示する順番を並び替えられます。<br>よく使うブラウザを上に置いておくと選びやすくなります。</p>



<p class="wp-block-paragraph">ChromeやArc系のブラウザであれば、プロファイルを指定して特定のプロファイルで開いたり、プライベートウィンドウ（シークレットウィンドウ）で開く候補を別に用意したりもできます。</p>



<p class="wp-block-paragraph">仕事用と個人用のプロファイルを別々の候補として並べておけるのは、ブラウザを使い分けている人には嬉しいポイントです。</p>



<h4 class="wp-block-heading">Rules</h4>



<p class="wp-block-paragraph">リンクの条件に応じて、開くブラウザを自動で振り分ける場所です。</p>



<p class="wp-block-paragraph">ルールは［+ Add condition］から追加でき、ドメイン・パス・修飾キーの有無・送信元アプリ・macOSのFocus（集中モード）などを条件にできます。</p>



<p class="wp-block-paragraph">条件は上から順に評価され、最初にマッチしたルールが適用されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_7.png" alt="" class="wp-image-12171" style="width:676px"/></figure>



<p class="wp-block-paragraph">例えば「会社のドメインのリンクは仕事用プロファイルのChromeで開く」「Messagesアプリから来たリンクはSafariで開く」といった振り分けが可能です。</p>



<p class="wp-block-paragraph">よく開くリンクほどルール化しておくと、アプリ選択ウィンドウを出さずにそのまま目的のブラウザで開けるのでラクになります。</p>



<p class="wp-block-paragraph">Focusを条件にする場合は別途設定が必要です。<br>macOSは集中モードの名前をアプリ側に教えてくれないため、OpenIn側で「Focus Hint」という文字列（例えば<code>Work</code>）を作り、macOSの集中モードの設定で同じ文字列を指定して紐づけます。</p>



<p class="wp-block-paragraph">ひと手間かかりますが、仕事モードのときだけ仕事用ブラウザを起動するといった切り替えができます。</p>



<p class="wp-block-paragraph">Launchを［Selected］に切り替えて、有効にしたいブラウザにチェックを入れると、ルール適用時にはそのブラウザだけが表示されるようになります。</p>



<p class="wp-block-paragraph">ちなみに、［General］の設定で［Always show the Window］のチェックを外していると、選択ブラウザが1つだけの場合は選択ウインドウが出ずにいきなりリンクが開くようになります。</p>



<h4 class="wp-block-heading">Developer</h4>



<p class="wp-block-paragraph">ルールをJavaScriptで自作するための場所です。</p>



<p class="wp-block-paragraph">ドメインやパスの指定だけでは表現しきれない複雑な条件を、JavaScriptで書いて制御できます。<br>書いたルールの動きはログで確認でき、［General］設定の「Enable JavaScript logs」をオンにしておくと挙動を追いやすくなります。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_8.png" alt="" class="wp-image-12172" style="width:676px"/></figure>



<p class="wp-block-paragraph">私自身ここまで凝ったルールは組んでいませんが、標準のルールで物足りなくなったときにさらに細かく設定できるのはありがたいです。</p>



<h4 class="wp-block-heading">Redirects</h4>



<p class="wp-block-paragraph">リンクのURLそのものを書き換えてから開く機能です。<br>正規表現でURLのパターンを指定し、別のURLに置き換えられます。</p>



<p class="wp-block-paragraph">例えば <code>https://music\.apple\.com/(.*)</code> を <code>music://music.apple.com/$1</code> に書き換えるルールを作れば、本来ブラウザで開かれるApple MusicのリンクをMusicアプリで直接開けます。</p>



<p class="wp-block-paragraph">Apple MusicやApple TV、Zoomのように、Web版ではなくネイティブアプリで開きたいリンクをアプリ側へ送りたいときに便利です。</p>



<h3 class="wp-block-heading">Schema</h3>



<p class="wp-block-paragraph">電話リンク（tel）や通話・会議系のリンク、メールリンク（mailto）を開くときの挙動を設定します。<br>Browsersと同じく、Applications・Rules・Developerのセクションに分かれています。</p>



<p class="wp-block-paragraph">デフォルトだと「Call apps」と「Mail apps」だけですが、他にも［Add scheme…］から追加することもできます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_9.png" alt="" class="wp-image-12173" style="width:676px"/></figure>



<h4 class="wp-block-heading">Applications</h4>



<p class="wp-block-paragraph">リンクを開く候補となるアプリケーションを登録します。<br>メールの場合、標準のメールアプリだけでなく、GmailやOutlookといったWebメールも候補にできます。</p>



<h4 class="wp-block-heading">Rules</h4>



<p class="wp-block-paragraph">アプリケーションの振り分けルールを設定します。</p>



<p class="wp-block-paragraph">メールの場合、ここでGmailなどのWebメールを指定し、URLの書き換えを有効にすると、mailtoリンクをブラウザ上のGmailの新規作成画面で開けるようになります。<br>デスクトップ版のメールアプリを使っていない人には便利な設定です。</p>



<h4 class="wp-block-heading">Developer</h4>



<p class="wp-block-paragraph">Browsersと同様、JavaScriptでリンク用のルールを自作できます。<br>私の場合はメールはルールを細かく組むほど使っていないので、ここはほとんど触っていません。</p>



<h3 class="wp-block-heading">Files</h3>



<p class="wp-block-paragraph">ファイルを開くアプリを、拡張子ごとに設定するセクションです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_10.png" alt="" class="wp-image-12174" style="width:676px"/></figure>



<p class="wp-block-paragraph">BrowsersやSchemesと同じ考え方で、Finderでファイルを開くときに拡張子ごとに開く候補アプリを複数登録できます。<br>［Add file type…］で拡張子を入力するか、その拡張子のファイルをリストにドラッグすると追加できます。</p>



<p class="wp-block-paragraph">追加したらURLやメール・電話リンクと同様に、その拡張子のファイルを開くときにどのアプリケーションで開くかを設定できます。</p>



<p class="wp-block-paragraph">常に固定のアプリで開く場合は問題ないですが、たまに別のアプリで開きたい場合があるときはこの設定をしておくと便利です。</p>



<p class="wp-block-paragraph">ただ、私の場合はAlfredを使って選択中のファイルを指定アプリで開けるようにしているので、この設定はあまり使うことがなさそうです。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/31mskz10/alfred-workflows#open-with-application-download-" data-lkc-id="1078" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=github.com" alt="" width="16" height="16" /></div><div class="lkc-domain">GitHub</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/a07250820ca84561fa3a81d458a073258cbe062db2f49834121bca6277c352e5.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">GitHub - 31mskz10/alfred-workflows: My Alfred Workflows · GitHub</div><div class="lkc-url" title="https://github.com/31mskz10/alfred-workflows#open-with-application-download-">https://github.com/31mskz10/alfred-workflows#open-with-application-download-</div></div><div class="clear"></div></div></a></div></div>



<h3 class="wp-block-heading">Backups</h3>



<p class="wp-block-paragraph">設定したルールや候補アプリの構成をバックアップするセクションです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1352" height="1688" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_11.png" alt="" class="wp-image-12175" style="width:676px"/></figure>



<p class="wp-block-paragraph">バックアップはiCloudに保存され、設定を変更する前にバックアップを取っておけば、あとから元の状態に戻せます。<br>ファイルとしてエクスポート・インポートもできるので、別のMacに同じ設定を持っていきたいときにも使えます。</p>



<p class="wp-block-paragraph">ルールを作り込むほど構成は複雑になっていくので、大きく変更する前にバックアップを取っておくと安心です。</p>



<h3 class="wp-block-heading">About</h3>



<p class="wp-block-paragraph">OpenInのバージョン情報などを確認できるセクションです。</p>



<p class="wp-block-paragraph">Mac App Store版を使っている場合は、ここでOpenIn Helperのアップデートを求められることがあります（ブラウザのプロファイル対応など、Helper側の更新が必要な機能を使うとき）。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">プライベート用や仕事用にプロファイルを分けていたり、状況に応じて開くブラウザを変えたい場合が多々あったので、どこで開くか選択できるようになってかなり快適になりました。</p>



<p class="wp-block-paragraph">普段ブラウザを1つしか使わない人には、出番がないかもしれません。<br>Setappに加入している人なら追加費用なしで試せるので、まずはSetapp版で使い勝手を確かめてみるのが良さそうです。</p>



<p class="wp-block-paragraph">ルールやJavaScriptまで設定をしていくと沼ですが、まず最初はデフォルトのブラウザに設定してアプリ選択ウィンドウを使うだけでも十分です。</p>



<p class="wp-block-paragraph">複数のブラウザやプロファイルを活用している方は、ぜひお試しください。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」</title>
		<link>https://webrandum.net/environment-marker/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 06 Aug 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[Chrome拡張機能]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12129</guid>

					<description><![CDATA[ウェブ開発では、本番環境のほかにテスト環境やステージング環境を用意するのが一般的です。 しかし、これらの環境は当然ながら見た目がまったく同じです。URLの一部が…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ウェブ開発では、本番環境のほかにテスト環境やステージング環境を用意するのが一般的です。</p>



<p class="wp-block-paragraph">しかし、これらの環境は当然ながら見た目がまったく同じです。<br>URLの一部が違うだけなので「今開いているのはどっちだっけ？」と分からなくなります。</p>



<p class="wp-block-paragraph">他にも、最初はテスト環境を開いて操作していても、リダイレクトでいつの間にか本番環境に移動している可能性も0ではありません（そんな設定かなり危ないですが、近い内容で過去に肝を冷やした経験があります）。</p>



<p class="wp-block-paragraph">テスト環境のつもりで本番環境の管理画面を操作してしまう事故は起こり得ます。<br>そこで活用したいのが、ブラウザ拡張機能の「Environment Marker」です。</p>



<p class="wp-block-paragraph">今回はEnvironment Markerでウェブページに環境ごとの目印を表示する方法をまとめます。</p>



<h2 class="wp-block-heading">Environment Marker</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1704" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_1.png" alt="" class="wp-image-12145" style="width:1480px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://environmentmarker.io/" data-lkc-id="1071" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=environmentmarker.io" alt="" width="16" height="16" /></div><div class="lkc-domain">environmentmarker.io</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fenvironmentmarker.io%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Environment Marker</div><div class="lkc-url" title="https://environmentmarker.io/">https://environmentmarker.io</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Environment Markerは、URLのパターンごとに色付きのリボン（ラベル）をページ上に表示してくれるChrome拡張機能です。</p>



<p class="wp-block-paragraph">例えば「本番環境のURLには赤いリボン」「テスト環境には黄色いリボン」と設定しておけば、ページを開いた瞬間にどの環境かが視覚的に分かるようになります。</p>



<p class="wp-block-paragraph">ChromeのほかMicrosoft Edge版も提供されています。<br>なお、Firefoxアドオンにも「<a href="https://addons.mozilla.org/ja/firefox/addon/environment-marker/">Environment Marker</a>」という同名の拡張機能がありますが、こちらは別の開発者によるものです。</p>



<h2 class="wp-block-heading">インストール方法</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1704" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_2.png" alt="" class="wp-image-12146" style="width:1480px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://addons.mozilla.org/ja/firefox/addon/environment-marker/" data-lkc-id="1072" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=addons.mozilla.org" alt="" width="16" height="16" /></div><div class="lkc-domain">addons.mozilla.org</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/5202486916e66a903acc4b3025d2538500d5005c3d65cac69324f09c576cfdc5.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Environment Marker – 🦊 Firefox (ja) 向け拡張機能を入手</div><div class="lkc-url" title="https://addons.mozilla.org/ja/firefox/addon/environment-marker/">https://addons.mozilla.org/ja/firefox/addon/environment-marker/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph"><a href="https://chromewebstore.google.com/detail/environment-marker/ahjhdebcnlgmojdmjnhikhakkghcchkk">Chrome Web Store</a>で「Environment Marker」を検索して追加するだけです。</p>



<p class="wp-block-paragraph">インストール後、ツールバーの拡張機能アイコンから設定画面を開けます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1024" height="1334" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_3.png" alt="" class="wp-image-12149" style="width:512px"/></figure>



<h2 class="wp-block-heading">使い方</h2>



<p class="wp-block-paragraph">設定はシンプルで、「①表示するURLのパターン」と「②表示するリボン」の2つをルールとして登録していくだけです。</p>



<p class="wp-block-paragraph">アイコンをクリックして［クイック設定］から新規追加することもできますし、［設定ページへ移動］リンクをクリックして、設定ページから管理することもできます。</p>



<p class="wp-block-paragraph">設定ページは下記のような表示になっていて、［マーカー設定］にすべての設定が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1704" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_4.png" alt="" class="wp-image-12150" style="width:1480px"/></figure>



<h3 class="wp-block-heading">ルールを登録する</h3>



<p class="wp-block-paragraph">設定画面で［＋］アイコンをクリックして新しいルールを追加し、下記を入力します。</p>



<ol class="wp-block-list">
<li>名前（リボンにも表示されます）</li>



<li>対象のURLパターン（部分一致で正規表現も使えます）</li>



<li>リボンの色やフォント・位置</li>
</ol>



<p class="wp-block-paragraph">これだけで、パターンにマッチしたページを開いたときにリボンが表示されるようになります。</p>



<h3 class="wp-block-heading">表示位置とスタイルを変える</h3>



<p class="wp-block-paragraph">リボンの表示位置は、［右上］［右下］［左上］［左下］の四隅から選べます。ページのUIと被ってしまう場合は、位置を変えるだけで解決することが多いです。</p>



<p class="wp-block-paragraph">リボンの透明度も調整できるので、「常に見えていてほしいが操作の邪魔はしてほしくない」というバランスも取れます。</p>



<p class="wp-block-paragraph">また、リボンの代わりにページ全体を枠線で囲む［枠］も選べます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="3024" height="1896" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_5.png" alt="" class="wp-image-12151" style="width:1512px"/></figure>



<p class="wp-block-paragraph">個人的にはこちらの方が好みですし、ページの一部に注意が行っていると、リボンだと意外と目に入っていないことがあります。<br>ページ全体を囲んだ方が、リボンよりもさらに見落としにくくなります。</p>



<h3 class="wp-block-heading">設定のエクスポート・インポート</h3>



<p class="wp-block-paragraph">登録したルールはJSONファイルとしてエクスポート・インポートできます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1980" height="1070" src="https://webrandum.net/mskz/wp-content/uploads/2026/08/image_6.png" alt="" class="wp-image-12152" style="width:990px"/></figure>



<p class="wp-block-paragraph">環境の取り違えはチーム全体で防ぎたい事故なので、プロジェクトの環境一覧をルール化してチームメンバーに配れます。新しいメンバーが入ったときにJSONを渡すだけで済むのはラクです。</p>



<h2 class="wp-block-heading">類似の拡張機能</h2>



<p class="wp-block-paragraph">同じ目的の拡張機能はほかにもいくつかあります。</p>



<ul class="wp-block-list">
<li><a href="https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl?hl=ja">Environment Indicator</a>：三角形やリボンでの表示。URLのマッチ方式が細かく選べる</li>



<li><a href="https://chromewebstore.google.com/detail/env-alert-%E6%9C%AC%E7%95%AA%E7%92%B0%E5%A2%83%E3%81%A7%E8%AD%A6%E5%91%8A%E8%A1%A8%E7%A4%BA/oekknalaoogdkgfnmmbodjmjmlkjmlkj?hl=ja">ENV Alert</a>：本番環境を開いたときに警告バナーを表示する</li>
</ul>



<p class="wp-block-paragraph">私の場合は常時表示のリボンで足りていますが、慎重にしたくて「本番を開いたら警告を出す」方が良ければ、ENV Alertを検討しても良さそうです。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">こうしたミスは「気をつける」だけでは防ぎきれません。<br>Environment Markerのように、視覚的に環境を区別できる仕組みを入れておくのが確実です。</p>



<p class="wp-block-paragraph">導入もURLパターンを数個登録するだけなので、手間に対して効果が大きいのが良いところです。</p>



<p class="wp-block-paragraph">そもそも気軽に本番環境を触れないようにするなどの他の対策もセットで必要ですが、手間や工数の問題で後回しにされてしまう案件もあるのではないでしょうか（チキンレースをやっていることに変わりありませんし、事故が起こっていないのは運が良いだけというのは肝に銘じておく必要があります）。</p>



<p class="wp-block-paragraph">個人レベルですぐにできる対策として、試してみる価値があると思います。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ</title>
		<link>https://webrandum.net/karabiner-elements-right-command/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 30 Jul 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[Karabiner-Elements]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12127</guid>

					<description><![CDATA[昔からKarabiner-Elementsを使って右commandキーを活用してきました。今回は2026年版として、改めて自分のルールファイルを見直し、整理した…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">昔からKarabiner-Elementsを使って<kbd>右command</kbd>キーを活用してきました。<br>今回は2026年版として、改めて自分のルールファイルを見直し、整理したものを紹介します。</p>



<h2 class="wp-block-heading">Karabiner-Elements</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1704" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_1-2.jpg" alt="" class="wp-image-12135" style="width:1480px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://karabiner-elements.pqrs.org" data-lkc-id="1077" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=karabiner-elements.pqrs.org" alt="" width="16" height="16" /></div><div class="lkc-domain">Karabiner-Elements</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/156452a5b35c3df49c46edcf38768e80bfa18c6dd12c36debf26a02e24b89bbe.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Karabiner-Elements</div><div class="lkc-url" title="https://karabiner-elements.pqrs.org">https://karabiner-elements.pqrs.org</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Karabiner-Elementsは、キーボードのカスタマイズ（リマップ）ができるアプリです。</p>



<p class="wp-block-paragraph">特にUS配列のキーボードを使っている人は必須と言っても過言ではないアプリで、<kbd>左command</kbd>キーの単体押しで「英数入力」、<kbd>右command</kbd>キーの単体押しで「かな入力」といった入力ソースの切り替えをUS配列で実現できます。</p>



<h2 class="wp-block-heading">Complex Modifications</h2>



<p class="wp-block-paragraph">単純なキーの置き換えだけでなく、複数キーの組み合わせや条件付きの細かな設定もできます。こうした設定をKarabiner-Elementsでは「Complex Modifications」と呼び、JSON形式で記述します。</p>



<p class="wp-block-paragraph">ルールは<a href="https://ke-complex-modifications.pqrs.org/">公式の共有サイト</a>からインポートできるので、まずはそこから探すのがラクです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1704" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_2-2.png" alt="" class="wp-image-12136" style="width:1480px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://ke-complex-modifications.pqrs.org/" data-lkc-id="1070" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=ke-complex-modifications.pqrs.org" alt="" width="16" height="16" /></div><div class="lkc-domain">ke-complex-modifications.pqrs.org</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fke-complex-modifications.pqrs.org%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Karabiner-Elements complex_modifications rules</div><div class="lkc-url" title="https://ke-complex-modifications.pqrs.org/">https://ke-complex-modifications.pqrs.org</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">自作する場合は、JSONファイルを <code>~/.config/karabiner/assets/complex_modifications/</code> に置くか、設定画面から追加します。</p>



<p class="wp-block-paragraph">Karabiner-Elementsの設定画面を開き、［Complex Modifications］内の［Add your own rule］ボタンをクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2274" height="1536" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_3-2.png" alt="" class="wp-image-12137" style="width:1137px"/></figure>



<p class="wp-block-paragraph">するとJSONの編集モーダルが表示されるので、ここでJSONを貼り付けて［Save］をクリックするとルールが追加されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2274" height="1536" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_4-1.png" alt="" class="wp-image-12139" style="width:1137px"/></figure>



<h2 class="wp-block-heading">右commandキー関連で実現していること</h2>



<p class="wp-block-paragraph">ここからは<kbd>右command</kbd>キーを活用して実現していることを紹介します。<br>私の場合は下記の3つを実現しています。</p>



<ol class="wp-block-list">
<li>Vimキーバインドでの矢印キー入力</li>



<li><kbd>esc</kbd> / <kbd>delete</kbd> / <kbd>return</kbd> / <kbd>tilde</kbd>キーの入力</li>



<li><kbd>space</kbd>の入力</li>
</ol>



<h3 class="wp-block-heading">Vimキーバインドで矢印キーの入力</h3>



<p class="wp-block-paragraph"><kbd>右command</kbd>キーと<kbd>h</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>で<kbd>←</kbd>/<kbd>↓</kbd>/<kbd>↑</kbd>/<kbd>→</kbd>の矢印キーが入力できるようにしています。<br>ちょっとした選択をするときやFinderでファイル選択をするときに、ホームポジションから手を動かさずに移動できるようになります。</p>



<p class="wp-block-paragraph">ちなみに、<kbd>h</kbd>が<kbd>←</kbd>で<kbd>l</kbd>が<kbd>→</kbd>なのは位置関係的に分かりやすいと思います。<br>Vimキーバインドに慣れていない人にとって、問題は<kbd>j</kbd>と<kbd>k</kbd>でどちらが上矢印・下矢印なのかです。</p>



<p class="wp-block-paragraph">覚え方として、<kbd>j</kbd>にはホームポジションの目印としてポッチが付いているキーボードが大半だと思います。ホームポジションで人差し指が来るのが<kbd>j</kbd>です。</p>



<p class="wp-block-paragraph">つまり、基本となるキー（よく押すキー）が<kbd>j</kbd>に設定されて、その反対が<kbd>k</kbd>に設定されているはずだと推測できます。</p>



<p class="wp-block-paragraph">PCでは上から下に向かって選択していく流れが基本です。<br>なので下矢印キーの方がよく使うはず。というわけで<kbd>j</kbd>が<kbd>↓</kbd>になります。</p>



<p class="wp-block-paragraph">これはあくまで私の覚え方なので、実際のところは分かりませんが、無理矢理でも理屈を付けると覚えやすくなるかもしれません。</p>



<p class="wp-block-paragraph">設定用のJSONは下記の通りです。</p>



<pre class="wp-block-code"><code>{
    "description": "right_command + h/j/k/l → arrow keys",
    "manipulators": &#091;
        {
            "from": {
                "key_code": "h",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "left_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "j",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "down_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "k",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "up_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "l",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "right_arrow" }],
            "type": "basic"
        }
    ]
}</code></pre>



<h4 class="wp-block-heading">Vimキーバインドが慣れない場合</h4>



<p class="wp-block-paragraph">横一列のVimキーバインドが慣れない場合、<kbd>右command</kbd>と<kbd>i</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>という手もあります。<br>これなら矢印キーと同じ位置関係になるので、学習コストが低く、押す位置だけホームポジション付近に移動できます。</p>



<h3 class="wp-block-heading">esc / delete / return / tildeキーの入力</h3>



<p class="wp-block-paragraph">他にもキーボードの端の方にあるキーを、<kbd>右command</kbd>キーを活用して入力できるようにしています。<br>偶然にも、左手で押しやすい位置に各キーの頭文字が並んでいました。</p>



<ul class="wp-block-list">
<li>esc：右command + e</li>



<li>delete：右command + d</li>



<li>return：右command + r</li>



<li>tilde：右command + t</li>
</ul>



<p class="wp-block-paragraph"><kbd>delete</kbd>や<kbd>return</kbd>は文字入力の締めで頻繁に押すキーなのに、キーボードの右端まで小指を伸ばす必要があります。<br>ホームポジション付近で完結するようになると、手の移動が減ります。</p>



<p class="wp-block-paragraph">あとは<kbd>command</kbd> + <kbd>delete</kbd>したいときに、両方の<kbd>command</kbd>を押しながら<kbd>d</kbd>を押して使ったりもしています。</p>



<p class="wp-block-paragraph">設定用のJSONは下記の通りです。</p>



<pre class="wp-block-code"><code>{
    "description": "right_command + r/e/d/t → return/esc/delete/tilde",
    "manipulators": &#091;
        {
            "from": {
                "key_code": "r",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "return_or_enter" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "e",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;
                { "key_code": "escape" },
                { "key_code": "japanese_eisuu" }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "d",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "delete_or_backspace" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "t",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "grave_accent_and_tilde" }],
            "type": "basic"
        }
    ]
}</code></pre>



<h3 class="wp-block-heading">spaceの入力</h3>



<p class="wp-block-paragraph"><kbd>右command</kbd>を押している間は、矢印キーによる操作を行っている場合が大半です。<br>特に多いのは、Finderをキーボードで操作しているときです。</p>



<p class="wp-block-paragraph">Finderでは<kbd>space</kbd>を押すとクイックルックが開きますが、<kbd>右command</kbd>を押しっぱなしのまま<kbd>space</kbd>を押すと、<kbd>command</kbd> + <kbd>space</kbd>扱いになってランチャーアプリが起動してしまいます（デフォルトだとSpotlightで、私の場合はAlfredを割り当てています）。</p>



<p class="wp-block-paragraph">しかし、<kbd>右command</kbd>を押しているときにランチャーを呼びたい場面はほぼありません。<br>そこで、<kbd>右command</kbd> + <kbd>space</kbd>はただの<kbd>space</kbd>になるようにして、矢印キーで選択してそのままクイックルックという流れを崩さないようにしています。</p>



<p class="wp-block-paragraph">設定用のJSONは下記の通りです。</p>



<pre class="wp-block-code"><code>{
    "description": "right_command + space → space",
    "manipulators": &#091;
        {
            "from": {
                "key_code": "spacebar",
                "modifiers": {
                    "mandatory": &#091;"right_command"],
                    "optional": &#091;"any"]
                }
            },
            "to": &#091;{ "key_code": "spacebar" }],
            "type": "basic"
        }
    ]
}</code></pre>



<h2 class="wp-block-heading">活用事例</h2>



<h3 class="wp-block-heading">Finderでのファイル選択・削除</h3>



<p class="wp-block-paragraph">Finderをリスト表示にしているので、<kbd>右command</kbd> + <kbd>h</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>でファイル選択ができます。</p>



<p class="wp-block-paragraph">また、左右両方の<kbd>command</kbd> + <kbd>j</kbd>を押すと、<kbd>command</kbd> + <kbd>↓</kbd>になるので、選択フォルダ内に移動したり、ファイルを開けます。<br>左右両方の<kbd>command</kbd> + <kbd>k</kbd>で<kbd>command</kbd> + <kbd>↑</kbd>になるので、親フォルダに移動できます。</p>



<p class="wp-block-paragraph">そしてさらに、両方の<kbd>command</kbd> + <kbd>d</kbd>を押せば、<kbd>command</kbd> + <kbd>delete</kbd>になるので選択ファイルの削除ができます。</p>



<p class="wp-block-paragraph">ホームポジションから移動することなく、ファイル操作がラクにできます。<br>この辺りはPath Finderを使ってキーボードでファイル操作をする方法でも紹介しているので、そちらもぜひご覧ください。</p>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/path-finder-file-manipulation-1" data-lkc-id="1013"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2026/01/eyecatch.png" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Path Finderを使ってキーボードだけでファイル操作する方法（基本操作編）</div><div class="lkc-url" title="https://webrandum.net/path-finder-file-manipulation-1">https://webrandum.net/path-finder-file-manipulation-1</div></div><div class="clear"></div></div></a></div></div>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/path-finder-file-manipulation-2" data-lkc-id="1016"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2026/01/eyecatch.png" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Path Finderを使ってキーボードだけでファイル操作する方法（応用編）</div><div class="lkc-url" title="https://webrandum.net/path-finder-file-manipulation-2">https://webrandum.net/path-finder-file-manipulation-2</div></div><div class="clear"></div></div></a></div></div>



<h3 class="wp-block-heading">テキストカーソルの移動</h3>



<p class="wp-block-paragraph">文章を書いたりするとき、<kbd>右command</kbd> + <kbd>h</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>で矢印キーが使えるので、ホームポジションから動くことなくテキストカーソルの移動ができます。</p>



<p class="wp-block-paragraph">システム設定でキーのリピートと最速にしておくことで、長押しで快適にカーソル移動ができます。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph"><kbd>右command</kbd>キーを活用して矢印キーや<kbd>esc</kbd>を詰め込めるだけで、手の移動がかなり減ります。</p>



<p class="wp-block-paragraph">まずは矢印キーの<kbd>h</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>だけでも設定してみて、少しずつ慣れしていくのがオススメです。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bartender ProのTop Shelf機能でできること</title>
		<link>https://webrandum.net/bartender-pro-top-shelf/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 23 Jul 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[Bartender Pro]]></category>
		<category><![CDATA[Bartender]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12080</guid>

					<description><![CDATA[最新のMacBookにあるノッチ（Notch）は、カメラ部分を隠すためにディスプレイ上部の真ん中に陣取っています。iPhoneのDynamic Islandのよ…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">最新のMacBookにあるノッチ（Notch）は、カメラ部分を隠すためにディスプレイ上部の真ん中に陣取っています。<br>iPhoneのDynamic Islandのように何かを表示してくれるわけでもなく、画面の一部が少し欠けているだけの存在です。</p>



<p class="wp-block-paragraph">このノッチ周辺をDynamic Islandのように操作や情報表示できる状態に変えるのが、メニューバー管理アプリBartenderの上位プラン「Bartender Pro」に追加された「Top Shelf」です。</p>



<p class="wp-block-paragraph">今回はTop Shelfでできることをまとめます。</p>



<h2 class="wp-block-heading">Bartender ProとTop Shelf</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2960" height="1644" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_1-1.png" alt="" class="wp-image-12117" style="width:1480px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.macbartender.com/pro/" data-lkc-id="1069" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.macbartender.com" alt="" width="16" height="16" /></div><div class="lkc-domain">Bartender</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/90e9b134096ad3faa77eeef9b022b398c1f38dc65b327448fecdac1e9a951320.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Bartender Pro</div><div class="lkc-url" title="https://www.macbartender.com/pro/">https://www.macbartender.com/pro/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">BartenderはmacOSのメニューバーをキレイに整理・管理するアプリです。<br>詳細は<a href="https://webrandum.net/bartender4/">過去記事</a>にまとめているのでそちらをご覧ください。</p>



<p class="wp-block-paragraph">Top ShelfはこのBartenderの上位プランの「<a href="https://www.macbartender.com/pro/">Bartender Pro</a>」でのみ使える機能で、2026年5月に追加されました。</p>



<p class="wp-block-paragraph">ノッチにウィジェットやファイル、クリップボードなどを置けるバーを表示してくれます。<br>Bartenderには通常版に加えてBartender Proライセンスが追加され、Top Shelfが使えるのはPro以上です。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">商品</th><th class="has-text-align-left" data-align="left">料金</th><th class="has-text-align-left" data-align="left">形態</th><th class="has-text-align-left" data-align="left">内容</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Bartender 6</td><td class="has-text-align-left" data-align="left">$20</td><td class="has-text-align-left" data-align="left">買い切り</td><td class="has-text-align-left" data-align="left">Bartender 6本体（メニューバー整理）</td></tr><tr><td class="has-text-align-left" data-align="left">Bartender Pro</td><td class="has-text-align-left" data-align="left">$15/年</td><td class="has-text-align-left" data-align="left">サブスク</td><td class="has-text-align-left" data-align="left">Bartender 6の全機能 + Top Shelf + 今後のPro機能</td></tr><tr><td class="has-text-align-left" data-align="left">Mega Supporter</td><td class="has-text-align-left" data-align="left">$80</td><td class="has-text-align-left" data-align="left">買い切り（ライフタイム）</td><td class="has-text-align-left" data-align="left">Pro相当の機能を永続的に利用</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">買い切りのBartender 6を持っていてもTop Shelfは使えないので、ここは少し悩むポイントです。すでに買い切りで使ってきた人にとっては、Top Shelfのために年額サブスクへ移るかどうかの判断になります。</p>



<p class="wp-block-paragraph">しかし、Setappを契約している人なら追加費用なしで使えます。</p>



<h3 class="wp-block-heading">Setappの活用</h3>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg" width="100px" height="108px" alt="" /></figure><div class="lkc-title">220以上の有料Macアプリが使えるサブスクサービス「Setapp」</div><div class="lkc-url" title="https://webrandum.net/setapp">https://webrandum.net/setapp</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Bartenderは有料アプリが使い放題になるサブスクサービスの<a href="https://webrandum.net/setapp/">Setapp</a>にも登録されています。Bartender Proの機能もSetapp経由で利用できます。</p>



<p class="wp-block-paragraph">私の場合はSetapp経由でBartenderを使っているので、Top Shelfもそのまま試せました。<br>また、Setapp版を使っている人はアプリ名も「Bartender Pro」に変わっています。</p>



<h3 class="wp-block-heading">ノッチが無いMacBookでも使える？</h3>



<p class="wp-block-paragraph">ノッチが無いMacBookじゃないと使えないのかと思いきや、ノッチが無いMacBookや外付けディスプレイにもメニューバーに黒い角丸長方形が表示されるようになります。</p>



<p class="wp-block-paragraph">ノッチ無しのMacBookを使っていて、メニューアイコンをいっぱい並べている人は、そもそもノッチが邪魔に感じてしまうかもしれません。</p>



<p class="wp-block-paragraph">また、この黒い角丸長方形はデスクトップの画面共有にも映ってしまいます。</p>



<p class="wp-block-paragraph">気にならない人もいるかもしれませんが、私はできる限り画面共有時にノイズになる情報は消しておきたい派です。<br>そのため余計なアイコンもBartenderで普段は非表示にしていますし、デスクトップにファイルを置かないようにしています（画面共有時にうっかり他案件のファイルが見られないようにという理由もあります）。</p>



<p class="wp-block-paragraph">普段は仕方ありませんが、デモ操作などで画面共有が必要なときはオフにしています。</p>



<h2 class="wp-block-heading">Top Shelfの設定方法</h2>



<p class="wp-block-paragraph">Bartender環境設定のサイドバーの一番下に［Bartender Pro］カテゴリが追加されています。そこにある［Top Shelf］をクリックすると設定できます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1872" height="1672" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_2-1.png" alt="" class="wp-image-12118" style="width:936px"/></figure>



<p class="wp-block-paragraph">ちなみに2026年7月現在、Bartender ProにはTop Shelfしかありませんが、今後他の機能も追加していく予定だそうです。</p>



<p class="wp-block-paragraph">［Set up Top Shelf］ボタンをクリックすると、チュートリアルが表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2034" height="1336" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_3-1.png" alt="" class="wp-image-12119" style="width:1017px"/></figure>



<p class="wp-block-paragraph">チュートリアルの内容は主に下記の通りです。</p>



<ol class="wp-block-list">
<li>ライブアクティビティにホバーすることで詳細が開ける</li>



<li>ノッチの中心をホバーするとトレーを表示できる</li>



<li>ファイルをノッチにドラッグすると一時置き場として使える</li>



<li>クリップボードにコピーしたものも表示される</li>
</ol>



<p class="wp-block-paragraph">進むと権限を許可する画面が表示されます。<br>カレンダーと位置情報、そしてAirPods（Bluetooth）へのアクセス許可をして次へ進みます。</p>



<h2 class="wp-block-heading">Top Shelfでできること</h2>



<p class="wp-block-paragraph">Top Shelfはノッチ周辺に表示され、必要なときに展開して使う作りになっています。ここからはそこに置ける主な機能をまとめます。気になるものから流し見してください。</p>



<h3 class="wp-block-heading">ウィジェット</h3>



<p class="wp-block-paragraph">ノッチ周辺にカレンダーや天気などのウィジェットを表示できます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1500" height="500" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_5-1.png" alt="" class="wp-image-12120" style="width:750px"/></figure>



<p class="wp-block-paragraph">カレンダーは予定の前にアラートを出してくれたり、会議にそのまま参加できたりします。天気はリアルタイムの情報を表示します。</p>



<p class="wp-block-paragraph">音楽プレイヤーのウィジェットも用意されていて、Apple MusicやSpotify、YouTube、Apple TVに対応しています。再生中はNow Playingのパネルにアルバムアートが表示され、音量を操作したときには表示が広がる作りになっています。</p>



<h3 class="wp-block-heading">ファイルの一時置き場</h3>



<p class="wp-block-paragraph">ノッチをファイルの一時的な置き場として使えます。</p>



<p class="wp-block-paragraph">ファイルやフォルダをノッチにドラッグして、最大6件まで、最大1週間ほど保管できます。アプリ間でファイルを移すときの中継地点として置いておくとラクです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1500" height="500" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_6-2.png" alt="" class="wp-image-12121" style="width:750px"/></figure>



<p class="wp-block-paragraph">AirDropで共有するエリアもあるので、別のデバイスにサッと送りたいときにも使えます。</p>



<p class="wp-block-paragraph">また、私は普段Path FinderというFinder代替アプリを使っています。<br>非常に便利なのですが、AirDropだけ対応していなくて、iPhoneに何か送信したいときにはわざわざFinderでAirDropを開いてそこにドラッグする必要がありました。</p>



<p class="wp-block-paragraph">それがTop Shelfにドラッグするだけですぐに共有できるのは便利で</p>



<h3 class="wp-block-heading">クリップボード履歴</h3>



<p class="wp-block-paragraph">コピーした内容の履歴をノッチから呼び出せます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1500" height="500" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_7-2.png" alt="" class="wp-image-12122" style="width:750px"/></figure>



<p class="wp-block-paragraph">履歴はカルーセル形式で並び、最大100件まで保存されます。<br>ただ、すでに他のクリップボード履歴系のアプリを使っている人はわざわざTop Shelfのクリップボード履歴を使う必要がなさそうです。</p>



<h3 class="wp-block-heading">システム情報</h3>



<p class="wp-block-paragraph">音量や画面の明るさ、バッテリー残量といったシステム情報もノッチに表示されるようになります。<br>音量や明るさは表示するだけでなく調整もできるので、ノッチがちょっとしたコントロール用のスペースになります。</p>



<p class="wp-block-paragraph">表示位置が画面の右上からノッチ（画面上部中央）になるので、人によってはこの方が気づきやすいかもしれません。<br>ただし、ノッチは表示領域が小さいので、そこだけ注意が必要です。</p>



<h3 class="wp-block-heading">AIエージェントの情報表示</h3>



<p class="wp-block-paragraph">Claude CodeやCodexと連携して、現在のステータス表示も可能です。<br>AIエージェントから質問が来ているときや、動作中か完了済みかどうかなどが表示できます。</p>



<p class="wp-block-paragraph">現状この機能が一番よく使っています。</p>



<figure class="wp-block-embed is-type-rich is-provider-x wp-block-embed-x"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">最近、Bartender ProのTop Shelf機能を試しに有効化しています。個人的に良いと思った機能は下記2つ。<br><br>• AIエージェントのステータス表示<br>• AirDrop<br><br>Path Finderを使っている関係で、AirDropはいつもAlfredで検索して開いていました。… <a href="https://t.co/9hPDOyYYrK">pic.twitter.com/9hPDOyYYrK</a></p>&mdash; サイトウ マサカズ｜Webrandum (@31mskz10) <a href="https://x.com/31mskz10/status/2074635373519761794?ref_src=twsrc%5Etfw">July 7, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p class="wp-block-paragraph">設定は設定画面の［Tops Shelf］→［AI Agents］で可能です。<br>初回は［Install Hooks」ボタンをクリックして、Claude CodeやCodexにHooksと呼ばれる設定をインストールする必要があります。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1872" height="1672" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_8-3.png" alt="" class="wp-image-12123" style="width:936px"/></figure>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">ノッチを活用したアプリは他にもいくつかありますが、メニューバー整理の定番であるBartenderがその延長として出してきたのが面白いところです。</p>



<p class="wp-block-paragraph">しかし、Top Shelfが使えるのは年額サブスクのBartender Proからなので、買い切りで使ってきた人には悩ましい変更だと思います。買い切りのBartender 6だけでもメニューバー整理は十分できるので、Top Shelfに価値を感じるかどうかで判断することになりそうです。</p>



<p class="wp-block-paragraph">私の場合はSetapp経由なので追加費用なく試せましたが、Top Shelfのためだけに単体でProへ移るかというと微妙です。<br>今後Top Shelf以外にどんな機能が追加されるのか、楽しみにしています。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>高機能なスクリーンショットアプリ「CleanShot X」</title>
		<link>https://webrandum.net/cleanshot-x/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 16 Jul 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[CleanShot X]]></category>
		<category><![CDATA[スクリーンショット]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12067</guid>

					<description><![CDATA[macOSではshift + command + 3で画面全体のスクショが撮れて、shift + command + 4で画面の一部を選択してスクショできます。…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">macOSでは<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>3</kbd>で画面全体のスクショが撮れて、<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>4</kbd>で画面の一部を選択してスクショできます。<br>また、<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>5</kbd>でスクリーンショット.appを起動できるので、画面録画を含めて何かしたい場合はこのショートカットキーを使います。</p>



<p class="wp-block-paragraph">標準のスクショ機能でも十分ですが、これをさらに便利にするのがCleanShot Xです。</p>



<p class="wp-block-paragraph">今回はこのCleanShot Xについてまとめます。</p>



<h2 class="wp-block-heading">CleanShot X</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1510" height="850" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_1.png" alt="" class="wp-image-12072" style="width:755px"/></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://cleanshot.com/" data-lkc-id="1065" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=cleanshot.com" alt="" width="16" height="16" /></div><div class="lkc-domain">CleanShot</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/c1800d79400cc02ed6b90b14c8b6979b0ca479ba5dd71802d01a5105c76faf65.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">CleanShot X for Mac</div><div class="lkc-url" title="https://cleanshot.com/">https://cleanshot.com</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">CleanShot XはmacOS専用のスクリーンショット・画面録画アプリです。<br>範囲選択や全画面のキャプチャだけでなく、スクロールキャプチャ、注釈、画面録画、OCR、クラウド共有まで、スクショ関係でやりたいことがすべて揃っています。</p>



<p class="wp-block-paragraph">標準のスクリーンショット機能を置き換えて、撮影直後に注釈を入れたり、すぐにリンクで共有したりできるようになります。</p>



<p class="wp-block-paragraph">2026年7月時点での料金は$29です。<br>完全な買い切りというわけではなく、アップデートは購入してから1年間だけです。</p>



<p class="wp-block-paragraph">しかし、1年を過ぎてもアプリが使えなくなるわけではありません。<br>その時点での最新バージョンをそのまま使い続けられます。さらに新しいバージョンへアップデートしたい場合のみ、年$19で更新できる仕組みです。</p>



<p class="wp-block-paragraph">サブスクリプションと違って、アプリへのアクセスを取り上げることはないのがポイントです。</p>



<h3 class="wp-block-heading">Setappの活用</h3>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg" width="100px" height="108px" alt="" /></figure><div class="lkc-title">220以上の有料Macアプリが使えるサブスクサービス「Setapp」</div><div class="lkc-url" title="https://webrandum.net/setapp">https://webrandum.net/setapp</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">有料アプリが使い放題になるサブスクサービスの<a href="https://webrandum.net/setapp/">Setapp</a>にも登録されています。</p>



<p class="wp-block-paragraph">CleanShot Xは1年後のバージョンアップを考えなければ買い切りとしてでも利用できますが、最新バージョンを使い続けるには実質毎年アップデート料金が必要になります。</p>



<p class="wp-block-paragraph">すでにSetappを使っている人や、他にも使うアプリがある場合はSetapp経由の方がお得です。</p>



<p class="wp-block-paragraph">また、Setapp版ならではのメリットとして、後述するCloud Proの機能（クラウド容量無制限など）が追加のサブスクなしで使えます。買い切り版だと別途サブスクが必要になる部分がカバーされるので、Cloud機能をしっかり使いたい人にとってもSetappが向いています。</p>



<h2 class="wp-block-heading">基本的な使い方</h2>



<p class="wp-block-paragraph">CleanShot Xにはスクショ関連のさまざまな機能があります。<br>環境設定でショートカットキーを設定して発火するか、もしくはメニューバーアイコンをクリックしてそこから機能を選択して使用します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="974" height="1259" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_4.png" alt="" class="wp-image-12096" style="width:487px"/></figure>



<h3 class="wp-block-heading">キャプチャ</h3>



<p class="wp-block-paragraph">macOS標準と同じようにスクショができますが、スクショ後の動きが豊富です。<br>まず、キャプチャ直後には画面の端へ小さく表示されるポップアップが表示されます（Quick Accessと呼びます）です。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1291" height="602" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_2.png" alt="" class="wp-image-12094" style="width:646px"/></figure>



<p class="wp-block-paragraph">これはmacOS標準のフローティングサムネールと同じですが、下記のようなことができます。</p>



<ul class="wp-block-list">
<li>Save：スクショを保存</li>



<li>Copy：スクショをクリップボードにコピー</li>



<li>Quick Accessを閉じる</li>



<li>スクショをピン留めして画面上に表示する</li>



<li>アノテーション（編集画面）を開く</li>



<li>クラウドにアップする</li>
</ul>



<p class="wp-block-paragraph">アノテーションを開くと、スクショにその場で矢印や四角形、テキスト、ぼかしなどを描き込めます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2054" height="1562" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_3.png" alt="" class="wp-image-12095" style="width:1027px"/></figure>



<p class="wp-block-paragraph">「ここを見てほしい」と示したいときに、別の画像編集アプリを開かずに完結できます。</p>



<p class="wp-block-paragraph">ウインドウ下の［Drag Me］をドラッグすると、チャットサービスなどにそのまま添付できるので、テキストだけよりも画像で説明した方が分かりやすい場合に重宝します。</p>



<h3 class="wp-block-heading">スクロールキャプチャ</h3>



<p class="wp-block-paragraph">スクロールキャプチャ（Scrolling Capture）は画面に収まらない縦長の範囲をまとめて撮影して1枚の画像にできる機能です。</p>



<p class="wp-block-paragraph">［Scrolling Capture］を実行したあと、下記手順で撮影できます。</p>



<ol class="wp-block-list">
<li>キャプチャ範囲を指定</li>



<li>［Start Capture］ボタンをクリック</li>



<li>ゆっくりスクロール</li>
</ol>



<figure class="wp-block-embed is-type-rich is-provider-x wp-block-embed-x"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">CleanShot XのScrolling Capture機能を使うと、下記の手順でスクロールエリア全体を簡単にキャプチャできます（スクロールバー部分は崩れやすいですが仕方なさそうです）。<br><br>①キャプチャ範囲を指定<br>②［Start Capture］をクリック<br>③ゆっくりスクロール… <a href="https://t.co/fuGuTvailV">pic.twitter.com/fuGuTvailV</a></p>&mdash; サイトウ マサカズ｜Webrandum (@31mskz10) <a href="https://x.com/31mskz10/status/2071616227936788909?ref_src=twsrc%5Etfw">June 29, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p class="wp-block-paragraph">ウェブサイトのフルスクリーンショットを撮影するブラウザ拡張機能はよく見かけますし、最近はブラウザ標準で用意されていたりもします。</p>



<p class="wp-block-paragraph">しかし、このスクロールキャプチャ機能はウェブサイト以外のアプリ画面でも利用できる点が便利です。</p>



<h3 class="wp-block-heading">画面録画（動画・GIF）</h3>



<p class="wp-block-paragraph">画面録画もCleanShot Xから行えます。<br>動画（MP4）だけでなくGIFでも保存できます。</p>



<p class="wp-block-paragraph">また、録画中のクリックやキー入力を表示したり、カメラ映像を重ねることもできます。<br>録画後は内蔵の動画エディタで前後をトリミングできます。</p>



<p class="wp-block-paragraph">GIFはサイズが軽くSlackやGitHubなどにそのまま貼れるので、ちょっとした操作手順を共有するときに便利です。</p>



<h3 class="wp-block-heading">OCR</h3>



<p class="wp-block-paragraph">画面に表示されている文字を、範囲選択するだけで読み取ってコピーできるOCR機能も備わっています。</p>



<p class="wp-block-paragraph">［Capture Text (OCR)］を実行して、スクショと同じ要領で画面をキャプチャします。<br>すると、キャプチャした範囲内のテキストがクリップボードにコピーされます。</p>



<p class="wp-block-paragraph">コピーできないアプリの文字や、画像内の文字をコピーしたいときに役立ちます。</p>



<h3 class="wp-block-heading">ピン留め</h3>



<p class="wp-block-paragraph">撮影したスクリーンショットを、付箋のように画面の最前面へ固定表示できる機能です。</p>



<p class="wp-block-paragraph">フォーカスが外れると消えてしまうような表示を見ながら何か別の操作をしたいときなど、参考にしたい資料や手順を表示したまま別のアプリで作業できるので、ウインドウを行き来する手間が減ります。</p>



<h3 class="wp-block-heading">All-In-One</h3>



<p class="wp-block-paragraph">All-In-Oneは、1つのショートカットからスクショ・録画・スクロールキャプチャなど、すべてのモードにアクセスできる機能です。<br>これはmacOS標準のスクリーンショット.appに似た機能です。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2722" height="1600" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_5-1.jpg" alt="" class="wp-image-12097" style="width:1361px"/></figure>



<p class="wp-block-paragraph">機能ごとにショートカットを覚えるのが面倒な場合は、All-In-Oneだけ覚えておけばひとまず事足ります。</p>



<p class="wp-block-paragraph">さらに地味に便利なのが横幅と縦幅をpx指定できる点です。<br>スクリーンショット.appだと、ドラッグして細かく範囲を調節しないといけません。</p>



<p class="wp-block-paragraph">「横幅1280pxで撮影したいのに、1281pxになっていた……」なんて人もいるのではないでしょうか？</p>



<p class="wp-block-paragraph">All-In-Oneでpx指定すれば確実なので、決まったサイズでスクショを撮りたい人は重宝します。</p>



<h2 class="wp-block-heading">CleanShot Cloud</h2>



<p class="wp-block-paragraph">CleanShot Cloudは、撮影したスクリーンショットや録画をクラウドにアップロードして、リンクで共有できる機能です。</p>



<p class="wp-block-paragraph">撮影直後にワンクリックでアップロードでき、コピーされたURLを相手に渡すだけで共有できます。ファイルそのものを送らなくて済むので、サッと共有したいときにラクです。</p>



<p class="wp-block-paragraph">買い切り版にも無料のCloudアカウント（1GB）が付いてくるので、ちょっとした共有であればこの範囲でも使えます。</p>



<p class="wp-block-paragraph">しかし、下記のような機能はCloud Pro（サブスク）でのみ使えます。</p>



<ul class="wp-block-list">
<li>クラウドストレージ無制限</li>



<li>共有リンクのパスワード保護</li>



<li>一定時間で消える自己消滅リンク</li>



<li>独自ドメインでの共有</li>
</ul>



<p class="wp-block-paragraph">Cloud Proの料金は、年払いで月8ドル（年96ドル）、月払いで月10ドルです。<br>アプリ自体は買い切りでも、Cloudの高度な機能を使いたい場合はサブスクが前提になります。</p>



<p class="wp-block-paragraph">ちなみに、先ほど触れた通りSetapp版ならCloud Proの機能が追加料金なしで使えます。Cloudをしっかり使いたいならSetapp版がオススメです。</p>



<h2 class="wp-block-heading">環境設定</h2>



<p class="wp-block-paragraph">CleanShot Xのメニューバーアイコンから［Settings…］を開くか、<kbd>command</kbd> + <kbd>,（カンマ）</kbd>で環境設定を開けます。</p>



<h3 class="wp-block-heading">General</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1434" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_6-1.png" alt="" class="wp-image-12100" style="width:707px"/></figure>



<p class="wp-block-paragraph">［General］タブでは、起動やサウンド、保存先などの基本設定ができます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Startup</td><td class="has-text-align-left" data-align="left">ログイン時にCleanShot Xを起動する（Start at login）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Sounds</td><td class="has-text-align-left" data-align="left">キャプチャ時などにサウンドを再生する（Play sounds）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Shutter sound</td><td class="has-text-align-left" data-align="left">シャッター音を選択する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Menu bar</td><td class="has-text-align-left" data-align="left">メニューバーにアイコンを表示する（Show icon）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Export location</td><td class="has-text-align-left" data-align="left">キャプチャの保存先を指定する</td><td class="has-text-align-left" data-align="left">デフォルトはデスクトップ</td></tr><tr><td class="has-text-align-left" data-align="left">Desktop icons</td><td class="has-text-align-left" data-align="left">キャプチャ中はデスクトップのアイコンを隠す（Hide while capturing）</td><td class="has-text-align-left" data-align="left">アイコンの写り込みを防げる</td></tr><tr><td class="has-text-align-left" data-align="left">After capture</td><td class="has-text-align-left" data-align="left">キャプチャ後のアクションを指定する</td><td class="has-text-align-left" data-align="left"></td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Wallpaper</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1356" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_7-1.png" alt="" class="wp-image-12101" style="width:707px"/></figure>



<p class="wp-block-paragraph">CleanShot Xはウインドウだけを撮影したときに、背景へ壁紙を敷いてキレイに見せる機能があります。<br>［Wallpaper］タブでは、その背景をここで設定します。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Desktop wallpaper</td><td class="has-text-align-left" data-align="left">現在のデスクトップ壁紙を背景に使う</td></tr><tr><td class="has-text-align-left" data-align="left">Don&#8217;t change the wallpaper when switching spaces</td><td class="has-text-align-left" data-align="left">スペースを切り替えても背景の壁紙を変えない</td></tr><tr><td class="has-text-align-left" data-align="left">Custom wallpaper</td><td class="has-text-align-left" data-align="left">任意の画像を背景に指定する</td></tr><tr><td class="has-text-align-left" data-align="left">Plain color</td><td class="has-text-align-left" data-align="left">単色を背景に指定する</td></tr><tr><td class="has-text-align-left" data-align="left">Window screenshots</td><td class="has-text-align-left" data-align="left">ウインドウ撮影時の背景を選ぶ（With wallpaper／Transparent）</td></tr><tr><td class="has-text-align-left" data-align="left">Padding</td><td class="has-text-align-left" data-align="left">ウインドウと背景のあいだの余白を調整する</td></tr><tr><td class="has-text-align-left" data-align="left">Shadow</td><td class="has-text-align-left" data-align="left">ウインドウの影もキャプチャする（Capture window shadow）</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Shortcuts</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1412" height="1532" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_8-2.png" alt="" class="wp-image-12102" style="width:706px"/></figure>



<p class="wp-block-paragraph">［Shortcuts］タブでは、各キャプチャ機能にショートカットキーを割り当てられます。</p>



<p class="wp-block-paragraph">割り当ては、各項目の入力欄をクリックして、設定したいキーを実際に押すだけです。<br>割り当てできる項目は多いので、ここではよく使う主なものを挙げます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">All-In-One</td><td class="has-text-align-left" data-align="left">すべてのモードにアクセスする</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Area</td><td class="has-text-align-left" data-align="left">範囲を選択してキャプチャする</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Previous Area</td><td class="has-text-align-left" data-align="left">前回と同じ範囲でキャプチャする</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Fullscreen</td><td class="has-text-align-left" data-align="left">全画面をキャプチャする</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Window</td><td class="has-text-align-left" data-align="left">ウインドウ単位でキャプチャする</td></tr><tr><td class="has-text-align-left" data-align="left">Self-Timer</td><td class="has-text-align-left" data-align="left">セルフタイマーでキャプチャする</td></tr><tr><td class="has-text-align-left" data-align="left">Scrolling Capture</td><td class="has-text-align-left" data-align="left">スクロールキャプチャを行う</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Text</td><td class="has-text-align-left" data-align="left">画面の文字を読み取る（OCR）</td></tr><tr><td class="has-text-align-left" data-align="left">Record Screen</td><td class="has-text-align-left" data-align="left">画面を録画する</td></tr><tr><td class="has-text-align-left" data-align="left">Record GIF</td><td class="has-text-align-left" data-align="left">GIFで録画する</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Quick Access</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1290" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_9.png" alt="" class="wp-image-12103" style="width:707px"/></figure>



<p class="wp-block-paragraph">［Quick Access］タブでは、キャプチャ後に表示されるQuick Accessの設定ができます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Position on screen</td><td class="has-text-align-left" data-align="left">オーバーレイを表示する画面上の位置を選ぶ</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Multi-display</td><td class="has-text-align-left" data-align="left">複数ディスプレイ使用時の表示先（Move to active screen＝アクティブな画面に表示）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Overlay size</td><td class="has-text-align-left" data-align="left">オーバーレイのサイズを調整する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Auto-close</td><td class="has-text-align-left" data-align="left">一定時間で自動的に閉じる（Enable）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Action</td><td class="has-text-align-left" data-align="left">自動で閉じるときの動作を指定する</td><td class="has-text-align-left" data-align="left">Auto-close関連</td></tr><tr><td class="has-text-align-left" data-align="left">Interval</td><td class="has-text-align-left" data-align="left">自動で閉じるまでの時間を指定する</td><td class="has-text-align-left" data-align="left">Auto-close関連</td></tr><tr><td class="has-text-align-left" data-align="left">Drag &amp; drop</td><td class="has-text-align-left" data-align="left">ドラッグして渡したあとに閉じる（Close after dragging）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Cloud upload</td><td class="has-text-align-left" data-align="left">アップロード後に閉じる（Close after uploading）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Save button behavior</td><td class="has-text-align-left" data-align="left">保存ボタンの動作を指定する（Save to &#8220;Export location&#8221;＝保存先に保存）</td><td class="has-text-align-left" data-align="left"></td></tr></tbody></table></figure>



<p class="wp-block-paragraph">私の場合はオーバーレイを左に表示し、保存ボタンは指定の保存先に直接保存する設定にしています。</p>



<h3 class="wp-block-heading">Recording</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1042" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_10-1.png" alt="" class="wp-image-12104" style="width:707px"/></figure>



<p class="wp-block-paragraph">［Recording］タブでは、画面録画に関する設定ができます。General・Video・GIFの3つに分かれています。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left"><strong>General</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Controls</td><td class="has-text-align-left" data-align="left">録画中にコントロールを表示する（Show controls while recording）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Menu bar</td><td class="has-text-align-left" data-align="left">メニューバーに録画時間を表示する（Display recording time）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Retina</td><td class="has-text-align-left" data-align="left">Retina動画を1倍に縮小する（Scale Retina videos to 1x）</td><td class="has-text-align-left" data-align="left">ファイルサイズを抑えられる</td></tr><tr><td class="has-text-align-left" data-align="left">Notifications</td><td class="has-text-align-left" data-align="left">録画中は集中モードにする（&#8221;Do Not Disturb&#8221; while recording）</td><td class="has-text-align-left" data-align="left">通知の写り込みを防ぐ</td></tr><tr><td class="has-text-align-left" data-align="left">Cursor</td><td class="has-text-align-left" data-align="left">カーソルを表示する（Show cursor）／クリックをハイライトする（Highlight clicks）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Keyboard</td><td class="has-text-align-left" data-align="left">キー入力を表示する（Show keystrokes）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Recording area</td><td class="has-text-align-left" data-align="left">録画範囲を記憶する（Remember last selection）／録画中に画面を暗くする（Dim screen）／カウントダウンを表示する（Show countdown）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left"><strong>Video</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Max resolution</td><td class="has-text-align-left" data-align="left">最大解像度を指定する</td><td class="has-text-align-left" data-align="left">デフォルトはOriginal</td></tr><tr><td class="has-text-align-left" data-align="left">Video FPS</td><td class="has-text-align-left" data-align="left">動画のフレームレートを指定する</td><td class="has-text-align-left" data-align="left">60など</td></tr><tr><td class="has-text-align-left" data-align="left">Audio</td><td class="has-text-align-left" data-align="left">録音の音声設定／モノラルで録音する（Record audio in mono）</td><td class="has-text-align-left" data-align="left">コンピュータ音声などを設定</td></tr><tr><td class="has-text-align-left" data-align="left">Video Encoder</td><td class="has-text-align-left" data-align="left">動画エンコーダーの設定／録画後に動画エディタを開く（Open Video Editor after recording）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left"><strong>GIF</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">GIF FPS</td><td class="has-text-align-left" data-align="left">GIFのフレームレートを指定する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">GIF quality</td><td class="has-text-align-left" data-align="left">GIFの画質を指定する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">GIF size</td><td class="has-text-align-left" data-align="left">GIFのサイズを指定する</td><td class="has-text-align-left" data-align="left">デフォルトは800 x auto</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Screenshots</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1656" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_11-1.png" alt="" class="wp-image-12105" style="width:707px"/></figure>



<p class="wp-block-paragraph">［Screenshots］タブでは、スクリーンショットの保存形式や見た目に関する設定ができます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">File format</td><td class="has-text-align-left" data-align="left">保存形式を指定する</td><td class="has-text-align-left" data-align="left">デフォルトはPNG</td></tr><tr><td class="has-text-align-left" data-align="left">Retina</td><td class="has-text-align-left" data-align="left">Retinaスクショを1倍に縮小する（Scale Retina screenshots to 1x）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Color management</td><td class="has-text-align-left" data-align="left">sRGBプロファイルに変換する（Convert to sRGB profile）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Frame</td><td class="has-text-align-left" data-align="left">すべてのスクショに1pxの枠線を付ける（Add 1px border）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Background</td><td class="has-text-align-left" data-align="left">スクショに背景を付ける</td><td class="has-text-align-left" data-align="left">デフォルトはNone（なし）</td></tr><tr><td class="has-text-align-left" data-align="left">Self-Timer interval</td><td class="has-text-align-left" data-align="left">セルフタイマーの秒数を指定する</td><td class="has-text-align-left" data-align="left">デフォルトは5秒</td></tr><tr><td class="has-text-align-left" data-align="left">Cursor</td><td class="has-text-align-left" data-align="left">スクショにカーソルを表示する（Show on screenshots）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Freeze screen</td><td class="has-text-align-left" data-align="left">撮影時に画面をフリーズさせる（Freeze screen when taking a screenshot）</td><td class="has-text-align-left" data-align="left">範囲選択中に画面が動かなくなる</td></tr><tr><td class="has-text-align-left" data-align="left">Crosshair mode</td><td class="has-text-align-left" data-align="left">範囲選択時のクロスヘア表示を設定する／拡大鏡を表示する（Show Magnifier）</td><td class="has-text-align-left" data-align="left">デフォルトはDisabled</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Annotate</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1058" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_12-1.png" alt="" class="wp-image-12106" style="width:707px"/></figure>



<p class="wp-block-paragraph">［Annotate］タブでは、Annotate（注釈）ツールの挙動を設定できます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Arrow tool</td><td class="has-text-align-left" data-align="left">矢印の向きを反転する（Inverse arrow direction）</td></tr><tr><td class="has-text-align-left" data-align="left">Pencil tool</td><td class="has-text-align-left" data-align="left">なめらかに描画する（Smooth drawing）</td></tr><tr><td class="has-text-align-left" data-align="left">Background tool</td><td class="has-text-align-left" data-align="left">ツールを開いた状態を記憶する（Remember if tool was opened）</td></tr><tr><td class="has-text-align-left" data-align="left">Shadow</td><td class="has-text-align-left" data-align="left">オブジェクトに影を描画する（Draw shadow on objects）</td></tr><tr><td class="has-text-align-left" data-align="left">Canvas</td><td class="has-text-align-left" data-align="left">キャンバスを自動的に広げる（Automatically expand）</td></tr><tr><td class="has-text-align-left" data-align="left">Accessibility</td><td class="has-text-align-left" data-align="left">色名を表示する（Show color names）</td></tr><tr><td class="has-text-align-left" data-align="left">Window</td><td class="has-text-align-left" data-align="left">常に最前面に表示する（Always on top）／Dockアイコンを表示する（Show Dock icon）</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Cloud</h3>



<p class="wp-block-paragraph">［Cloud］タブでは、CleanShot Cloudのアカウント連携やアップロードに関する設定ができます。</p>



<p class="wp-block-paragraph">ログイン状態の管理や、アップロードしたファイルの扱い、共有リンクの形式などをここで設定します。</p>



<h3 class="wp-block-heading">Advanced</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="1654" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_13-1.png" alt="" class="wp-image-12107" style="width:707px"/></figure>



<p class="wp-block-paragraph">［Advanced］タブでは、ファイル名やクリップボード、履歴など細かな挙動を設定できます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">項目</th><th class="has-text-align-left" data-align="left">内容</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">File name</td><td class="has-text-align-left" data-align="left">ファイル名の形式を編集する（Edit）／毎回キャプチャ後に名前を尋ねる（Ask for name after every capture）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Add &#8220;@2x&#8221; suffix to Retina screenshots</td><td class="has-text-align-left" data-align="left">Retinaスクショのファイル名に「@2x」を付ける</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Copy to clipboard</td><td class="has-text-align-left" data-align="left">クリップボードにコピーする内容を指定する</td><td class="has-text-align-left" data-align="left">デフォルトはFile &amp; Image。貼り付けやクリップボード管理アプリで問題が出るとき変更する</td></tr><tr><td class="has-text-align-left" data-align="left">Pinned screenshots</td><td class="has-text-align-left" data-align="left">ピン留め時の見た目を設定する（Rounded corners／Shadow／Border）</td><td class="has-text-align-left" data-align="left">角丸・影・枠線から選択する</td></tr><tr><td class="has-text-align-left" data-align="left">Keep history</td><td class="has-text-align-left" data-align="left">キャプチャ履歴を保持する期間を指定する</td><td class="has-text-align-left" data-align="left">Never／1 day／3 days／1 week／1 monthから選択。Capture Historyから復元できる</td></tr><tr><td class="has-text-align-left" data-align="left">All-In-One</td><td class="has-text-align-left" data-align="left">前回の選択を記憶する（Remember last selection）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Text recognition</td><td class="has-text-align-left" data-align="left">OCRの言語や挙動を設定する（言語の自動判別／改行を保持／リンクを検出）</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">API</td><td class="has-text-align-left" data-align="left">外部アプリからの制御を許可する（Allow applications to control CleanShot）</td><td class="has-text-align-left" data-align="left">URLスキームAPIでの制御。無効にすると外部アプリから操作できなくなる</td></tr><tr><td class="has-text-align-left" data-align="left">Dialogs</td><td class="has-text-align-left" data-align="left">すべての警告ダイアログをリセットする（Reset All Warning Dialogs）</td><td class="has-text-align-left" data-align="left"></td></tr></tbody></table></figure>



<h3 class="wp-block-heading">About</h3>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1414" height="926" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_14-1.png" alt="" class="wp-image-12108" style="width:707px"/></figure>



<p class="wp-block-paragraph">［About］タブでは、バージョン情報やライセンス、アップデートの確認ができます。</p>



<p class="wp-block-paragraph">現在使っているバージョンの確認や、最新版へのアップデート確認をここから行えます。</p>



<h2 class="wp-block-heading">アクションURL</h2>



<p class="wp-block-paragraph">CleanShot XにはアクションURLが設定されています。<br>これはURLのような形式で、アプリの特定機能を発火できる機能のことです。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://cleanshot.com/docs-api" data-lkc-id="1067" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=cleanshot.com" alt="" width="16" height="16" /></div><div class="lkc-domain">CleanShot</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/c1800d79400cc02ed6b90b14c8b6979b0ca479ba5dd71802d01a5105c76faf65.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">CleanShot X - URL scheme API</div><div class="lkc-url" title="https://cleanshot.com/docs-api">https://cleanshot.com/docs-api</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">用意されているアクションは下記の通りです。形式は<code>cleanshot://アクション名</code>で、必要に応じて<code>?パラメータ=値</code>を付けて細かく制御できます。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">アクション名</th><th class="has-text-align-left" data-align="left">URL</th><th class="has-text-align-left" data-align="left">何ができるか</th><th class="has-text-align-left" data-align="left">備考</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left"><strong>キャプチャ（スクリーンショット）</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">All-In-One</td><td class="has-text-align-left" data-align="left"><code>cleanshot://all-in-one</code></td><td class="has-text-align-left" data-align="left">すべてのキャプチャモードにアクセスする</td><td class="has-text-align-left" data-align="left">表示位置・ディスプレイを指定可能</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Area</td><td class="has-text-align-left" data-align="left"><code>cleanshot://capture-area</code></td><td class="has-text-align-left" data-align="left">範囲を選択してキャプチャする</td><td class="has-text-align-left" data-align="left">x / y / width / height / display / actionパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Previous Area</td><td class="has-text-align-left" data-align="left"><code>cleanshot://capture-previous-area</code></td><td class="has-text-align-left" data-align="left">前回と同じ範囲でキャプチャする</td><td class="has-text-align-left" data-align="left">actionパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Fullscreen</td><td class="has-text-align-left" data-align="left"><code>cleanshot://capture-fullscreen</code></td><td class="has-text-align-left" data-align="left">全画面をキャプチャする</td><td class="has-text-align-left" data-align="left">actionパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left">Capture Window</td><td class="has-text-align-left" data-align="left"><code>cleanshot://capture-window</code></td><td class="has-text-align-left" data-align="left">ウインドウ単位でキャプチャする</td><td class="has-text-align-left" data-align="left">actionパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left">Self-Timer</td><td class="has-text-align-left" data-align="left"><code>cleanshot://self-timer</code></td><td class="has-text-align-left" data-align="left">セルフタイマーでキャプチャする</td><td class="has-text-align-left" data-align="left">actionパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left">Scrolling Capture</td><td class="has-text-align-left" data-align="left"><code>cleanshot://scrolling-capture</code></td><td class="has-text-align-left" data-align="left">スクロールキャプチャを行う</td><td class="has-text-align-left" data-align="left">開始位置・自動スクロールを指定可能（4.7以降）</td></tr><tr><td class="has-text-align-left" data-align="left">Pin</td><td class="has-text-align-left" data-align="left"><code>cleanshot://pin</code></td><td class="has-text-align-left" data-align="left">スクリーンショットをピン留め表示する</td><td class="has-text-align-left" data-align="left">filepathで画像を指定可能</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>録画</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Record Screen</td><td class="has-text-align-left" data-align="left"><code>cleanshot://record-screen</code></td><td class="has-text-align-left" data-align="left">画面録画を開始する</td><td class="has-text-align-left" data-align="left">表示位置・ディスプレイを指定可能（4.7以降）</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>テキスト認識（OCR）</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Capture Text</td><td class="has-text-align-left" data-align="left"><code>cleanshot://capture-text</code></td><td class="has-text-align-left" data-align="left">画面や画像の文字を読み取る（OCR）</td><td class="has-text-align-left" data-align="left">filepathで画像を指定、改行保持などのパラメータ対応</td></tr><tr><td class="has-text-align-left" data-align="left"><strong>注釈</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Open Annotate</td><td class="has-text-align-left" data-align="left"><code>cleanshot://open-annotate</code></td><td class="has-text-align-left" data-align="left">画像を注釈エディタで開く</td><td class="has-text-align-left" data-align="left">filepathで画像を指定</td></tr><tr><td class="has-text-align-left" data-align="left">Open from Clipboard</td><td class="has-text-align-left" data-align="left"><code>cleanshot://open-from-clipboard</code></td><td class="has-text-align-left" data-align="left">クリップボードの画像を注釈エディタで開く</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left"><strong>デスクトップアイコン</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Toggle Desktop Icons</td><td class="has-text-align-left" data-align="left"><code>cleanshot://toggle-desktop-icons</code></td><td class="has-text-align-left" data-align="left">デスクトップアイコンの表示を切り替える</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Hide Desktop Icons</td><td class="has-text-align-left" data-align="left"><code>cleanshot://hide-desktop-icons</code></td><td class="has-text-align-left" data-align="left">デスクトップアイコンを隠す</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Show Desktop Icons</td><td class="has-text-align-left" data-align="left"><code>cleanshot://show-desktop-icons</code></td><td class="has-text-align-left" data-align="left">デスクトップアイコンを表示する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left"><strong>オーバーレイ・履歴・設定</strong></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Add Quick Access Overlay</td><td class="has-text-align-left" data-align="left"><code>cleanshot://add-quick-access-overlay</code></td><td class="has-text-align-left" data-align="left">指定した画像・動画でQuick Accessオーバーレイを表示する</td><td class="has-text-align-left" data-align="left">filepathが必須</td></tr><tr><td class="has-text-align-left" data-align="left">Open History</td><td class="has-text-align-left" data-align="left"><code>cleanshot://open-history</code></td><td class="has-text-align-left" data-align="left">キャプチャ履歴を開く</td><td class="has-text-align-left" data-align="left">4.4以降</td></tr><tr><td class="has-text-align-left" data-align="left">Restore Recently Closed</td><td class="has-text-align-left" data-align="left"><code>cleanshot://restore-recently-closed</code></td><td class="has-text-align-left" data-align="left">直近で閉じたファイルを復元する</td><td class="has-text-align-left" data-align="left"></td></tr><tr><td class="has-text-align-left" data-align="left">Open Settings</td><td class="has-text-align-left" data-align="left"><code>cleanshot://open-settings</code></td><td class="has-text-align-left" data-align="left">環境設定を開く</td><td class="has-text-align-left" data-align="left">tabパラメータで特定タブを直接開ける</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">多くのキャプチャ系アクションは<code>action</code>パラメータに<code>copy</code>／<code>save</code>／<code>annotate</code>／<code>upload</code>／<code>pin</code>を指定でき、キャプチャ後の動作をURL側から決められます。</p>



<p class="wp-block-paragraph">なお、これらのアクションを外部アプリから呼び出すには、前述の［Advanced］タブにあるAPIの項目（Allow applications to control CleanShot）が有効になっている必要があります。</p>



<h2 class="wp-block-heading">Keyboard Maestroの活用</h2>



<p class="wp-block-paragraph">CleanShot XでmacOS標準のスクショショートカットキーを上書きする手もありますが、私の場合はKeyboard Maestroを使って<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>4</kbd>の1回押しで標準のスクショにして、2回押しでCleanShot Xが起動するようにしています。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1004" height="874" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_15-1.png" alt="" class="wp-image-12109" style="width:502px"/></figure>



<p class="wp-block-paragraph">Keyboard Maestroのトリガーを2回押しを設定して、<kbd>esc</kbd>で標準のスクショをキャンセルしてから、アクションURLでCleanShot Xを呼び出しています。</p>



<p class="wp-block-paragraph">これならショートカットキーを忘れる心配がありませんし、標準機能とCleanShot Xを使い分けられます。</p>



<p class="wp-block-paragraph">他にも<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>5</kbd>の2回押しならAll in Oneが起動するようにもしています。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1004" height="874" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_16-1.png" alt="" class="wp-image-12110" style="width:502px"/></figure>



<p class="wp-block-paragraph">このように、アクションURLがあると他アプリとの連携がラクに実現できます。</p>



<h2 class="wp-block-heading">Alfredの活用</h2>



<p class="wp-block-paragraph">アクションURLを一覧で表示して、そこからAlfredで絞り込んで実行できるワークフローを作成しました。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1190" height="1024" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_17-1.png" alt="" class="wp-image-12111" style="width:595px"/></figure>



<p class="wp-block-paragraph">下記GitHubリポジトリ内の「<a href="https://github.com/31mskz10/alfred-workflows">CleanShot X Actions</a>」です。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/31mskz10/alfred-workflows" data-lkc-id="1014" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=github.com" alt="" width="16" height="16" /></div><div class="lkc-domain">GitHub</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/47c556f635476ad2ec1076e16d18385b21ec940b8ddc4343638a6837f0f81cec.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">GitHub - 31mskz10/alfred-workflows: My Alfred Workflows</div><div class="lkc-url" title="https://github.com/31mskz10/alfred-workflows">https://github.com/31mskz10/alfred-workflows</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">これはCleanShot XのドキュメントページからアクションURLを取得して表示しているので、今後アップデートがあって新しいアクションURLが追加されても反映されるようになっています。</p>



<h2 class="wp-block-heading">PixelSnapとの連携</h2>



<p class="wp-block-paragraph">ふわっとの<a href="https://x.com/okada41">岡田さん</a>がCleanShot XとPixelSnapの連携についてnoteを書いてくださいました。<br>ぜひこちらの記事もご覧ください。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://note.com/fuwhat_okada/n/nf2a52c739325" data-lkc-id="1068" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=note.com" alt="" width="16" height="16" /></div><div class="lkc-domain">note（ノート）</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/1b20bf17160e5182f784a66f43873c6906aa13021f85d18e2397cc91185d2b53.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">CleanShot Xがもっと便利になる。私が手放せない「PixelSnap」との組み合わせ｜岡...</div><div class="lkc-url" title="https://note.com/fuwhat_okada/n/nf2a52c739325">https://note.com/fuwhat_okada/n/nf2a52c739325</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">PixelSnapは画面上のオブジェクトの幅・高さ・オブジェクト間の距離・余白などを測定できるアプリで、PixelSnapとCleanShot Xはアプリレベルで連携できるようになっています。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">標準のスクリーンショット機能でも撮影自体は十分です。<br>しかし、撮ったあとに注釈を入れたりすぐ共有したりといったその先の作業まで考えると、CleanShot Xがあると一気にラクになります。</p>



<p class="wp-block-paragraph">スクショを撮る機会が多い人や、撮った画像に手を加えて共有することが多い人にはオススメのアプリです。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました</title>
		<link>https://webrandum.net/launch-cmd-f/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 09 Jul 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[お知らせ]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12083</guid>

					<description><![CDATA[新しい試みとして、2026年7月1日からDiscordコミュニティを立ち上げました。 当ブログでもよく紹介しているKeyboard MaestroのマクロやIl…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">新しい試みとして、2026年7月1日からDiscordコミュニティを立ち上げました。</p>



<p class="wp-block-paragraph">当ブログでもよく紹介しているKeyboard MaestroのマクロやIllustratorのスクリプト、便利なユーティリティアプリの活用方法などを参加者同士で共有し、お互いの作業環境の効率化や新たな発見・刺激を得られたりする場を目指しています。</p>



<h2 class="wp-block-heading">CMD-F</h2>



<p class="wp-block-paragraph">コミュニティの名前はCMD-F（コマンド エフ）にしました。<br>macOSユーザーにはおなじみの検索ショートカットの<kbd>command</kbd> + <kbd>F</kbd>に由来しています。</p>



<p class="wp-block-paragraph">お互いの効率化方法をシェアして、集まった知見の中から自分に合った最適解を探す場という意味を込めています。</p>



<p class="wp-block-paragraph">X（旧：Twitter）のアカウントも<a href="https://x.com/cmd_f_jp" target="_blank" rel="noreferrer noopener">@cmd_f_jp</a>で作成しました。</p>



<figure class="wp-block-embed is-type-rich is-provider-x wp-block-embed-x"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">macOS環境の効率化について情報交換や交流、マクロの共有を行うコミュニティ「CMD-F（コマンド エフ）」をスタートします。<br><br>交流はDiscordサーバーを中心に行うので、興味のある方はぜひ下記の招待リンクからご参加ください。<a href="https://t.co/z9rN96gdxe">https://t.co/z9rN96gdxe</a></p>&mdash; CMD-F｜macOS環境の効率化コミュニティ (@cmd_f_jp) <a href="https://x.com/cmd_f_jp/status/2071972038810501459?ref_src=twsrc%5Etfw">June 30, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<h2 class="wp-block-heading">CMD-Fでできること</h2>



<p class="wp-block-paragraph">現時点で大きく分けて「交流」と「共有」「質問」ができます。</p>



<h3 class="wp-block-heading">交流</h3>



<p class="wp-block-paragraph">「#雑談」チャンネルでは、macOSに関することはもちろん、それ以外の話題も気軽に雑談できます。</p>



<p class="wp-block-paragraph">「#宣伝」チャンネルで登壇情報やご自身で作成したウェブサービス・アプリ等の宣伝ができます。</p>



<h3 class="wp-block-heading">共有</h3>



<p class="wp-block-paragraph">「#マクロ・スクリプトシェア」チャンネルで作成したマクロやスクリプトの共有ができます。<br>タイトルや説明と合わせてデータを添付してシ共有します。</p>



<p class="wp-block-paragraph">タグで管理しているので、後から探しやすくなります。<br>現時点ではKeyboard MaestroマクロやIllustratorスクリプト、設定ファイル程度ですが、今後投稿数が増えてきたらタグも増やして整理していきます。</p>



<p class="wp-block-paragraph">また、「#アプリ情報」チャンネルでは、アプリごとにスレッドを立てて情報交換できるようにしています。</p>



<p class="wp-block-paragraph">人によって使っている・興味があるアプリが違うと思ったので、スレッドごとに分ける方式を採用していますが、ある程度人が増えないと機能しないかな？と思ったり……</p>



<p class="wp-block-paragraph">どのように運用していくかは様子を見ながら柔軟に見直していく予定です。</p>



<h3 class="wp-block-heading">質問</h3>



<p class="wp-block-paragraph">「#質問」チャンネルでは、困ったことや「他の人はどうしているのだろう？」と思ったことを気軽に質問できます。</p>



<p class="wp-block-paragraph">「#マクロ・スクリプトシェア」チャンネルもそうですが、フォーラムチャンネルという設定にしておくと、テキストチャンネルと違って、投稿ごとにスレッドができて返信やフォローができるため、後から振り返りやすいメリットがあります。</p>



<h2 class="wp-block-heading">Discordを採用した理由</h2>



<p class="wp-block-paragraph">コミュニティを作るにあたって、選択肢はいろいろあります。<br>Slack、X（旧Twitter）、Facebookグループなどなど。</p>



<p class="wp-block-paragraph">DiscordはSlackによく似ていますが、Slackに比べて無料でより多くの機能が使えます。<br>チャンネルのカテゴリ分けやロール管理に加え、アプリの導入やBotの作成によって、さまざまな機能を追加しながらコミュニティを運営できます。</p>



<p class="wp-block-paragraph">最近はウェブサービスのコミュニティでもDiscordが採用されているケースを見かけるようになったため、試しにDiscordにしてみました。<br>Slackのように無料プランだと履歴が見られる期間に制限があるといったこともありません。</p>



<p class="wp-block-paragraph">現時点では最小限の構成ですが、規模の拡大に合わせてチャンネルを増やしたり、Botや音声チャンネルも検討していきます。</p>



<h2 class="wp-block-heading">ぜひご参加ください</h2>



<p class="wp-block-paragraph">当ブログ（Webrandum）を読んでくださっている方とは相性の良いコミュニティだと思います。<br>ぜひ下記の招待リンクからご参加ください。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://t.co/z9rN96gdxe" data-lkc-id="1066" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=t.co" alt="" width="16" height="16" /></div><div class="lkc-domain">t.co</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Ft.co%2Fz9rN96gdxe?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">https://discord.gg/eC6nau9q8w</div><div class="lkc-url" title="https://t.co/z9rN96gdxe">https://t.co/z9rN96gdxe</div></div><div class="clear"></div></div></a></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>1Passwordの開発者向け機能（SSH Agent / Environments / 1Password CLI / Developer Watchtower）</title>
		<link>https://webrandum.net/1password-developer/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 02 Jul 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[コーディング]]></category>
		<category><![CDATA[1Password CLI]]></category>
		<category><![CDATA[1Password]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12027</guid>

					<description><![CDATA[1Passwordはパスワード管理アプリとして使っている人が多いと思いますが、SSHキーやAPIトークン、.envまで扱える「開発者向け機能」が用意されているこ…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">1Passwordはパスワード管理アプリとして使っている人が多いと思いますが、SSHキーやAPIトークン、<code>.env</code>まで扱える「開発者向け機能」が用意されていることはあまり知られていません。</p>



<p class="wp-block-paragraph">今回は1Passwordの開発者向け機能についてまとめます。</p>



<h2 class="wp-block-heading">1Password</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="3020" height="1702" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3.jpg" alt="" class="wp-image-12028" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3.jpg 3020w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3-320x180.jpg 320w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3-640x360.jpg 640w" sizes="(max-width: 3020px) 100vw, 3020px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://1password.com/developer-security" data-lkc-id="1063" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=1password.com" alt="" width="16" height="16" /></div><div class="lkc-domain">1password.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/7706af488d26b3f6a346a8f27a281aaa163e7088f5d09383b879e8b75af6ade7.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">1Password Developer – Secure Your Secrets  | 1Password</div><div class="lkc-url" title="https://1password.com/developer-security">https://1password.com/developer-security</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">1Passwordはパスワード管理アプリです。マスターパスワードを1つ覚えておけば、あらゆるサービスのパスワード情報を全部管理できます。</p>



<p class="wp-block-paragraph">この手のパスワード管理アプリは数多くありますし、最近はApple純正のパスワード管理アプリもあります。</p>



<p class="wp-block-paragraph">そして今回紹介する1Password Developerは、1Passwordが開発者向けに用意している機能の総称です。<br>執筆時点では主に下記の4つがあります。</p>



<ul class="wp-block-list">
<li>SSHエージェント（1Password SSH Agent）</li>



<li>環境（1Password Environments）</li>



<li>CLI（1Password CLI）</li>



<li>Watchtower（Developer Watchtower）</li>
</ul>



<p class="wp-block-paragraph">すでに1Passwordのアプリをインストールして使っている場合、［環境設定］→［開発者］で有効にして使用できます。</p>



<h2 class="wp-block-heading">1Password CLIのインストール</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="3020" height="1702" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-3.png" alt="" class="wp-image-12029" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-3.png 3020w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-3-320x180.png 320w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-3-640x360.png 640w" sizes="(max-width: 3020px) 100vw, 3020px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://1password.com/downloads/command-line" data-lkc-id="1064" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=1password.com" alt="" width="16" height="16" /></div><div class="lkc-domain">1password.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/9cd317557a56a37e288698e7069f8f9f6d8670c1b342d6fc1ce3044dc4d06e64.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Download Command Line (CLI) | 1Password</div><div class="lkc-url" title="https://1password.com/downloads/command-line">https://1password.com/downloads/command-line</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">1Password CLIを使うためには、デスクトップアプリとは別でインストールする必要があります。</p>



<p class="wp-block-paragraph">Homebrewでインストールするか、<a href="https://1password.com/downloads/command-line">公式サイト</a>からインストーラーをダウンロードして実行しましょう。</p>



<p class="wp-block-paragraph">ちなみに「環境（1Password Environments）」機能は現在ベータ機能なので、使用したい場合はベータ版をインストールする必要があります（1Password CLI 2.33.0-beta.02以降でのみ利用可能）。</p>



<pre class="wp-block-code"><code>brew install --cask 1password-cli@beta</code></pre>



<p class="wp-block-paragraph">Environmentsが不要な場合は通常版をインストールしましょう。</p>



<pre class="wp-block-code"><code>brew install --cask 1password-cli</code></pre>



<h2 class="wp-block-heading">1Password Developerの初期設定</h2>



<p class="wp-block-paragraph">1Passwordデスクトップアプリの［環境設定］→［開発者］を開いて、［1Password開発者エクスペリエンスを表示する］にチェックを入れます（1Password 7の頃のデスクトップアプリを使っている場合は利用不可なので、最新版のデスクトップアプリをインストールしましょう）。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1635" height="1433" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_3-3.png" alt="" class="wp-image-12033" style="width:818px"/></figure>



<p class="wp-block-paragraph">これで1Passwordアプリのサイドバーに［開発者］が表示されるようになります。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="466" height="770" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_4-3.png" alt="" class="wp-image-12034" style="width:233px"/></figure>



<p class="wp-block-paragraph">そのうえで、用途に応じて下記もオンにしておきます。</p>



<ul class="wp-block-list">
<li>［1Password CLIと連携］</li>



<li>［ディスク上の開発者認証情報をチェックする］</li>
</ul>



<p class="wp-block-paragraph">これで最初の設定は完了です。</p>



<h2 class="wp-block-heading">1Passwordの開発者向け機能</h2>



<p class="wp-block-paragraph">ここからは4つの機能を1つずつ紹介します。<br>それぞれの機能の概要は下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">機能</th><th class="has-text-align-left" data-align="left">できること</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">SSHエージェント（1Password SSH Agent）</td><td class="has-text-align-left" data-align="left">1Password内のSSH鍵でGitやSSH認証を行う</td></tr><tr><td class="has-text-align-left" data-align="left">環境（1Password Environments）</td><td class="has-text-align-left" data-align="left">環境変数を管理し、<code>.env</code>のマウントやCLIから読み込む</td></tr><tr><td class="has-text-align-left" data-align="left">CLI（1Password CLI）</td><td class="has-text-align-left" data-align="left"><code>op</code>コマンドでシークレット取得や注入を行う</td></tr><tr><td class="has-text-align-left" data-align="left">Watchtower（Developer Watchtower）</td><td class="has-text-align-left" data-align="left"><code>~/.ssh</code>以下のSSH鍵を監査する</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">SSHエージェント</h3>



<p class="wp-block-paragraph">1PasswordのSSHエージェントは、1Passwordに保存したSSHキーを使ってGitやSSH接続を認証する機能です。<br>秘密鍵を各マシンの<code>~/.ssh</code>に置きっぱなしにせずに済むのがメリットですし、鍵の実体は1Passwordアプリの外に出ません。</p>



<p class="wp-block-paragraph">また、接続時は1Password側で認証の許可を出す形になるので、「秘密鍵ファイルはあるけれど、どのプロセスが使っているか分かりにくい」という状態を避けやすくなります。</p>



<p class="wp-block-paragraph">GitHub用とサーバー接続用で鍵を分けたい場合も、1Password側でVaultを分けて管理できます。<br>最近のアクティビティもアプリ側で確認できるので、「この鍵いつ使われたっけ？」を後追いしやすいのも嬉しいポイントです。</p>



<p class="wp-block-paragraph">ただし、LinuxのFlatpak版やSnap版の1PasswordアプリだとSSHエージェントが動きません。Linuxで使う場合は注意が必要です。</p>



<h4 class="wp-block-heading">SSHエージェントの初回設定方法</h4>



<p class="wp-block-paragraph">まずは［環境設定］→［開発者］で［SSHエージェントを使用］にチェックを入れます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1635" height="1433" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_5.png" alt="" class="wp-image-12051" style="width:818px"/></figure>



<p class="wp-block-paragraph">［SSHの設定を変更する…］ボタンをクリックすると、設定が表示されます。<br>表示されるコードを「<code>~/.ssh/config</code>」に追加するか、もしくは［自動的に編集］ボタンを押すと自動で追加してくれます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1635" height="1433" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_6.png" alt="" class="wp-image-12052" style="width:818px"/></figure>



<p class="wp-block-paragraph">正常に追加されると、モーダルが閉じて「SSHエージェントが追加されました」メッセージが表示されます。</p>



<h4 class="wp-block-heading">SSHキーの登録</h4>



<p class="wp-block-paragraph">次に、すでに使っているSSHキーを1Password側に登録したり、SSHエージェントで利用するように設定する必要があります。</p>



<p class="wp-block-paragraph">1Passwordアプリのサイドバーにある［開発者］をクリックし、［SSHエージェントを表示］ボタンをクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_7.png" alt="" class="wp-image-12053" style="width:1061px"/></figure>



<p class="wp-block-paragraph">［新しいSSHキー］ボタンをクリックすると、新たにSSHキーの新規アイテム登録画面が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_8.png" alt="" class="wp-image-12054" style="width:1061px"/></figure>



<p class="wp-block-paragraph">ちなみに、ここから登録しなくても［新規アイテム］の中から［SSHキー］を選択しても登録できます。</p>



<p class="wp-block-paragraph">登録できたら、［すべてのSSHキーを表示］でSSHキーに絞り込んだアイテム一覧が表示されます。<br>SSHエージェントに追加したいアイテムを選択して、［SSHエージェントの設定ファイルを開く…］ボタンをクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_8-1.png" alt="" class="wp-image-12055" style="width:1061px"/></figure>



<p class="wp-block-paragraph">ターミナルなどで「agent.toml」ファイルが開くので、ここにSSHエージェントのアイテムを下記の形式で追加します。</p>



<pre class="wp-block-code"><span class="hljs-code-title">agent.toml</span><code>&#091;&#091;ssh-keys]]
item = "アイテム名"
vault = "アイテムを格納しているVault名"</code></pre>



<p class="wp-block-paragraph">入力して保存したら、1Passwordを一度ロックしてから再度解除する必要があります（<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>L</kbd>でロックできます）。</p>



<p class="wp-block-paragraph">一度ロック → 解除することで、1Password側で認識されるようになります。<br>もう一度サイドバーにある［開発者］→［SSHエージェントを表示］で［利用できるSSHキー］に表示されていればOKです。</p>



<p class="wp-block-paragraph">ここからさらにGitのコミットに署名するには、再度SSHキーのアイテム詳細画面に移動します。</p>



<p class="wp-block-paragraph">今度は［次のステップ：Gitのコミットに署名する］と書かれているので、［設定する…］ボタンをクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_10.png" alt="" class="wp-image-12056" style="width:1061px"/></figure>



<p class="wp-block-paragraph">［Gitコミットの署名を設定する］画面が表示されるので、出てきたコードを<code>~/.gitconfig</code>ファイルに追加すると、そのキーで署名出来るようになりますし、［自動的に編集］ボタンを押せば自動でファイルを編集して設定してくれます。 </p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1174" height="1210" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_11.png" alt="" class="wp-image-12057" style="width:587px"/></figure>



<p class="wp-block-paragraph">最初の設定は面倒ですが、1Passwordで管理しているSSHキーをそのまま使えるようになります。</p>



<p class="wp-block-paragraph">あとはいままでSSHキーを1Passwordで管理していなかったので、この機会に少しずつ1Passwordで管理するように移行していっています。<br>PCの移行時などにも1Passwordを接続して移行できるので便利そうです。</p>



<h3 class="wp-block-heading">1Password Environments</h3>



<p class="wp-block-paragraph">1Password Environmentsは、プロジェクト用の環境変数（.envファイル）を1Password上で管理する機能です。<br>通常のアイテムとは別枠で、.envファイルを管理できます。</p>



<p class="wp-block-paragraph">ただし、この機能は2026年6月時点ではまだベータ版ですし、1Password CLIから読み込む場合には1Password CLIをベータ版にしておく必要があります。</p>



<p class="wp-block-paragraph">1Password CLIと一緒に使用する場合が多く、<code>op run --environment</code>というコマンドを使って、必要なタイミングだけ環境変数を注入してコマンドを実行できます。</p>



<p class="wp-block-paragraph">例えば、下記のコマンドを実行すれば指定の.envを使って<code>npm run dev</code>を実行できます。</p>



<pre class="wp-block-code"><code>op run --environment &lt;environment-id&gt; -- npm run dev</code></pre>



<p class="wp-block-paragraph">また、<code>.env</code>ファイルをマウントする仕組みも用意されていて、平文の<code>.env</code>をディスクに置かずに済みます。</p>



<h4 class="wp-block-heading">環境の追加方法</h4>



<p class="wp-block-paragraph">1Passwordアプリのサイドバーにある［開発者］をクリックし、［環境を表示］ボタンをクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_12.png" alt="" class="wp-image-12058" style="width:1061px"/></figure>



<p class="wp-block-paragraph">［新しい環境］ボタンをクリックして追加します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_13.png" alt="" class="wp-image-12059" style="width:1061px"/></figure>



<p class="wp-block-paragraph">追加したら既に作成済みの.envファイルをドラッグアンドドロップでインポートするか、［新しい変数］ボタンで変数と値を入力します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_14.png" alt="" class="wp-image-12060" style="width:1061px"/></figure>



<p class="wp-block-paragraph">これで環境変数の追加は完了です。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_15.png" alt="" class="wp-image-12061" style="width:1061px"/></figure>



<h4 class="wp-block-heading">ローカルにマウントする</h4>



<p class="wp-block-paragraph">作成した環境変数をローカルの.envファイルとしてマウントする場合は［保存先］タブを選択して、ローカル.envファイルの［保存先の設定］をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_16.png" alt="" class="wp-image-12062" style="width:1061px"/></figure>



<p class="wp-block-paragraph">［ファイルパスを選択する］ボタンをクリックしてマウントしたいフォルダを選択すれば、そこに.envファイルがマウントされます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_17.png" alt="" class="wp-image-12063" style="width:1061px"/></figure>



<h4 class="wp-block-heading">1Password CLI経由で読み込む場合</h4>



<p class="wp-block-paragraph">ターミナルコマンド上で使用したい場合は、1Password CLIを使って読み込みます。</p>



<p class="wp-block-paragraph">［アクセスの管理］の右横にあるボタンを選択して［環境IDをコピーする］をクリックします。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_18.png" alt="" class="wp-image-12064" style="width:1061px"/></figure>



<p class="wp-block-paragraph">そのあと、下記コマンドの「&lt;environment-id&gt;」部分にコピーした環境IDをペーストして、「npm run dev」部分は実行したいコマンドを入力します。</p>



<pre class="wp-block-code"><code>op run --environment &lt;environment-id&gt; -- npm run dev</code></pre>



<p class="wp-block-paragraph">これでコマンドを実行すると1Passwordの認証が求められて、解除すると1Password Environmentsで管理している環境変数が渡った状態でコマンドが実行されます。</p>



<h3 class="wp-block-heading">1Password CLI</h3>



<p class="wp-block-paragraph">1Password CLIをインストールすると、ターミナル上で<code>op</code>コマンドが使えるようになります。<br>このコマンドを使うことで、1Passwordの情報をターミナル上で扱えるようになります。</p>



<p class="wp-block-paragraph">また、［環境設定］→［開発者］で［1Password CLIと連携」にチェックを入れておくと、<code>op</code>コマンドを使うときの認証にTouch IDが使えるようになります。</p>



<p class="wp-block-paragraph">1Passwordの開発者向け機能はCLIと組み合わせて使い場合が多いので、基本1Password CLIはインストールする前提で考えた方が良さそうです。</p>



<h3 class="wp-block-heading">Developer Watchtower</h3>



<p class="wp-block-paragraph">Developer Watchtowerは、ローカルディスク上の開発者向け認証情報をチェックする機能です。<br>現時点の対象は<code>~/.ssh</code>以下にあるSSH秘密鍵になっています（APIキーや<code>.env</code>まで全部スキャンしてくれるわけではありません）。</p>



<p class="wp-block-paragraph">1Passwordアプリのサイドバーにある［開発者］をクリックし、［Watchtowerを表示］ボタンをクリックして確認できます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="2121" height="1478" src="https://webrandum.net/mskz/wp-content/uploads/2026/07/image_19.png" alt="" class="wp-image-12065" style="width:1061px"/></figure>



<p class="wp-block-paragraph">通常のWatchtowerが漏えいパスワードや弱いパスワードを確認する機能なのに対して、こちらは開発用のSSH鍵まわりを見る機能だと考えると分かりやすいです。</p>



<p class="wp-block-paragraph">SSHエージェントを使うためにすべて1Password上で管理している場合は不要ですが、そうでない場合はSSHキーの監査をしてくれます。</p>



<p class="wp-block-paragraph">検出対象はOpenSSH、PKCS#8、PKCS#1形式のSSH秘密鍵で、<code>~/.ssh</code>配下を最大3階層までスキャンします（シンボリックリンクは追わず、1MiBを超えるファイルはスキップされます）。</p>



<p class="wp-block-paragraph">警告内容は下記のようなものです。</p>



<ul class="wp-block-list">
<li>1Passwordにすでに取り込んだ鍵の重複</li>



<li>パスフレーズなしで平文保存された秘密鍵</li>



<li>古い方式の危険な鍵</li>
</ul>



<p class="wp-block-paragraph">いままで雑に管理していた人は、一度見ておくと良いかもしれません。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">1Passwordは単純なパスワード管理だけでなく開発者にとって便利かつセキュリティ上注意しないといけない情報の管理もできるようになっています。</p>



<p class="wp-block-paragraph">チームプランを利用すれば、これらをチームで共有して管理できるのも嬉しいポイントです。<br><code>.env</code>を直接チャットサービスなどで送付していたり、どこかにそのままファイルを置いているよりも1Passwordで管理している方がセキュアです。</p>



<p class="wp-block-paragraph">こうした取り組みは面倒ですが、セキュリティ関連は何かあってからでは遅いです。</p>



<p class="wp-block-paragraph">すでに1Passwordを使っている人は試してみてはいかがでしょうか。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法</title>
		<link>https://webrandum.net/default-folder-x-keyboard-file-selection/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[Default Folder X]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12037</guid>

					<description><![CDATA[今までMacの保存ダイアログで不満だったことがDefault Folder Xで解消されました。 今回はDefault Folder Xを使った、保存ダイアログ…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今までMacの保存ダイアログで不満だったことがDefault Folder Xで解消されました。</p>



<figure class="wp-block-embed is-type-rich is-provider-x wp-block-embed-x"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">Macの「保存ダイアログ」で、今まで下記がストレスでした。<br><br>• command + ↑で親フォルダへ移動できる<br>• でも、そのまま矢印キー（↑↓）でフォルダを選ぼうとしても、ファイル名入力欄にフォーカスしているせいで選択できない<br>• tabでフォーカスを切り替えようとしても何回も押す必要がある<br>•… <a href="https://t.co/JOqNZBtRgr">pic.twitter.com/JOqNZBtRgr</a></p>&mdash; サイトウ マサカズ｜Webrandum (@31mskz10) <a href="https://x.com/31mskz10/status/2069797162855379011?ref_src=twsrc%5Etfw">June 24, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p class="wp-block-paragraph">今回はDefault Folder Xを使った、保存ダイアログ内でファイルリストにフォーカスする方法をまとめます。</p>



<h2 class="wp-block-heading">Default Folder X</h2>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="3020" height="1702" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3.png" alt="" class="wp-image-12038" style="width:1510px" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3.png 3020w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3-320x180.png 320w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-3-640x360.png 640w" sizes="(max-width: 3020px) 100vw, 3020px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.stclairsoft.com/DefaultFolderX/" data-lkc-id="114" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.stclairsoft.com" alt="" width="16" height="16" /></div><div class="lkc-domain">www.stclairsoft.com</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.stclairsoft.com%2FDefaultFolderX%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Default Folder X</div><div class="lkc-url" title="https://www.stclairsoft.com/DefaultFolderX/">https://www.stclairsoft.com/DefaultFolderX/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Default Folder Xは、macOSの開く・保存ダイアログ（Open/Saveダイアログ）を拡張するユーティリティアプリです。</p>



<p class="wp-block-paragraph">標準のダイアログに下記機能を追加してくれます。</p>



<ul class="wp-block-list">
<li>Open/SaveダイアログにDefault Folder Xのツールバーを表示</li>



<li>最近使ったフォルダへのスピーディーなアクセス</li>



<li>よく使うフォルダへのショートカット割り当て</li>



<li>Finderで開いているフォルダを開く</li>
</ul>



<p class="wp-block-paragraph">古くからあるMacの定番アプリで、Default Folder X無しのMacは考えられません。<br>金額は$39.95の買い切りですが、Setappにも対応しています。</p>



<h3 class="wp-block-heading">Setappの活用</h3>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg" width="100px" height="108px" alt="" /></figure><div class="lkc-title">220以上の有料Macアプリが使えるサブスクサービス「Setapp」</div><div class="lkc-url" title="https://webrandum.net/setapp">https://webrandum.net/setapp</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">有料アプリが使い放題になるサブスクサービスのSetappにも登録されています。</p>



<p class="wp-block-paragraph">Default Folder Xは買い切りアプリなので、これ単体での利用なら買った方がお得です。しかし、すでにSetappを契約していたり他にも使いたいアプリがある場合は、Setapp経由で使うのがオススメです。</p>



<h2 class="wp-block-heading">保存ダイアログでフォルダを選ぶときの問題</h2>



<p class="wp-block-paragraph">ここからが今回の本題です。<br>冒頭でも触れましたが、Macの保存ダイアログにはキーボード操作で地味に不便な点があります。</p>



<p class="wp-block-paragraph">保存ダイアログでcommand + ↑を押すと、ひとつ上の親フォルダへ移動できます。この操作は問題ありません。</p>



<p class="wp-block-paragraph">しかし、矢印キー（↑↓）で別のフォルダを選ぼうとしても選択できません。フォーカスがファイル名の入力欄にあるため、矢印キーの操作を入力欄が拾ってしまうからです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1832" height="1070" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-4.png" alt="" class="wp-image-12039" style="width:916px" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-4.png 1832w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-4-100x59.png 100w" sizes="(max-width: 1832px) 100vw, 1832px" /></figure>



<p class="wp-block-paragraph">tabキーを押せばフォーカスを移動できますが、ファイルリストにたどり着くまで何度も押す必要があります。かといって、ここだけマウスに持ち替えるのも面倒です……</p>



<p class="wp-block-paragraph">保存ダイアログはファイル命名も行うので、できる限りキーボードに両手がある状態のまま最後まで操作を行いたいです。</p>



<p class="wp-block-paragraph">今までもDefault Folder Xを使っているので、最近使ったフォルダや開いているFinderウインドウへはすぐ移動できますし、よく使うフォルダにはショートカットも割り当てています。そのため、なんとか我慢できるレベルでした。</p>



<p class="wp-block-paragraph">それでも、保存先を兄弟フォルダに振り分けたいときなどは、お気に入りに登録するほどでもなく、地味に面倒でした。</p>



<p class="wp-block-paragraph">このあたりを以前はKeyboard Maestroのマクロで無理やり解決していたのですが、もっとスマートな方法がDefault Folder Xに用意されていました。</p>



<h2 class="wp-block-heading">「キーボードを使って書類を選択する」にショートカットを割り当てる</h2>



<p class="wp-block-paragraph">解決方法は、Default Folder Xのショートカット設定を変えるだけです。</p>



<p class="wp-block-paragraph">［環境設定］→［ショートカット］を開くと、操作ごとにショートカットキーを割り当てられる項目が並んでいます。</p>



<p class="wp-block-paragraph">この中に［キーボードを使って書類を選択する］という項目があります。<br>デフォルトでは何も割り当てられていないので、ここに好きなショートカットキーを設定します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1354" height="1148" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_3-4.png" alt="" class="wp-image-12041" style="width:677px"/></figure>



<p class="wp-block-paragraph">私の場合は、とりあえずcommand + Kを割り当てました。</p>



<p class="wp-block-paragraph">これで保存ダイアログを開いているときにcommand + Kを押すと、ファイルリストにフォーカスが移り、矢印キーでフォルダやファイルを選択できるようになります。</p>



<p class="wp-block-paragraph">ファイル名の入力欄に戻りたいときは、command + Lで切り替えられます（デフォルトの場合）。KとLはちょうど隣合っているキーなので、command + Kとcommand + Lで押しやすいです。</p>



<p class="wp-block-paragraph">これで簡単にファイル名入力欄とファイルリストのフォーカスを切り替えられるようになり、長年のストレスがこれだけで解消されました。</p>



<h2 class="wp-block-heading">Keyboard Maestroを使った方法</h2>



<p class="wp-block-paragraph">Default Folder Xの設定を見つけたのでもう不要ですが、今まではKeyboard Maestroを使って無理矢理解決していました。</p>



<p class="wp-block-paragraph">やっていることはファイルリストにある前後の「戻る」「やり直す」アイコンを見つけて、それを基準にファイルリストの空白部分をクリックしてフォーカスを移動していました。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1228" height="2778" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_4-4.png" alt="" class="wp-image-12042" style="width:614px"/></figure>



<p class="wp-block-paragraph">かなり無理矢理ですし、たまにうまくいかないときもあったりで動作が不安定でした。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">ずっと我慢していたうえに、わざわざKeyboard Maestroでマクロまで作っていたので、Default Folder Xであっさり解決できたときは少し拍子抜けしました（もっと早く知っていれば……）。</p>



<p class="wp-block-paragraph">普段から使っているアプリでしたが、Default Folder Xに限らず改めてアプリの機能や設定を見直すとこうした発見があります。<br>定期的に見直していくのも大切だと感じました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Obsidianで整理した知識をAnkiで定着させる方法</title>
		<link>https://webrandum.net/obsidian-anki/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 18 Jun 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[Anki]]></category>
		<category><![CDATA[Obsidian]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=11998</guid>

					<description><![CDATA[過去記事の『Obsidianを使った「自己流PKM」で行う知識トレーニング』では、Obsidianを使った知識整理の方法を紹介しました。 整理した知識をさらに記…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">過去記事の『<a href="https://webrandum.net/obsidian-pkm/">Obsidianを使った「自己流PKM」で行う知識トレーニング</a>』では、Obsidianを使った知識整理の方法を紹介しました。</p>


<div class="linkcard"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/obsidian-pkm" data-lkc-id="1062"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=webrandum.net" alt="" width="16" height="16" /></div><div class="lkc-domain">Webrandum</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/2026/01/eyecatch-2.png" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Obsidianを使った「自己流PKM」で行う知識トレーニング</div><div class="lkc-url" title="https://webrandum.net/obsidian-pkm">https://webrandum.net/obsidian-pkm</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">整理した知識をさらに記憶に定着させたいなら、Ankiというフラッシュカードアプリとの組み合わせが効果的です。</p>



<p class="wp-block-paragraph">今回はAnkiの概要と、ObsidianからAnkiのカードを作成してインポートする方法をまとめます。</p>



<h2 class="wp-block-heading">Anki</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="2880" height="1502" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-2.png" alt="" class="wp-image-12004" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-2.png 2880w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-2-480x250.png 480w, https://webrandum.net/mskz/wp-content/uploads/2026/06/image_1-2-920x480.png 920w" sizes="(max-width: 2880px) 100vw, 2880px" /></figure>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://apps.ankiweb.net/" data-lkc-id="1057" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=apps.ankiweb.net" alt="" width="16" height="16" /></div><div class="lkc-domain">apps.ankiweb.net</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fapps.ankiweb.net%2F?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">Anki - powerful, intelligent flashcards</div><div class="lkc-url" title="https://apps.ankiweb.net/">https://apps.ankiweb.net</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Ankiはかなり自由度の高いフラッシュカードアプリです。<br>表面と裏面にそれぞれ問題と答えを書き、タップ（または<kbd>space</kbd>）で答えが表示されます。</p>



<p class="wp-block-paragraph">学生時代に使った暗記カードのデジタル版のようなものです。</p>



<p class="wp-block-paragraph">料金体系は少し変わっていて、Web版・PCアプリ版（Windows / macOS）・Android版の<a href="https://play.google.com/store/apps/details/AnkiDroid_Flashcards?id=com.ichi2.anki&amp;hl=ja">AnkiDroid</a>は無料ですが、iOS版の<a href="https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387">AnkiMobile</a>だけは有料の買い切りです。執筆時点のApp Store価格は4,000円です。</p>



<p class="wp-block-paragraph">どうやらiOS版のAnkiMobileの売り上げが、Anki全体の開発資金を支える役割も担っているようです。</p>



<p class="wp-block-paragraph">後ほど紹介するObsidianからCSVを生成してインポートする方法はWeb版・PCアプリ版で行うので無料でできますが、日々使うならスマホから気軽に開ける方が続けやすいので、iPhoneを持っている人はAnkiMobileの購入もオススメです。</p>



<h3 class="wp-block-heading">エビングハウスの忘却曲線に沿って学習できる</h3>



<p class="wp-block-paragraph">Ankiに限らずですが、最近のフラッシュカード系のアプリは最適なタイミングで復習ができるようになっています。</p>



<p class="wp-block-paragraph">これは有名な「エビングハウスの忘却曲線」の研究がもとになっています。</p>



<p class="wp-block-paragraph">人間は新しく覚えた情報を24時間後には約67%忘れてしまうそうです。<br>この忘れかけたタイミングで復習することで記憶が定着しやすくなり、次は3日後、その次は1週間後……という風に、復習間隔を徐々に広げていくことで長期記憶として定着させていきます。</p>



<p class="wp-block-paragraph">Ankiでは簡単だと感じたカードは次回の復習間隔が長くなり、難しいと感じたカードは短い間隔で復習するように設計されています。</p>



<p class="wp-block-paragraph">このように、理想的な復習タイミングを管理するシステムのことをSRS（Spaced Repetition System）と呼びます。</p>



<p class="wp-block-paragraph">そして多くのアプリでは復習間隔は自動またはざっくりしか設定できませんが、Ankiはこの設定もかなり細かく調整できます。</p>



<h3 class="wp-block-heading">他フラッシュカード系アプリとの比較</h3>



<p class="wp-block-paragraph">フラッシュカード系のアプリはAnkiの他にも<a href="https://quizlet.com/jp">Quizlet</a>・<a href="https://remindo.co/?&amp;locale=ja&amp;savelocale=1">reminDO</a>・<a href="https://www.langholic.com/wordholic">WordHolic</a>など数多くあります。<br>いま上げたアプリの主な違いを比較すると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">機能</th><th class="has-text-align-left" data-align="left">Anki</th><th class="has-text-align-left" data-align="left">Quizlet</th><th class="has-text-align-left" data-align="left">reminDO</th><th class="has-text-align-left" data-align="left">WordHolic</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">料金</td><td class="has-text-align-left" data-align="left">PC/Android無料、iOSは買い切り</td><td class="has-text-align-left" data-align="left">基本無料（有料プランあり）</td><td class="has-text-align-left" data-align="left">基本無料（Plusプランあり）</td><td class="has-text-align-left" data-align="left">基本無料（広告あり）</td></tr><tr><td class="has-text-align-left" data-align="left">穴埋め問題</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">△</td><td class="has-text-align-left" data-align="left">×</td><td class="has-text-align-left" data-align="left">×</td></tr><tr><td class="has-text-align-left" data-align="left">画像対応</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">○</td></tr><tr><td class="has-text-align-left" data-align="left">CSV読み込み</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">○</td><td class="has-text-align-left" data-align="left">×</td><td class="has-text-align-left" data-align="left">○</td></tr><tr><td class="has-text-align-left" data-align="left">広告</td><td class="has-text-align-left" data-align="left">なし</td><td class="has-text-align-left" data-align="left">無料版はあり</td><td class="has-text-align-left" data-align="left">なし</td><td class="has-text-align-left" data-align="left">無料版はあり</td></tr><tr><td class="has-text-align-left" data-align="left">カードのカスタマイズ</td><td class="has-text-align-left" data-align="left">○（HTML/CSS対応）</td><td class="has-text-align-left" data-align="left">×</td><td class="has-text-align-left" data-align="left">×</td><td class="has-text-align-left" data-align="left">×</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Ankiは他アプリに比べてカスタマイズ性が高いのが特徴です。</p>



<h3 class="wp-block-heading">カスタマイズ性がかなり高い</h3>



<p class="wp-block-paragraph">Ankiはほぼすべての要素をカスタマイズできます。<br>カードにはHTML・CSSを使えるのでデザインも自由自在です。</p>



<ul class="wp-block-list">
<li>カードのデザイン</li>



<li>フィールド構成</li>



<li>復習間隔のアルゴリズム</li>



<li>1日の新規カード数などの細かい設定</li>
</ul>



<p class="wp-block-paragraph">さらにアドオン（プラグイン）が数多くあり、それらを使うことで基本機能だけでは物足りない部分も補えます。</p>



<p class="wp-block-paragraph">他のアプリだとここまで自由にはできません。<br>しかし、逆に設定項目が多すぎて面倒と感じる人もいるかもしれません。</p>



<h2 class="wp-block-heading">Ankiのアカウント作成</h2>



<p class="wp-block-paragraph">Ankiを使い始めるには、まずAnkiWebのアカウントを作成します。<br>AnkiWebは各デバイス間でカードを同期するためのサービスで、アカウントは無料で作成できます。</p>



<p class="wp-block-paragraph"><a href="https://apps.ankiweb.net/">公式サイト</a>にアクセスし、「Sign Up」からメールアドレスとパスワードを入力して登録します。</p>



<p class="wp-block-paragraph">このアカウントがあると、Web版とMac版、iOS版など異なるデバイスで情報を同期できるようになります。<br>私の場合はカードの作成やインポートはMacで行い、日々の復習はiPhoneで行うという使い分けをしているので同期は必須です。</p>



<h2 class="wp-block-heading">Ankiの基本的な使い方</h2>



<h3 class="wp-block-heading">macOSアプリ版</h3>



<p class="wp-block-paragraph">macOSアプリ版は<a href="https://apps.ankiweb.net/">公式サイト</a>からダウンロードするか、<a href="https://webrandum.net/homebrew-install/">Homebrew</a>でインストールします。</p>



<pre class="wp-block-code"><code>brew install --cask anki</code></pre>



<p class="wp-block-paragraph">Mac App Storeには公開されていないので、どちらかの方法でインストールする必要があります。</p>



<p class="wp-block-paragraph">アプリを起動すると、下記の画面が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1407" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_2-2.png" alt="" class="wp-image-12007" style="width:704px"/></figure>



<h4 class="wp-block-heading">デッキの管理</h4>



<p class="wp-block-paragraph">デッキはカードをまとめるフォルダのようなものです。<br>最初は「デフォルト」という名前のデッキ1つだけですが、メイン画面下部にある［デッキを作成］ボタンからデッキを追加できます。</p>



<p class="wp-block-paragraph">デッキ名に<code>::</code>（コロン2つ）を使うと階層構造を作れます。<br>例えば「AWS::IAM」「AWS::S3」のように命名すると、「AWS」の下に「IAM」と「S3」がサブデッキとして配置されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1407" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_3-2.png" alt="" class="wp-image-12008" style="width:704px"/></figure>



<p class="wp-block-paragraph">「フォルダじゃなくてデッキなんだ……」や「<code>/</code>（スラッシュ）じゃなくて<code>::</code>（コロン2つ）で区切るんだ……」などちょっとクセがありますが、このあたりは慣れていく必要があります。</p>



<h4 class="wp-block-heading">カードの作成</h4>



<p class="wp-block-paragraph">カードを手動で作成するには、画面上部の［追加］メニューをクリックするとカード追加画面が表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1573" height="1123" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_4-2.png" alt="" class="wp-image-12009" style="width:750px"/></figure>



<p class="wp-block-paragraph">カード追加画面では、上部で「ノートタイプ」と追加先の「デッキ」を選択し、「表面」に問題、「裏面」に正解を入力します。</p>



<p class="wp-block-paragraph">通常はWYSIWYGで入力できますが、表面と裏面の一番右にあるコードアイコンをクリックすると、なんとHTMLで編集できます。HTMLの入力ができるので非常に自由度高くノートを作成できます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1573" height="1123" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_5-3.png" alt="" class="wp-image-12011" style="width:750px"/></figure>



<p class="wp-block-paragraph">入力できたら［追加］ボタンを押してカードを追加できます。</p>



<h4 class="wp-block-heading">カードの使用</h4>



<p class="wp-block-paragraph">デッキをクリックして［学習開始］ボタンをクリックすると、実際にカードが表示されます。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1408" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_6-1.png" alt="" class="wp-image-12012" style="width:704px"/></figure>



<p class="wp-block-paragraph">カードの表面（問題）が表示されるので、答えが何になるか考えましょう。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1408" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_7-1.png" alt="" class="wp-image-12013" style="width:704px"/></figure>



<p class="wp-block-paragraph">答えを考えたら画面下の［解答を表示］ボタンをクリックして裏面（正解）を表示します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1408" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_8-1.png" alt="" class="wp-image-12014" style="width:704px"/></figure>



<p class="wp-block-paragraph">正解を確認したら、自分の理解度に応じて下記の4段階で評価します。</p>



<ul class="wp-block-list">
<li>もう一度（Again）：全然分からなかった</li>



<li>難しい（Hard）：かなり迷った</li>



<li>正解（Good）：少し考えて思い出せた</li>



<li>簡単（Easy）：すぐに分かった</li>
</ul>



<p class="wp-block-paragraph">この評価に応じて次回の復習タイミングが決まります。<br>それぞれのボタンの上に次回復習タイミングまでの時間が表示されていて、［もう一度］を選んだカードはすぐに再表示され、［簡単］を選んだカードは数日後に表示されることが分かります。</p>



<p class="wp-block-paragraph">ちなみに評価は左から順にキーボードの<kbd>1</kbd>〜<kbd>4</kbd>キーでも選択できますし、裏表の切り替えは<kbd>space</kbd>でもできるので、マウスを使わずにキーボードだけでサクサク進められます。</p>



<h4 class="wp-block-heading">カードタイプ（ノートタイプ）</h4>



<p class="wp-block-paragraph">Ankiには「カードタイプ」という概念があり、これで追加するカードの機能や見た目が変わります。デフォルトは下記の6種類が用意されていて、これらをカード追加画面で選択して切り替えます。</p>



<ul class="wp-block-list">
<li>基本：表面に問題、裏面に答えの基本的なタイプ</li>



<li>基本 (文字入力解答)：回答をテキスト入力して答え合わせするタイプ</li>



<li>基本 (裏表反転カード付き)：表→裏だけでなく、裏→表のカードも自動で作成されるタイプ</li>



<li>基本 (裏表反転カード追加可能)：裏→表のカードが必要な場合に追加できるタイプ</li>



<li>画像穴埋め問題：画像の一部を図形で隠して、裏面表示で隠していた図形を非表示にして答えを確認できるタイプ</li>



<li>穴埋め問題：<code>{{c1::答え}}</code>形式の書式で文中の一部を隠せるタイプ</li>
</ul>



<p class="wp-block-paragraph">私は「基本」のカードタイプばかり使っていますが、人によっては画像穴埋めなどは重宝しそうです。</p>



<h4 class="wp-block-heading">タグの活用</h4>



<p class="wp-block-paragraph">カードにはタグを付けられます。<br>カード作成画面の下部にある「タグ」フィールドに入力して<kbd>return</kbd>で確定します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1574" height="1123" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_9-1.png" alt="" class="wp-image-12017" style="width:750px"/></figure>



<p class="wp-block-paragraph">タグを付けておくと、ブラウザ画面（画面上部の［ブラウザ］メニューから開く）でタグ別にカードを絞り込めます。デッキとは別の軸でカードを分類できるので、「重要」のようなタグを付けておくと管理しやすくなります。</p>



<h4 class="wp-block-heading">学習設定の調整</h4>



<p class="wp-block-paragraph">デッキごとに学習設定を調整できます。<br>デッキ名の右側にある歯車アイコンから「オプション」を選択します。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1408" height="1277" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_10-1.png" alt="" class="wp-image-12018" style="width:704px"/></figure>



<p class="wp-block-paragraph">よく変更する設定は下記の通りです。</p>



<ul class="wp-block-list">
<li>1日の新規カード導入枚数の上限</li>



<li>1日の復習枚数の上限</li>



<li>新規カードを集める順序</li>
</ul>



<p class="wp-block-paragraph">特に［新規カードを集める順序］は［デッキの並び順］から［ランダム（カード単位）］に変更することが多いです。</p>



<p class="wp-block-paragraph">1日の上限系は多すぎるとカードが溜まっていくばかりになってモチベーションが下がってしまうので、無理のない枚数に設定した方が続けやすいです。</p>



<p class="wp-block-paragraph">［負荷軽減日］という設定項目もあり、平日は負荷を下げておくといった設定も可能です。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1673" height="1737" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_11-1.png" alt="" class="wp-image-12019" style="width:836px"/></figure>



<h4 class="wp-block-heading">よく使うショートカットキー</h4>



<p class="wp-block-paragraph">macOSアプリ版では下記のショートカットキーをよく使います。</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-left" data-align="left">操作</th><th class="has-text-align-left" data-align="left">キー</th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">カードを追加</td><td class="has-text-align-left" data-align="left">A</td></tr><tr><td class="has-text-align-left" data-align="left">ブラウザを開く</td><td class="has-text-align-left" data-align="left">B</td></tr><tr><td class="has-text-align-left" data-align="left">統計を表示</td><td class="has-text-align-left" data-align="left">T</td></tr><tr><td class="has-text-align-left" data-align="left">回答を表示</td><td class="has-text-align-left" data-align="left">space</td></tr><tr><td class="has-text-align-left" data-align="left">もう一度</td><td class="has-text-align-left" data-align="left">1</td></tr><tr><td class="has-text-align-left" data-align="left">難しい</td><td class="has-text-align-left" data-align="left">2</td></tr><tr><td class="has-text-align-left" data-align="left">普通</td><td class="has-text-align-left" data-align="left">3</td></tr><tr><td class="has-text-align-left" data-align="left">簡単</td><td class="has-text-align-left" data-align="left">4</td></tr><tr><td class="has-text-align-left" data-align="left">カードの編集</td><td class="has-text-align-left" data-align="left">E</td></tr><tr><td class="has-text-align-left" data-align="left">同期</td><td class="has-text-align-left" data-align="left">Y</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">基本的にはiOS版をスキマ時間や寝る前などに解いていることが多いのでmacOS版を使う頻度は低いですが、ショートカットキーだけで操作できるのは嬉しいです。</p>



<h4 class="wp-block-heading">同期設定</h4>



<p class="wp-block-paragraph">［同期］メニューを選択すると、初回は下記のログイン画面が表示されます。</p>



<p class="wp-block-paragraph">ここに先ほど作成したAnkiWebのログイン情報を入力することで同期できます。次回以降は［同期］を押すだけで実行されるようになります。</p>



<p class="wp-block-paragraph">自動同期ではないので、何か変更をしたり学習を進めたあとは自分で同期を実行する必要があります。</p>



<h3 class="wp-block-heading">iOSアプリ版</h3>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387" data-lkc-id="1058" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=apps.apple.com" alt="" width="16" height="16" /></div><div class="lkc-domain">App Store</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/1b4db55725da15eefa60ccdb09db302d2241da5ec96dff1ae7293547e3cd8e45.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">AnkiMobile Flashcardsアプリ - App Store</div><div class="lkc-url" title="https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387">https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">iOS版は<a href="https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387">App Store</a>からダウンロードします。<br>基本的な操作はMac版と同じで、画面をタップして回答を表示し、評価ボタンを選択するだけです。</p>



<p class="wp-block-paragraph">iPhoneで使う最大のメリットは、通勤中や待ち時間などのスキマ時間にサッと復習できることです。<br>アプリを開いて［同期］ボタンを押せばAnkiWebと同期してくれるので、Macで追加したカードを反映できます。</p>



<p class="wp-block-paragraph">iOS版ではカードの作成や設定変更もできますが、操作性はMac版の方が良いです。<br>私の場合はiOS版は復習専用と割り切って、カードの追加やインポートはすべてMacで行っています。</p>



<h3 class="wp-block-heading">Web版</h3>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://ankiweb.net/decks" data-lkc-id="1059" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=ankiweb.net" alt="" width="16" height="16" /></div><div class="lkc-domain">ankiweb.net</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fankiweb.net%2Fdecks?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">https://ankiweb.net/decks</div><div class="lkc-url" title="https://ankiweb.net/decks">https://ankiweb.net/decks</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Web版は<a href="https://ankiweb.net/">AnkiWeb</a>にログインすると使えます。<br>カードの学習や追加・管理など問題なくできますが、Macアプリ版の方が操作性も高いので、あえて使う必要はあまりありません。</p>



<p class="wp-block-paragraph">基本的には使うことがなさそうです。</p>



<h2 class="wp-block-heading">Obsidian_to_Anki</h2>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/ObsidianToAnki/Obsidian_to_Anki" data-lkc-id="1060" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=github.com" alt="" width="16" height="16" /></div><div class="lkc-domain">GitHub</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/d2e569ee550dc008bf7aa9c737c5e3412449c7ce15b39d4f6e11241ea7d32352.webp" width="100px" height="108px" alt="" /></figure><div class="lkc-title">GitHub - ObsidianToAnki/Obsidian_to_Anki: Script to add flashcards from text/...</div><div class="lkc-url" title="https://github.com/ObsidianToAnki/Obsidian_to_Anki">https://github.com/ObsidianToAnki/Obsidian_to_Anki</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Obsidianで書いたノートを自動的にAnkiのカードに変換できる「<a href="https://github.com/ObsidianToAnki/Obsidian_to_Anki">Obsidian_to_Anki</a>」というプラグインがあります。</p>



<p class="wp-block-paragraph">私の場合は使っていませんが、ObsidianとAnkiの連携方法としてよく紹介される手段なので、どういう仕組みかを押さえておきます。</p>



<h3 class="wp-block-heading">導入方法</h3>



<p class="wp-block-paragraph">このプラグインを使うには、Anki側に「<a href="https://ankiweb.net/shared/info/2055492159">AnkiConnect</a>」というアドオンをインストールしておく必要があります。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://ankiweb.net/shared/info/2055492159" data-lkc-id="1061" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=ankiweb.net" alt="" width="16" height="16" /></div><div class="lkc-domain">ankiweb.net</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fankiweb.net%2Fshared%2Finfo%2F2055492159?w=160" width="100px" height="108px" alt="" /></figure><div class="lkc-title">https://ankiweb.net/shared/info/2055492159</div><div class="lkc-url" title="https://ankiweb.net/shared/info/2055492159">https://ankiweb.net/shared/info/2055492159</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">AnkiConnectはAnkiの外部アプリ連携用のAPIを提供するアドオンで、これがないとObsidianからAnkiにカードを送信できません。</p>



<ol class="wp-block-list">
<li>Ankiのメニューバーから［ツール］→［アドオン］→［新たにアドオンを取得…］を選択</li>



<li>コード<code>2055492159</code>を入力してインストール</li>



<li>Ankiを再起動</li>



<li>［ツール］→［アドオン］→「AnkiConnect」を選択して「Config」をクリック</li>



<li><code>webCorsOriginList</code> に <code>"app://obsidian.md"</code> を追加して保存</li>
</ol>



<pre class="wp-block-code"><code>{
  "webCorsOriginList": &#091;
    "http://localhost",
    "app://obsidian.md"
  ]
}</code></pre>



<p class="wp-block-paragraph">このCORSの設定をしないと、ObsidianからAnkiへの接続が失敗します。</p>



<p class="wp-block-paragraph">次にObsidian側でObsidian_to_Ankiプラグインをインストールします。</p>



<ol class="wp-block-list">
<li>Obsidianの［設定］→［コミュニティプラグイン］→［閲覧］から「Obsidian_to_Anki」を検索してインストール</li>



<li>プラグインを有効化</li>



<li>Ankiが起動している状態でObsidianのコマンドパレットから「Obsidian_to_Anki: Scan Vault」を実行して接続を確認</li>
</ol>



<h3 class="wp-block-heading">ノートの書き方</h3>



<p class="wp-block-paragraph">Obsidian_to_Ankiでは、ノート内に特定の書式で問題と回答を書くとカードとして認識されます。</p>



<p class="wp-block-paragraph">デフォルトで動作する基本的な書き方は下記のブロック形式です。</p>



<pre class="wp-block-code"><code>START
Basic
IAMとは何の略か？
Back: Identity and Access Management
END</code></pre>



<p class="wp-block-paragraph"><code>START</code> と <code>END</code> で囲まれた部分がカード1枚として認識され、2行目がカードタイプ、3行目以降がFront、<code>Back:</code> 以降がBackになります。</p>



<p class="wp-block-paragraph">穴埋め形式も同様に書けます。</p>



<pre class="wp-block-code"><code>START
Cloze
AWSのIAMは{{c1::Identity and Access Management}}の略である
END</code></pre>



<p class="wp-block-paragraph">プラグインの設定では、<code>問題 :: 回答</code> のような短縮形式や <code>{答え}</code> 形式の穴埋めに対応する書式も用意されています（デフォルトではオフ）。</p>



<h3 class="wp-block-heading">カードの送信</h3>



<p class="wp-block-paragraph">ノートを書いたら、コマンドパレットから「Obsidian_to_Anki: Scan Vault」を実行します。<br>プラグインがVault内のノートをスキャンし、カード形式で書かれた部分を自動的にAnkiに送信してくれます。</p>



<p class="wp-block-paragraph">送信済みのカードにはノート内にAnkiのIDが自動で埋め込まれるため、同じカードが重複して作成されることはありません。ノートの内容を修正して再度スキャンすると、Anki側のカードも更新されます。</p>



<h3 class="wp-block-heading">使わなかった理由</h3>



<p class="wp-block-paragraph">便利なプラグインですが、私の場合は使っていません。</p>



<p class="wp-block-paragraph">理由は、ObsidianのノートをAnkiカード形式に合わせて書く必要があるからです。<br>Obsidianでは自分が理解しやすいように自由にノートを書きたいので、Ankiへの変換を意識した書き方に縛られるのが合いませんでした。</p>



<p class="wp-block-paragraph">そこで代わりに試したのが、次のCSVを生成する方法です。</p>



<h2 class="wp-block-heading">ObsidianからCSVを生成する方法</h2>



<p class="wp-block-paragraph">私はObsidianのノートからClaude CodeやCodexなどのコーディングエージェントを使って、Anki用のCSVを生成しています。</p>



<p class="wp-block-paragraph">Obsidian_to_Ankiのようにノートの書き方を変える必要がなく、既存のノートをそのまま活用できるのがメリットです。</p>



<h3 class="wp-block-heading">AnkiのCSV形式</h3>



<p class="wp-block-paragraph">AnkiのCSVインポートはタブ区切りに対応しており、「表面」と「裏面」の2列が基本です。<br>3列目にタグを追加しておくと、インポート時に自動でタグが付与されるので管理しやすくなります。</p>



<pre class="wp-block-code"><code>問題のテキスト, 答えのテキスト, タグ</code></pre>



<p class="wp-block-paragraph">例えば下記のような内容です。</p>



<pre class="wp-block-code"><code>IAMは何の略か？, Identity and Access Management, AWS
S3の正式名称は？, Amazon Simple Storage Service, AWS
Lambdaの最大実行時間は？, 15分, AWS::Lambda</code></pre>



<p class="wp-block-paragraph">文字コードはUTF-8で保存する必要があるので注意が必要です。</p>



<p class="wp-block-paragraph">カードにHTMLを使いたい場合は、答えにHTMLタグを含めることもできます。<br>例えばリスト形式で答えを表示したい場合は下記のように書きます。</p>



<pre class="wp-block-code"><code>EC2のインスタンスタイプの分類は？, &lt;ul&gt;&lt;li&gt;汎用（t/m系）&lt;/li&gt;&lt;li&gt;コンピューティング最適化（c系）&lt;/li&gt;&lt;li&gt;メモリ最適化（r/x系）&lt;/li&gt;&lt;/ul&gt;, AWS::EC2</code></pre>



<h3 class="wp-block-heading">CSVの生成</h3>



<p class="wp-block-paragraph">Obsidianのノートを指定して、AIにフラッシュカード用の問題と答えのペアを生成してもらいます。</p>



<p class="wp-block-paragraph">Obsidianのノートはすべてローカル上に存在するMarkdownファイルなので、Claude CodeやCodexのようなCLI型のAIツールと相性が良いです。<br>Vaultのディレクトリを開いて指示を出すだけでノートの内容を読み取って生成してくれます。</p>



<p class="wp-block-paragraph">例えば下記のように指示します。</p>



<pre class="wp-block-code"><code>AWSフォルダ配下のノートからAnki用のCSVを生成して。
カンマ区切りで、1列目に問題、2列目に回答、3列目にタグを入れてください。
タグはノートのファイル名をもとに付けてください。</code></pre>



<p class="wp-block-paragraph">これで簡単にObsidianに書いた内容を元にしてCSVファイルを生成してくれます。</p>



<p class="wp-block-paragraph">プロンプトで「問題は簡潔に、回答は要点のみ」のように指示すると、復習しやすいカードになります。<br>逆に「回答にはHTMLのリストを使って」と指示すれば、見やすいカードも生成できます。</p>



<h3 class="wp-block-heading">生成されたカードの確認と修正</h3>



<p class="wp-block-paragraph">生成された問題をそのまま使うのではなく、一度目を通して修正するようにしています。<br>問題の品質がイマイチだと復習の効果も下がりますし、自分で確認する過程自体が学習になるからです。</p>



<p class="wp-block-paragraph">確認していく過程で簡単すぎる問題は省いていくようにもしていて「このレベルの問題はもう分かる」とコーディングエージェント用のMarkdownファイルに記載して、次回以降の生成では問題の難易度を上げてもらうようにします。</p>



<p class="wp-block-paragraph">よくある修正ポイントは下記の通りです。</p>



<ul class="wp-block-list">
<li>問題が曖昧すぎる（「〜について説明せよ」のような広すぎる問題は、具体的に絞る）</li>



<li>回答が長すぎる（要点だけに削る。復習時にサッと確認できる分量が理想）</li>



<li>似たような問題が重複している（片方を削除するか、角度を変える）</li>



<li>タグが適切でない（デッキ構成に合わせて調整する）</li>
</ul>



<p class="wp-block-paragraph">CSVはテキストファイルなので、テキストエディタやスプレッドシートでも修正できます。</p>



<h3 class="wp-block-heading">Ankiへのインポート</h3>



<p class="wp-block-paragraph">生成したCSVファイルはAnkiの画面下部の［インポート］ボタンから選択してインポートします。</p>



<p class="wp-block-paragraph">CSVファイルを選択するとインポート設定画面が表示されるので、そこでさらに細かい設定を行います。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1673" height="1737" src="https://webrandum.net/mskz/wp-content/uploads/2026/06/image_12-1.png" alt="" class="wp-image-12020" style="width:836px"/></figure>



<p class="wp-block-paragraph">［フィールドの区切り］でコンマ（,）以外も設定できますし、［フィールド内でHTMLを使う］にチェックを入れておくと、HTML形式で装飾されたカードもそのまま反映されます。</p>



<p class="wp-block-paragraph">また、インポート設定では同じ［表面］のカードがすでに存在する場合の処理を「更新」「スキップ」「無視」の中から選択できます。CSVを修正して再インポートする場合などに活用できます。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">Claude CodeやCodexのようなコーディングエージェントが登場したことで、ObsidianのノートからAnkiのカードを生成する流れがかなりラクになりました。</p>



<p class="wp-block-paragraph">ObsidianのノートがローカルのMarkdownファイルであることが、ここでも活きています。</p>



<p class="wp-block-paragraph">Ankiのカード作成は正直面倒な作業なので、AIでざっくり生成してから自分で修正するくらいがちょうどいいバランスだと感じています。<br>Obsidianの自由なノート作成を崩さずにAnkiへつなげたいなら、このやり方はオススメです。</p>



<p class="wp-block-paragraph">そもそも今後知識がどこまで必要になるのか怪しいですが、瞬発的に情報を引っ張り出せる力はまだ必要になってくるのではないかと思っています。</p>



<p class="wp-block-paragraph">あとはAIばかり使っていると明らかに脳のパフォーマンスが下がっていると感じるときがあるので、ちゃんと脳を鍛えておくという意味でも、フラッシュカードは有効そうです。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
