<?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>Fri, 09 Oct 2026 09:34:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</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>Default Folder X 6.3.1のFinderファイルドラッグ時にメニューからポップアップが出ないようにする</title>
		<link>https://webrandum.net/default-folder-x-status-item-drag-target/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 08 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[Default Folder X]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12279</guid>

					<description><![CDATA[追記：2026年10月9日 2026年10月9日に6.3.2がリリースされ、この問題は解決しました。 問題は解決しましたが、今後も似たようなことは起こる可能性が…]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">追記：2026年10月9日</h2>



<p class="wp-block-paragraph">2026年10月9日に6.3.2がリリースされ、この問題は解決しました。</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">やはり、アップデートで設定きましたね！ <a href="https://t.co/Fuh7Tq39ow">pic.twitter.com/Fuh7Tq39ow</a></p>&mdash; t_fukui (@t_fukui) <a href="https://x.com/t_fukui/status/2108406258957234585?ref_src=twsrc%5Etfw">October 9, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p class="wp-block-paragraph">問題は解決しましたが、今後も似たようなことは起こる可能性があるため、事例として残しておきます。</p>



<h2 class="wp-block-heading">概要</h2>



<p class="wp-block-paragraph">X（旧Twitter）にて<a href="https://x.com/t_fukui">@t_fukui</a>さんとやり取りをしていたのですが、Default Folder X 6.3.1では、Finderでファイルやフォルダをドラッグし始めると、メニューバーアイコンの下にフォルダ形のドロップ先が表示されるようになりました。</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">アップデートしてびっくりしました。<br>環境設定や裏設定も見て回ったのですが、画面からオフにはできなさそうですね……（Default Folder X 6.3.1時点）… <a href="https://t.co/mpwYl2kVcs">pic.twitter.com/mpwYl2kVcs</a></p>&mdash; サイトウ マサカズ｜Webrandum (@31mskz10) <a href="https://x.com/31mskz10/status/2105519543749873719?ref_src=twsrc%5Etfw">October 1, 2026</a></blockquote><script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
</div></figure>



<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">When you begin dragging a file or folder in the Finder, Default Folder X shows a drag target below its menu bar icon. Drop the item on it to choose a destination folder using Default Folder X&#8217;s menus.</p>



<p class="wp-block-paragraph"><cite><a href="https://www.stclairsoft.com/DefaultFolderX/release.html">Default Folder X Release Notes</a></cite></p>
</blockquote>



<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">Finderでファイルやフォルダのドラッグを始めると、Default Folder Xはメニューバーアイコンの下にドロップ先を表示します。そこに項目をドロップすると、Default Folder Xのメニューから移動先のフォルダを選べます。</p>



<p class="wp-block-paragraph"><cite><a href="https://www.stclairsoft.com/DefaultFolderX/release.html">Default Folder X Release Notes</a></cite></p>
</blockquote>



<p class="wp-block-paragraph">わざわざメニューバーまでドラッグする必要がありますし、ファイルをドラッグするたびにぴょこぴょこ表示されるのは正直邪魔です。</p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="760" height="500" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1.png" alt="" class="wp-image-12280" style="width:380px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1.png 760w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1-300x197.png 300w" sizes="(max-width: 760px) 100vw, 760px" /></figure>



<p class="wp-block-paragraph">バージョン6.3.1の時点では、環境設定にオフにする項目が見当たりませんでした。<br>そこで、<code>statusItemDragTarget</code>という名前からあたりを付けて設定値を変えたところ、非表示にできました。</p>



<p class="wp-block-paragraph">今回はその設定方法についてまとめておきます。</p>



<h2 class="wp-block-heading">設定変更方法</h2>



<h3 class="wp-block-heading">ドロップ先を非表示にする</h3>



<p class="wp-block-paragraph">ターミナルで<code>statusItemDragTarget</code>を<code>false</code>に設定します。<br>通常版では下記のコマンドを実行します。</p>



<pre class="wp-block-code"><code>defaults write com.stclairsoft.DefaultFolderX5 statusItemDragTarget -bool false</code></pre>



<p class="wp-block-paragraph">Setapp版を使っている場合は設定の書き込み先が異なるので、下記コマンドを実行します。</p>



<pre class="wp-block-code"><code>defaults write com.stclairsoft.DefaultFolderX5-setapp statusItemDragTarget -bool false</code></pre>



<p class="wp-block-paragraph">コマンドを実行したらDefault Folder Xを終了し、起動し直してください。<br>再起動後に設定が反映されます。</p>



<h3 class="wp-block-heading">元に戻す</h3>



<p class="wp-block-paragraph">再びドロップ先を表示したいときは、<code>true</code>に変更します。<br>通常版は下記のコマンドです。</p>



<pre class="wp-block-code"><code>defaults write com.stclairsoft.DefaultFolderX5 statusItemDragTarget -bool true</code></pre>



<p class="wp-block-paragraph">Setapp版は下記を実行します。</p>



<pre class="wp-block-code"><code>defaults write com.stclairsoft.DefaultFolderX5-setapp statusItemDragTarget -bool true</code></pre>



<p class="wp-block-paragraph">こちらも実行後にDefault Folder Xを再起動すると反映されます。</p>



<h2 class="wp-block-heading">コマンドで何をしているのか？</h2>



<p class="wp-block-paragraph"><code>defaults write</code>はアプリの設定値をターミナルから書き込むコマンドです。</p>



<p class="wp-block-paragraph">コマンドの<code>com.stclairsoft.DefaultFolderX5</code>と<code>com.stclairsoft.DefaultFolderX5-setapp</code>は、設定を書き込む先の指定です。<br>通常版とSetapp版ではここが違うため、使っている版に合うコマンドを実行します。</p>



<p class="wp-block-paragraph">コマンドを実行すると「~/Library/Preferences/com.stclairsoft.DefaultFolderX5.plist」の「.plist」ファイルを見て、このファイル内にある「statusItemDragTarget」の値を変更します。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="667" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-1024x667.png" alt="" class="wp-image-12281" style="width:800px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-1024x667.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-300x195.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2.png 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ちなみに、<code>defaults write</code>ではなく<code>defaults read</code>にすると現在の値を確認できます。</p>



<pre class="wp-block-code"><code>defaults read com.stclairsoft.DefaultFolderX5 statusItemDragTarget</code></pre>



<p class="wp-block-paragraph">非表示にしている場合は<code>0</code>、表示に戻した場合は<code>1</code>が返ってきます。<br>一度も変更していなければ、値が存在しないというメッセージが表示されます。</p>



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



<p class="wp-block-paragraph">今回のように、環境設定に見当たらない項目でも<code>defaults</code>コマンドを使えば変更できる場合があります（ただ、当然ですがアプリ側に設定値がそもそも用意されていなければ変更できません）。</p>



<p class="wp-block-paragraph">今回はここまで実装されているので、そのうちアップデートで環境設定から切り替えられるようになりそうですが、それまでの間はこのコマンドで設定を変えることでしのげます。</p>



<p class="wp-block-paragraph">ドラッグのたびにアイコンが表示されて気になる方は、試してみてください。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>URLを変更するときに必要なリダイレクトに関する基礎知識</title>
		<link>https://webrandum.net/url-redirect-basic/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 01 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[コーディング]]></category>
		<category><![CDATA[htaccess]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12252</guid>

					<description><![CDATA[最近はノーコードでウェブサイトの公開ができるようになっていますし、AIを使って簡単にウェブサイトも作成できるようになってきています。その結果、コーダー・エンジニ…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">最近はノーコードでウェブサイトの公開ができるようになっていますし、AIを使って簡単にウェブサイトも作成できるようになってきています。<br>その結果、コーダー・エンジニアが介入しなくても公開・運用できるケースが増えています。</p>



<p class="wp-block-paragraph">簡単にできるようになったのは良いことですが、なにも考えずにパスの変更をしてしまい、その後リダイレクト設定をせずにそのままになっているなんてケースがあります（リダイレクト設定をしないままパスを変えているケースに、ここ最近で2回遭遇しました）。</p>



<p class="wp-block-paragraph">今回はウェブサイトにおけるリダイレクト設定についてまとめます。</p>



<h2 class="wp-block-heading">URLを変える = 引っ越し</h2>



<p class="wp-block-paragraph">URLはインターネット上の住所だとよく言われます。<br>住所を変えるということは、「引っ越し」です。</p>



<p class="wp-block-paragraph">ドメイン全体を移転する場合も、サイト内の一部のページのURLを変える場合も、対応する新しいページがあれば旧URLからリダイレクトが必要です（ドメイン全体を移転する場合は、旧ドメインを手放してしまうとどうしようもありませんが）。</p>



<p class="wp-block-paragraph">引っ越すときに引っ越し先の住所を教えていなかったら連絡が取れなくなる可能性がありますし、使っているサービスの住所登録も変更して回る必要があります。</p>



<p class="wp-block-paragraph">実際の引っ越し手続きでも、郵便局で手続きをしておくと、前の住所に届いた郵便物を新しい住所に届けてくれるサービスがあります。</p>



<p class="wp-block-paragraph">これと同じことをURLでも行うのがリダイレクト設定です。<br>リダイレクトは日本語で「転送」と訳されます。元のURLにアクセスが来たら、サーバーが転送先を返し、ブラウザがそのURLへ移動してくれます。</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>



<figure class="wp-block-table"><table><thead><tr><th>コード</th><th>名称</th><th>区分</th><th>内容</th></tr></thead><tbody><tr><td>301</td><td>Moved Permanently</td><td>恒久的</td><td>移転した。もう古いURLは使わない</td></tr><tr><td>308</td><td>Permanent Redirect</td><td>恒久的</td><td>301と同じだが、リクエストのメソッドを変更しない</td></tr><tr><td>302</td><td>Found</td><td>一時的</td><td>一時的に別の場所にある</td></tr><tr><td>303</td><td>See Other</td><td>一時的</td><td>処理の結果を別のURLで見せる</td></tr><tr><td>307</td><td>Temporary Redirect</td><td>一時的</td><td>302と同じだが、メソッドを変更しない</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">URLを恒久的に変更したときは、301または308を使います（基本は301）。<br>そして301と302を間違えると、検索エンジン側での扱われ方が変わってしまいます。</p>



<p class="wp-block-paragraph"><a href="https://developers.google.com/search/docs/crawling-indexing/301-redirects">Googleは301と308を</a>、転送先を正規URLとして扱うための強いシグナルにします。ただし、設定した瞬間に検索結果が新URLへ切り替わるわけではありません。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://developers.google.com/search/docs/crawling-indexing/301-redirects?hl=ja" data-lkc-id="1094" 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=developers.google.com" alt="" width="16" height="16" /></div><div class="lkc-domain">Google for Developers</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/71873e15a7606a319c6122a0f6e7b8135f3dc8e4b95126d60ac19a61e0dc1672.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">リダイレクトと Google 検索 | Google 検索セントラル  |  Documentation  |  Google for Developers</div><div class="lkc-url" title="https://developers.google.com/search/docs/crawling-indexing/301-redirects?hl=ja">https://developers.google.com/search/docs/crawling-indexing/301-redirects?hl=ja</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">一方、302・303・307は一時的な転送として扱われ、転送元のURLが検索結果に残る場合があります。</p>



<p class="wp-block-paragraph">普通のウェブサイトのURL変更であれば、301を使うのが基本です。</p>



<h3 class="wp-block-heading">301リダイレクト設定はキャッシュに注意</h3>



<p class="wp-block-paragraph">301リダイレクト設定はブラウザにキャッシュされることがあり、有効期限などを指定しないと長く残る場合があります。<br>一度間違った転送先を設定してしまうと、設定を直してもそのブラウザではしばらく直す前の転送先に飛んでしまいます。</p>



<p class="wp-block-paragraph">自分の環境ならキャッシュを消せば済む話ですが、すでにアクセスしてしまった他ユーザーの環境には干渉できないので注意が必要です。</p>



<p class="wp-block-paragraph">対策として、301のレスポンスに<code>Cache-Control: max-age=3600</code>のような有効期限を付けておく方法があります。</p>



<h3 class="wp-block-heading">リダイレクト設定はいつまで残す？</h3>



<p class="wp-block-paragraph">「リダイレクト設定はいつまで残せばいいの？」と思う人もいるでしょう。</p>



<p class="wp-block-paragraph">別サイトからリンクしている可能性がありますし、できることならずっと残しておくのが理想です。</p>



<p class="wp-block-paragraph">それが難しい場合でも、<a href="https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes">Googleのサイト移転ガイド</a>では「できるだけ長く、一般的には最低でも1年」維持するよう案内されています。</p>



<p class="wp-block-paragraph">ただし、1年経てば古いリンクが無くなるわけではないので、新URLが使われている以上は旧URLもずっと残しておくのが理想だということは知っておきましょう。</p>



<h2 class="wp-block-heading">リダイレクトの設定方法</h2>



<p class="wp-block-paragraph">リダイレクトの設定方法は、サーバーやホスティング環境によって書き方が変わります。<br>また、転送元と転送先を並べた表さえあれば、あとはそれを各サーバーの記法に直して設定するだけの作業になります。</p>



<h3 class="wp-block-heading">ノーコードツール・CMSの場合</h3>



<p class="wp-block-paragraph">冒頭に書いた通り、最近はノーコードツールで作られたサイトも多いです。</p>



<p class="wp-block-paragraph">たとえばStudioにはBusinessプラン以上だと<a href="https://help.studio.design/en/articles/8366949-redirect-pages-setting-up-301-redirects">「リダイレクトページ」</a>、Shopifyには<a href="https://help.shopify.com/ja/manual/online-store/menus-and-links/url-redirect">「URLリダイレクト」</a>があります。<br>設定できる転送元やプランの条件はサービスごとに異なるので、利用中のサービスのヘルプを確認しましょう。</p>



<p class="wp-block-paragraph">WordPressの場合は、Redirectionのようなプラグインを使うか、後述するサーバーの設定ファイルを使用する方法を利用します。</p>



<h3 class="wp-block-heading">Apache（.htaccess）</h3>



<p class="wp-block-paragraph">Apacheで<code>.htaccess</code>による書き換えが許可されている環境なら、下記のように設定できます。</p>



<p class="wp-block-paragraph">なお、<code>.htaccess</code>は書き間違えるとサイト全体が500エラーになるので、編集前にバックアップを取ってから作業をしましょう。</p>



<p class="wp-block-paragraph">サイトのルートにある<code>.htaccess</code>で、1ページを転送する例です。<br>既存のCMSのルールがある場合は、その前に置くなど、評価される順番も確認します。</p>



<pre class="wp-block-code"><code>RewriteEngine On
RewriteRule ^old-page/?$ /new-page/ &#091;R=301,L]</code></pre>



<p class="wp-block-paragraph"><code>R=301</code>が返すステータスコード、<code>L</code>はここでルールの処理を止める指定です。</p>



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



<p class="wp-block-paragraph">Nginxの場合は、対象サイトの既存の<code>server</code>ブロック内に書きます。</p>



<pre class="wp-block-code"><code>location = /old-page/ {
	return 301 /new-page/$is_args$args;
}</code></pre>



<p class="wp-block-paragraph"><code>$is_args$args</code>はクエリ文字列を引き継ぐ指定です。<br>この例は<code>/old-page/</code>に一致する設定なので、末尾のスラッシュがない旧URLも使われていた場合は、その転送も確認します。</p>



<p class="wp-block-paragraph">設定後は構文を確認し、成功した場合に再読み込みします。<br>下記はNginxを直接管理する環境の例で、コンテナや管理サービスではその環境の反映手順に従います。</p>



<pre class="wp-block-code"><code>sudo nginx -t &amp;&amp; sudo nginx -s reload</code></pre>



<h3 class="wp-block-heading">Next.js</h3>



<p class="wp-block-paragraph"><a href="https://nextjs.org/docs/app/api-reference/config/next-config-js/redirects">Next.jsのリダイレクト</a>は、<code>next.config.js</code>に設定できます。<br>下記はCommonJS形式の例です。</p>



<p class="wp-block-paragraph">既存の設定オブジェクトがある場合は、そこへ<code>redirects</code>を追加します。</p>



<pre class="wp-block-code"><code>module.exports = {
	async redirects() {
		return &#091;
			{
				source: '/old-page',
				destination: '/new-page',
				permanent: true,
			},
		]
	},
}</code></pre>



<p class="wp-block-paragraph"><code>permanent: true</code>が308、<code>false</code>が307になります。<br>301と308は、Googleにはどちらも恒久的な転送として扱われます。<br>ただし、308はPOSTなどのメソッドを維持しますが、301ではPOSTがGETに変わる場合がある点だけ注意が必要です。</p>



<p class="wp-block-paragraph">どうしても301を返したい場合は、<code>permanent</code>の代わりに<code>statusCode: 301</code>を指定できます（両方を同時に指定することはできません）。</p>



<p class="wp-block-paragraph">設定を変更したら、再ビルド・再デプロイして反映します。<br>Vercelを使っている場合は<code>vercel.json</code>でも設定できますが、同じ転送を複数の場所で管理すると混乱のもとになるため、あらかじめ設定場所を決めておきましょう。</p>



<h3 class="wp-block-heading">サーバーを触れない場合</h3>



<p class="wp-block-paragraph">何らかの理由でサーバーの設定を触れない環境では、旧URLのHTMLの<code>head</code>内に、<code>meta</code>要素を書く方法があります。</p>



<pre class="wp-block-code"><code>&lt;meta http-equiv="refresh" content="0; url=https://example.com/new-page/"&gt;</code></pre>



<p class="wp-block-paragraph">この設定をしておくとGoogleは待ち時間が0秒のmeta refreshを恒久的な転送として扱ってくれます。<br>逆に、待ち時間を1秒でも入れると一時的な転送として扱われるので、ここは0秒で書きます。</p>



<p class="wp-block-paragraph">しかし、HTMLを読み込ませてから移動させる方式なので転送開始までHTMLの読み込みが必要ですし、そもそもHTMLを返さないPDFや画像には使えません。</p>



<p class="wp-block-paragraph">サーバー側で設定できるならそちらを使うようにしましょう。</p>



<p class="wp-block-paragraph">他にもJavaScriptで<code>location.href</code>を書き換える方法もありますが、リダイレクト方法としてはさらに優先度の低い選択肢になります。</p>



<h2 class="wp-block-heading">リダイレクトでやりがちな失敗</h2>



<p class="wp-block-paragraph">リダイレクトの設定はできているものの、失敗してしまっていたり理想的とは言えない設定になっている場合もあります。</p>



<h3 class="wp-block-heading">全部トップページに飛ばしている</h3>



<p class="wp-block-paragraph">古いURLをまとめてトップページへ301でリダイレクトさせる設定を見かけますが、転送元と内容が対応しない場合、Googleからソフト404として扱われることがあります。</p>



<p class="wp-block-paragraph">ユーザーからしても、読みたかった記事を開いたらトップページに飛ばされるのはイライラします。</p>



<p class="wp-block-paragraph">面倒でも、ページごとに対応するリダイレクト先を決めます。<br>本当に該当するページが無くなった「削除」の場合は、リダイレクトではなく404または410を返しましょう。</p>



<h3 class="wp-block-heading">リダイレクトが数珠つなぎになっている</h3>



<p class="wp-block-paragraph">リニューアルを何度か繰り返したサイトでよく起きますが、「A → B → C → D」のようにリダイレクトが数珠つなぎになっていると、そのぶん表示が遅くなります。</p>



<p class="wp-block-paragraph">新しいリダイレクト設定をする場合は、古いリダイレクト設定も見直して、できるだけ1回で終わるようにしましょう。</p>



<h3 class="wp-block-heading">リダイレクトループしている</h3>



<p class="wp-block-paragraph">AからBへ、BからAへリダイレクトする設定になっているパターンです。<br>「www」あり・なしの統一と「http」から「https」への転送を別々のルールで書いたときに起こりやすく、ブラウザには「リダイレクトが多すぎます」とだけ表示されます。</p>



<p class="wp-block-paragraph">ルールを複数書いたら、実際にアクセスして必ず確認しましょう。<br>クエリ文字列を使っているURLは、その値が必要な形で引き継がれるかも見ます。</p>



<h2 class="wp-block-heading">ドメインが変わるならアドレス変更ツールを使う</h2>



<p class="wp-block-paragraph">ドメインごと引っ越す場合は、Search Consoleの<a href="https://support.google.com/webmasters/answer/9370220?hl=ja">「アドレス変更ツール」</a>を使いましょう（同じドメイン内のパス変更や、HTTPからHTTPSへの変更には使わないので注意）。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://support.google.com/webmasters/answer/9370220?hl=ja" data-lkc-id="1093" 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=support.google.com" alt="" width="16" height="16" /></div><div class="lkc-domain">support.google.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%2Fsupport.google.com%2Fwebmasters%2Fanswer%2F9370220%3Fhl%3Dja?w=160" width="100" height="108" alt="" /></figure><div class="lkc-title">アドレス変更ツール - Search Console ヘルプ</div><div class="lkc-url" title="https://support.google.com/webmasters/answer/9370220?hl=ja">https://support.google.com/webmasters/answer/9370220?hl=ja</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">使うときは301リダイレクトを設定したうえで、新旧どちらのプロパティも同じアカウントで所有している必要があります。</p>



<p class="wp-block-paragraph">このツールで送られるシグナルが続くのは180日間ですが、180日経ってもリダイレクト設定は残したままにしておくのが理想です。</p>



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



<p class="wp-block-paragraph">とりあえず最低限覚えておきたいのは、恒久的なURL変更なら301のリダイレクトを使うことです。</p>



<p class="wp-block-paragraph">リダイレクトは、知っていれば設定自体はそこまで難しいものではありません。<br>しかし、ページを増やす作業や文言を直す作業と同じ感覚でURLが変更され、そもそもリダイレクトの話が出てこないまま公開されているケースが多いように感じます。</p>



<p class="wp-block-paragraph">ノーコードツールでスラッグを1つ書き換えるのは数秒で終わりますが、それがどう影響するのかを知っておかないと気づきすらしません。</p>



<p class="wp-block-paragraph">作業手順を整理して社内で共有し、作業時はそれに沿って行うなど、「誰かが気付かないとそのまま進んでしまう」状態にならないような工夫が必要です。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PopClipの拡張機能を自作する方法（スニペットの作成から公開まで）</title>
		<link>https://webrandum.net/popclip-custom-extensions/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 24 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[PopClip]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12248</guid>

					<description><![CDATA[PopClipの公式ディレクトリにはさまざまな拡張機能が登録されています。 翻訳やノートアプリへの取り込みといったよくありそうな機能は、だいたいここで見つかりま…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">PopClipの<a href="https://www.popclip.app/extensions/">公式ディレクトリ</a>にはさまざまな拡張機能が登録されています。</p>


<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="100" height="108" 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">翻訳やノートアプリへの取り込みといったよくありそうな機能は、だいたいここで見つかります。</p>



<p class="wp-block-paragraph">しかし、自分が使っているマイナーなサービスに投げたい、社内ツールのURLを選択したIDで開きたい、といった用途では、既存の拡張機能だけで対応できないことがあります。</p>



<p class="wp-block-paragraph">そんなときは、拡張機能を自作する選択肢があります。<br>開発者登録もビルドも要らず、テキストエディタがあれば完結します。</p>



<p class="wp-block-paragraph">今回はPopClipの拡張機能を自作する方法についてまとめます。</p>



<h2 class="wp-block-heading">拡張機能の2つの形式</h2>



<p class="wp-block-paragraph">PopClipの拡張機能には、大きく分けて「Snippets（スニペット）」と「Packages（パッケージ）」の2つの形式があります。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/dev/snippets" data-lkc-id="1089" 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%2Fdev%2Fsnippets?w=160" width="100" height="108" alt="" /></figure><div class="lkc-title">Snippets — PopClip Developer</div><div class="lkc-url" title="https://www.popclip.app/dev/snippets">https://www.popclip.app/dev/snippets</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">違いをまとめると下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>Snippets</th><th>Packages</th></tr></thead><tbody><tr><td>形式</td><td>テキスト</td><td><code>.popclipext</code>で終わる名前のフォルダ</td></tr><tr><td>設定の書き方</td><td>YAMLやJavaScriptなど</td><td><code>Config.yaml</code>などの設定ファイル</td></tr><tr><td>追加ファイル</td><td>持てない</td><td>アイコン画像・スクリプト・READMEを同梱できる</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">Snippetsの方が気軽に追加できますが、追加ファイルの同梱や署名はできません。<br>配布したり自分以外も使う場合はPackagesがいいですが、自分専用や個人でのお試しレベルであればSnippetsで十分です。</p>



<p class="wp-block-paragraph">まずはSnippetsで作って、配布したくなったらPackagesにする流れが良さそうです。</p>



<h2 class="wp-block-heading">Snippetsで自作する</h2>



<p class="wp-block-paragraph">SnippetsはYAML形式のテキストを書くだけで作れます（JavaScriptで書く方法もありますが、その方法は後述します）。</p>



<p class="wp-block-paragraph">最小のサンプルは下記の通りです。</p>



<pre class="wp-block-code"><code>#popclip
name: Urban Dictionary
icon: UD
url: https://www.urbandictionary.com/define.php?term=***</code></pre>



<p class="wp-block-paragraph">1行目の<code>#popclip</code>が目印で、この形式のテキストを丸ごと選択すると、PopClipが自動的に検知して「Install Extension」のアクションを表示してくれます。<br><code>***</code>には、選択したテキストの前後の空白を取り除き、URLエンコードした値が入ります。</p>



<p class="wp-block-paragraph">検索先のURLを差し替えれば、好きなサイトの検索用アクションが作れます。</p>



<p class="wp-block-paragraph">そしてテキストを選択するだけで、PopClip上にインストールボタンが表示されます。</p>



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



<p class="wp-block-paragraph">わざわざファイルを作らなくてもテキストを選択するだけで拡張機能をインストールできるという方法は、PopClipらしい仕組みで面白いです。</p>



<p class="wp-block-paragraph">なお、テキスト選択からインストールできるのは5,000文字までです。<br>それ以上に長い場合やファイルとして保存したい場合は、<code>.popcliptxt</code>拡張子で保存することで、ファイルをダブルクリックでインストールできるようになります。</p>



<p class="wp-block-paragraph"><code>.yaml</code>・<code>.js</code>・<code>.ts</code>で保存した場合は、Finderの［このアプリケーションで開く］→［PopClip］を選ぶか、PopClipのメニューバーアイコンへドラッグします。</p>



<p class="wp-block-paragraph">なお、YAMLのインデントにはタブではなく半角スペースを使う必要があるので注意が必要です。</p>



<h3 class="wp-block-heading">アイコンを指定する</h3>



<p class="wp-block-paragraph"><code>icon</code>で指定できる代表的な形式は、下記の通りです（<a href="https://www.popclip.app/dev/icons">アイコンの公式仕様</a>）。</p>



<figure class="wp-block-table"><table><thead><tr><th>書き方</th><th>例</th><th>内容</th></tr></thead><tbody><tr><td>テキスト</td><td><code>icon: square filled AB</code></td><td>最大3文字を使ったアイコンを生成する</td></tr><tr><td>SF Symbols</td><td><code>icon: symbol:globe</code></td><td>macOS標準のSF Symbolsから指定する</td></tr><tr><td>Iconify</td><td><code>icon: iconify:simple-icons:notion</code></td><td>Iconifyのアイコンライブラリから指定する</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">テキストアイコンは<code>square</code>（四角）や<code>circle</code>（丸）といった図形の指定に、<code>filled</code>（塗りつぶし）を組み合わせて書きます。<br><code>icon: UD</code>のように文字だけを書くこともできます。</p>



<p class="wp-block-paragraph">バーに同じような四角が並ぶと押し間違えるので、サービスのロゴがIconifyにあるならそれを指定しておくのが分かりやすいです。</p>



<h3 class="wp-block-heading">アクションの種類</h3>



<p class="wp-block-paragraph">指定できるアクションには、下記の6種類があります。</p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>設定キー</th><th>内容</th></tr></thead><tbody><tr><td>URL</td><td><code>url</code></td><td>URLを開く</td></tr><tr><td>キー入力</td><td><code>keyCombo</code></td><td>ショートカットキーを送る</td></tr><tr><td>サービス</td><td><code>serviceName</code></td><td>macOSのサービスを呼び出す</td></tr><tr><td>ショートカット</td><td><code>shortcutName</code></td><td>ショートカット.appのショートカットを実行する</td></tr><tr><td>AppleScript</td><td><code>appleScript</code></td><td>AppleScriptを実行する</td></tr><tr><td>シェルスクリプト</td><td><code>shellScript</code></td><td>シェルスクリプトを実行する</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">文字列の加工や条件分岐が必要になったら、JavaScriptやシェルスクリプトを使います。</p>



<h3 class="wp-block-heading">キー入力を送る</h3>



<p class="wp-block-paragraph">アプリのショートカットキーを押すだけのアクションは<code>keyCombo</code>で書けます。</p>



<pre class="wp-block-code"><code>#popclip
name: Bold
icon: B
keyCombo: command b
keyComboTarget: app
stayVisible: true</code></pre>



<p class="wp-block-paragraph"><code>command b</code>のように、修飾キーと通常のキーを半角スペースで区切って書きます。<br>修飾キーは<code>command</code>・<code>option</code>・<code>control</code>・<code>shift</code>が使え、<code>cmd</code>や<code>opt</code>のような省略形も通ります。</p>



<p class="wp-block-paragraph">また、<code>stayVisible: true</code>を付けると、クリックしてもPopClipバーが消えません。<br>太字と斜体を続けて当てたいときなど、連続で押したいアクションに向いています。</p>



<h3 class="wp-block-heading">シェルスクリプトを実行する</h3>



<p class="wp-block-paragraph">シェルスクリプトを実行する場合、選択したテキストは環境変数<code>POPCLIP_TEXT</code>から受け取ります。</p>



<pre class="wp-block-code"><code>#popclip
name: Character Count
icon: symbol:textformat.123
after: show-result
interpreter: /bin/zsh
shellScript: printf '%s' "$POPCLIP_TEXT" | wc -m | tr -d ' '</code></pre>



<p class="wp-block-paragraph"><code>POPCLIP_TEXT</code>以外にも、ブラウザで開いているURLが入る<code>POPCLIP_BROWSER_URL</code>などが用意されています。</p>



<h3 class="wp-block-heading">JavaScriptで書く</h3>



<p class="wp-block-paragraph">JavaScriptの場合は<code>#popclip</code>をコメントとして書き、その下に処理を続けます。<br>拡張子は<code>.js</code>です。</p>



<pre class="wp-block-code"><code>// #popclip
// language: javascript
// name: Uppercase
// icon: square filled AB
popclip.pasteText(popclip.input.text.toUpperCase());</code></pre>



<p class="wp-block-paragraph">選択したテキストは<code>popclip.input.text</code>で取得でき、<code>popclip.pasteText()</code>で置換できます。</p>



<p class="wp-block-paragraph">上記のサンプルは選択テキストを大文字に変換していますが、このレベルの処理なら簡単に作成できます。<br>ちなみに、あとで説明する公式ディレクトリへの公開ではJavaScriptが推奨されています。</p>



<h3 class="wp-block-heading">複数のアクションを設定する</h3>



<p class="wp-block-paragraph">1つの拡張機能に複数のアクションを持たせる場合は<code>actions</code>に並べます。</p>



<pre class="wp-block-code"><code>#popclip
name: 検索
actions:
  - title: Google
    icon: iconify:simple-icons:google
    url: https://www.google.com/search?q=***
  - title: MDN
    icon: iconify:simple-icons:mdnwebdocs
    url: https://developer.mozilla.org/ja/search?q=***</code></pre>



<p class="wp-block-paragraph"><code>title</code>はアイコンが無いときにボタンへ表示され、アイコンがある場合はツールチップに表示されます。</p>



<p class="wp-block-paragraph">よく使う検索先を、1つの拡張機能としてまとめて管理なんてことができます。</p>



<h3 class="wp-block-heading">表示条件を絞る</h3>



<p class="wp-block-paragraph">拡張機能を増やしていくと、バーが横に長くなって目的のアクションを探すのに時間がかかるようになってしまいます。</p>



<p class="wp-block-paragraph">そこで便利な設定が「<code>requirements</code>」です。<br>選択した内容が条件に合うときだけアクションを表示する指定で、主な値は下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>値</th><th>条件</th></tr></thead><tbody><tr><td><code>text</code></td><td>文字が選択されている</td></tr><tr><td><code>url</code></td><td>選択範囲にURLが1つだけ含まれている</td></tr><tr><td><code>isurl</code></td><td>選択範囲がURLそのもの</td></tr><tr><td><code>email</code></td><td>メールアドレスが1つだけ含まれている</td></tr><tr><td><code>path</code></td><td>存在するローカルのファイルパスである</td></tr><tr><td><code>paste</code></td><td>ペーストできる状態である</td></tr><tr><td><code>formatting</code></td><td>書式変更に対応する状況である</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">値の先頭に<code>!</code>を付けると条件を反転することもできます。</p>



<p class="wp-block-paragraph">さらに、細かく絞りたい場合は<code>regex</code>で正規表現の指定も可能です。<br>「<code>requirements</code>」で絞ったあとに正規表現がかけられて、マッチした部分だけがアクションに渡ります。</p>



<p class="wp-block-paragraph">例えば、選択した文字列がチケット番号のときだけ管理ツールを開く、といった書き方ができます。</p>



<pre class="wp-block-code"><code>#popclip
name: Issue
icon: symbol:number
regex: "^&#091;A-Z]+-&#091;0-9]+$"
url: https://example.com/browse/***</code></pre>



<p class="wp-block-paragraph">上記のサンプルでは選択テキストが<code>ABC-123</code>のような形式に一致したときだけ表示されます。</p>



<p class="wp-block-paragraph">他にも、特定のアプリでだけ表示したい場合は<code>requiredApps</code>にバンドルIDを指定します。</p>



<h3 class="wp-block-heading">実行後の動作を決める</h3>



<p class="wp-block-paragraph"><code>after</code>を指定すると、アクションの実行結果をどう扱うかを決められます。</p>



<figure class="wp-block-table"><table><thead><tr><th>値</th><th>動作</th></tr></thead><tbody><tr><td><code>paste-result</code></td><td>結果を選択範囲にペーストする</td></tr><tr><td><code>copy-result</code></td><td>結果をクリップボードにコピーする</td></tr><tr><td><code>show-result</code></td><td>結果をその場に表示する</td></tr><tr><td><code>preview-result</code></td><td>結果をプレビュー表示する</td></tr><tr><td><code>show-status</code></td><td>成功・失敗のマークだけ表示する</td></tr><tr><td><code>copy</code></td><td>選択範囲をコピーする</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">対になる<code>before</code>もあって、アクションの実行前に<code>copy</code>や<code>cut</code>を挟めます。</p>



<p class="wp-block-paragraph">シェルスクリプトの標準出力を選択範囲に戻す場合は、<code>after: paste-result</code>を指定します。<br>URLを開くだけのアクションなど、テキストの結果を返さない処理には使えません。</p>



<h2 class="wp-block-heading">Packagesにする</h2>



<p class="wp-block-paragraph">アイコン画像や別ファイルを同梱したい場合、または公式ディレクトリへ公開したい場合は、<a href="https://www.popclip.app/dev/packages">Packages（パッケージ形式）</a>にします。</p>



<p class="wp-block-paragraph">Packagesと言っても、<code>.popclipext</code>で終わる名前のフォルダを作ってその中に設定ファイルを置くだけです。</p>



<pre class="wp-block-code"><code>MyExtension.popclipext/
├── Config.yaml
├── icon.png
└── readme.md</code></pre>



<p class="wp-block-paragraph">今回の例では設定ファイルに<code>Config.yaml</code>を使っていますが、他にJSONやplist、JavaScriptなどでも記述できます。</p>



<p class="wp-block-paragraph">中身に書く内容はSnippetsと同じですが、公開する場合は<code>name</code>・<code>identifier</code>・<code>description</code>・<code>popclip version</code>の4つが必須になります。</p>



<pre class="wp-block-code"><code>name: My Extension
identifier: com.example.myextension
popclip version: 6221
description: 選択したテキストを社内ツールで開きます。
icon: icon.png
url: https://example.com/search?q=***</code></pre>



<p class="wp-block-paragraph"><code>identifier</code>は拡張機能を識別する値なので、一意の名前を決めて、更新時も同じ値を使います。<br><code>popclip version</code>は必要なPopClipの最低バージョンのビルド番号で、上記サンプルでは2026.8.1（6221）以降を対象にしています。</p>



<p class="wp-block-paragraph"><code>icon.png</code>も実際の画像を用意します。<br>画像を使わない場合は<code>icon: square filled AB</code>のようなテキストアイコンに変更し、画像ファイルを省けます。</p>



<p class="wp-block-paragraph">パッケージ化したら、フォルダをダブルクリックするとインストールされます。<br>なお、配布用にはフォルダをzipで圧縮して、拡張子を<code>.popclipextz</code>に変えたものを渡します。</p>



<h2 class="wp-block-heading">自作した拡張機能を公開する方法</h2>



<p class="wp-block-paragraph">自分で使うだけなら前述のファイルだけで事足りますが、<a href="https://www.popclip.app/extensions/">公式のディレクトリ</a>に載せることもできます。</p>


<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="100" height="108" 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">ディレクトリに掲載された拡張機能はサーバー側で署名されるので、インストール時に警告が出なくなりますし、更新も自動で配信されます。</p>



<h3 class="wp-block-heading">提出の準備</h3>



<p class="wp-block-paragraph"><a href="https://www.popclip.app/extensions/submit">公式の提出手順</a>に沿って、公開したGitHubリポジトリを登録します。<br>2026年8月に新しい方式へ切り替わったようで、以前より手順が整理されました。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/submit" data-lkc-id="1090" 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%2Fsubmit?w=160" width="100" height="108" alt="" /></figure><div class="lkc-title">Submit an Extension — PopClip Extensions</div><div class="lkc-url" title="https://www.popclip.app/extensions/submit">https://www.popclip.app/extensions/submit</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">流れは下記の通りです。</p>



<ol class="wp-block-list">
<li>拡張機能を<code>.popclipext</code>パッケージとしてGitHubの公開リポジトリに置く</li>



<li>リポジトリのルートに<code>popclip-directory.yaml</code>を作る</li>



<li>PopClip Directoryのアプリを対象のリポジトリにインストールする</li>



<li>バージョンのタグを付けてプッシュする</li>
</ol>



<p class="wp-block-paragraph"><code>popclip-directory.yaml</code>には、どのフォルダを拡張機能として扱うかを書きます。</p>



<pre class="wp-block-code"><code>include: "source/*.popclipext"
versionPrefix: v</code></pre>



<p class="wp-block-paragraph">この設定例では、パッケージをリポジトリ内の<code>source/</code>フォルダに置きます。<br>ソースと設定ファイルをコミットしてGitHubへプッシュしたら、提出するコミットにバージョンのタグを付けて送ります。</p>



<pre class="wp-block-code"><code>git tag v1.0.0
git push origin v1.0.0</code></pre>



<p class="wp-block-paragraph">タグをプッシュすると自動チェックが始まり、結果をGitHubで確認できます。</p>



<p class="wp-block-paragraph">サイズ制限は1つの拡張機能につきファイル数は100個まで、1ファイル1MiBまで、全体で2MiBまでです。</p>



<p class="wp-block-paragraph">そして<code>readme.md</code>を置くと、拡張機能のページに表示されます。<br>デモ動画（<code>demo.mp4</code>）を置くこともできて、こちらは目立つ位置に表示されます。</p>



<p class="wp-block-paragraph">自動チェックを通ると手動レビューへ進みます。<br>それも承認されると、専用のページと署名済みの<code>.popclipextz</code>のダウンロードが用意されて公開されます。</p>



<h3 class="wp-block-heading">シェルスクリプトは理由が必要</h3>



<p class="wp-block-paragraph">ひとつ注意したいのが、ディレクトリではJavaScriptで書くことが強く推奨されている点です。</p>



<p class="wp-block-paragraph">シェルスクリプトを使う拡張機能を提出する場合は、<code>shellScriptRationale</code>に「なぜJavaScriptでは実現できないのか」を書く必要があります。<br>理由は20文字以上が必要で、項目が無い場合は自動チェックを通りません。</p>



<p class="wp-block-paragraph">公開を考えている場合は、JavaScriptで実現できる処理かを先に確認しておくと作り直しを減らせます。</p>



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



<p class="wp-block-paragraph">PopClipの拡張機能の自作は、想像していたよりずっと手前から始められました。<br>特に公開予定もなく、とりあえず自分で使う用のものであれば、YAMLを4行書いてそれを選択するだけで追加できます。</p>



<p class="wp-block-paragraph">何よりテキストを選択するだけでインストール表示が出てくるのは、PopClipらしくて非常に面白いです。</p>



<p class="wp-block-paragraph">まずは自分で試してみて、便利そうであれば公式ディレクトリへの申請も考えてみてはいかがでしょうか。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>アプリ・サービス名の読み方を調べる方法</title>
		<link>https://webrandum.net/how-to-look-up-pronunciation/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 17 Sep 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[ライフハック]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12239</guid>

					<description><![CDATA[アプリ・サービス名の中には「これ何て読めばいいんだ……？」という名前のものが存在します。また、知らず知らずのうちに間違った読み方で覚えてしまっていることもありま…]]></description>
										<content:encoded><![CDATA[
<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>



<h3 class="wp-block-heading">「〇〇 読み方」で検索する</h3>



<p class="wp-block-paragraph">いちばん手軽なのがとりあえず読み方について検索する方法です。<br>読み方に迷うような名前は他の人も同じところで迷っているので、「〇〇 読み方」で検索すると大抵は誰かがまとめてくれています。</p>



<p class="wp-block-paragraph">例えばdotfilesを管理する<a href="https://www.chezmoi.io/">chezmoi</a>は「シェモア」と読みます。<br>フランス語の「chez moi（我が家）」が由来だそうですが、日本人で初見で読める人はなかなかいないと思います。</p>



<p class="wp-block-paragraph">chezmoiの場合は特に検索候補にも表示されるので、読み方が気になって調べている人が多いのでしょう。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="500" src="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-2-1024x500.png" alt="" class="wp-image-12240" style="width:919px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-2-1024x500.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-2-300x147.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_1-2.png 1838w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">AIに聞く</h3>



<p class="wp-block-paragraph">最近はAIを使う人も多いと思いますが、読み方に関する情報はAIが間違えやすいと思っています。</p>



<p class="wp-block-paragraph">出典がないまま、それらしい読み方を自信満々に返してくることがあります。<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">例えば、ディスプレイの色温度を調整してブルーライトを抑える「f.lux」は、<a href="https://justgetflux.com/faq.html">公式のFAQ</a>に「How do you guys say &#8220;f.lux&#8221;?」という項目があり、「We say &#8220;flux.&#8221;」で「エフラックス」ではなく「フラックス」と発音することが分かります。</p>



<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_2-1-1024x604.png" alt="" class="wp-image-12241" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_2-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ウェブサーバーの「nginx」も、<a href="https://nginx.org/en/">公式サイト</a>の1文目が「nginx (&#8220;engine x&#8221;) is an HTTP web server,」から始まります。<br>名前の直後に読み方が書かれていて「エンジンエックス」と読むことがわかります。</p>



<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_5-1-1024x604.png" alt="" class="wp-image-12242" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_5-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">開発者向けのツールならGitHubのREADMEや公式ドキュメントも有力です。<br>先ほどのchezmoiは、<a href="https://www.chezmoi.io/">公式ドキュメント</a>のトップに「pronounced /ʃeɪ mwa/ (shay-mwa)」と発音記号があり、音声ファイルまであります。</p>



<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_3-1-1024x604.png" alt="" class="wp-image-12243" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_3-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ちなみに日本語だと「シェモア」と書かれることが多いのですが、公式の発音記号を見ると「シェイモア」に近い音です。</p>



<h3 class="wp-block-heading">日本語版のサイトを確認する</h3>



<p class="wp-block-paragraph">日本語版のドキュメントが用意されている場合、英語の正式表記のあとに括弧書きで読み方が書かれている場合があります。</p>



<p class="wp-block-paragraph">フロントエンドのビルドツール「Vite」の<a href="https://ja.vite.dev/guide/">日本語ドキュメント</a>には、「Vite（フランス語で「素早い」という意味の単語で <code>/viːt/</code> ヴィートのように発音）」と書かれています。</p>



<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_4-1-1024x604.png" alt="" class="wp-image-12244" style="width:720px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4-1-1024x604.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4-1-300x177.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/09/image_4-1.png 1440w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">発音記号や音声ファイルもありますし、その上でカタカナ表記まで記載してくれています。日本語話者に向けて公式が出しているので、これ以上確かな情報はありません。</p>



<h3 class="wp-block-heading">公式の動画で発音を聞く</h3>



<p class="wp-block-paragraph">文字で見つからないときは、公式のプロモーション動画やカンファレンスの発表を聞く方法があります。</p>



<p class="wp-block-paragraph">ちなみにGoogleが開発しているAIの「Gemini」は、日本語のサイトや動画では「ジェミニ」ですが、英語の発表では「ジェミナイ」と発音されています（ふたご座を意味するGeminiの英語読みがジェミナイなので、英語としてはそちらが自然です）。</p>



<p class="wp-block-paragraph">日本語の広告を見てみると、「ジェミニ」と発音しています。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Google Gemini | 旅の詰め込みプラン篇" width="500" height="281" src="https://www.youtube.com/embed/rBaiOYDAdA0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="wp-block-paragraph">英語の場合は「ジェミナイ」と発音しているのが分かります。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Google Gemini | Look What You Can Do (ft. MrBeast)" width="500" height="281" src="https://www.youtube.com/embed/NBvLv4EoWxI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="wp-block-paragraph">また、Xの旧サービス名「Twitter」も、日本では「ツイッター」が一般的でしたが、アメリカでは「トゥイッター」に近い音で発音されていました。</p>



<p class="wp-block-paragraph">このように国によって呼び方が違う場合もあるので、公式が日本語として出しているものや、カタカナ表記にした場合にどのように扱っているのかは確認しておいた方が良いでしょう。</p>



<h3 class="wp-block-heading">翻訳サービスに発音させる</h3>



<p class="wp-block-paragraph">公式にも日本語版にも記載が見つからないときの手段です。<br>Google翻訳のような読み上げ機能に入れると、英語として自然に読んだ場合の音を聞けます。</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">読み方が割れる有名な言葉が画像形式の「GIF」です。</p>



<p class="wp-block-paragraph">GIFの開発者であるSteve Wilhite氏は2014年の<a href="https://www.webbyawards.com/how-do-you-pronounce-gif/">ウェビー賞の授賞式</a>で「It&#8217;s pronounced &#8220;jif&#8221; not &#8220;gif&#8221;」とスライドに出しています。</p>



<p class="wp-block-paragraph">生みの親が言っているので「ジフ」が正しいということになりますが、「ギフ」と読む人もいます（特に英語圏だと「ギフ」読みの方が多かったそうです）。</p>


<div class="linkcard"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.webbyawards.com/how-do-you-pronounce-gif/" data-lkc-id="1087" 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.webbyawards.com" alt="" width="16" height="16" /></div><div class="lkc-domain">The Webby Awards</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/f3ddcee221ed3fdc2a1eae10cb702956678eee90945e8cd0d302266a1238b1f7.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">It&#039;s Pronounced &#039;Jif&#039; Not &#039;Gif&#039; | The Webby Awards</div><div class="lkc-url" title="https://www.webbyawards.com/how-do-you-pronounce-gif/">https://www.webbyawards.com/how-do-you-pronounce-gif/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">基本は生みの親が言っている「ジフ」読みにしつつ、「ギフ」と読む人もいると覚えておきましょう。</p>



<p class="wp-block-paragraph">この辺りは相手に伝わるかどうかも大切なので、相手の読み方によって読み分けるのが良さそうです。<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>そこで自然に「これ何て読むんだっけ」と調べることになるので、入力の効率化と読み方の確認を同時に済ませられます。</p>
]]></content:encoded>
					
		
		
			</item>
		<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 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" alt="" /></figure><div class="lkc-title">クリップボード履歴を複数一括でペーストしたり、コピーした順にペーストするアプリ「Paste」</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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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="100" height="108" 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>
	</channel>
</rss>
