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

<channel>
	<title>Webrandum</title>
	<atom:link href="https://webrandum.net/feed/" rel="self" type="application/rss+xml" />
	<link>https://webrandum.net</link>
	<description>Webデザイナーの備忘録</description>
	<lastBuildDate>Thu, 29 Oct 2026 08:16:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</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>AWSのロードバランサー「ALB」と「NLB」の違いと使い分け</title>
		<link>https://webrandum.net/alb-nlb-comparison/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 29 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[インフラ]]></category>
		<category><![CDATA[ELB]]></category>
		<category><![CDATA[AWS]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12326</guid>

					<description><![CDATA[AWSでウェブアプリのロードバランサーを作るとき、最初にALBとNLBのどちらを使うかを選びます。 それぞれの違いについて調べると「ALBはL7、NLBはL4」…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">AWSでウェブアプリのロードバランサーを作るとき、最初にALBとNLBのどちらを使うかを選びます。</p>



<p class="wp-block-paragraph">それぞれの違いについて調べると「ALBはL7、NLBはL4」と出てきますが、ネットワークに関する知識が無い人からすると、これだけではイマイチ理解できません。</p>



<p class="wp-block-paragraph">今回はELBで選べるロードバランサーの種類をまとめつつ、ALBとNLBの違いと使い分けを整理します。</p>



<h2 class="wp-block-heading">Elastic Load Balancingの基本</h2>



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


<div class="linkcard" id="pz-lkc-1101" data-lkc-id="1101" data-post-id="12326" data-click-token="d594807bf05aa6fb360e88f3ca63dcfa0cba79be37b5fa036034e3a3dd82b89c"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://aws.amazon.com/jp/elasticloadbalancing/" data-lkc-id="1101" data-post-id="12326" data-click-token="d594807bf05aa6fb360e88f3ca63dcfa0cba79be37b5fa036034e3a3dd82b89c" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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%2Felasticloadbalancing%2F?w=160" width="100" height="108" alt="" /></figure><div class="lkc-title">ロードバランサー – Amazon Elastic Load Balancer (ELB) – AWS</div><div class="lkc-url" title="https://aws.amazon.com/jp/elasticloadbalancing/">https://aws.amazon.com/jp/elasticloadbalancing/</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">ロードバランサーとは、サイトへのアクセスを複数のサーバーに振り分けて、1台に負荷が集中しないようにする仕組みです。</p>



<p class="wp-block-paragraph">コンビニなどでレジを待つときにフォーク型で並ぶようなものだと考えると分かりやすいです。1つの列に並び、空いたレジへ順番に進んでいく並び方です。</p>



<p class="wp-block-paragraph">ロードバランサーも同じように、受け付けた通信を複数のサーバーへ振り分けます。<br>ちなみに、この振り分け先になるEC2インスタンスやコンテナなどを「ターゲット」と呼びます。</p>



<p class="wp-block-paragraph">そしてAWSのロードバランサーのサービスが「ELB（Elastic Load Balancing）」です。<br>ややこしいですが、ELBというサービスの中に、ALBやNLBといったロードバランサーが何種類か用意されています。</p>



<p class="wp-block-paragraph">また、ELBはターゲットが正常に動いているかを定期的に確かめる「ヘルスチェック」も行っています。<br>このヘルスチェックがあるおかげで、応答しなくなったターゲットには通信を送らないので、止まっているサーバーにアクセスが送られてエラーになるのを防げます。</p>



<h2 class="wp-block-heading">ロードバランサーの種類</h2>



<p class="wp-block-paragraph">2026年10月時点で、ELBで選べるロードバランサーは下記の4種類です。</p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>動作する層</th><th>主な用途</th></tr></thead><tbody><tr><td>Application Load Balancer<br>（ALB）</td><td>第7層（アプリケーション層）</td><td>ウェブサイト・ウェブアプリ・API</td></tr><tr><td>Network Load Balancer<br>（NLB）</td><td>第4層（トランスポート層）</td><td>HTTP以外の通信、IPアドレスの固定</td></tr><tr><td>Gateway Load Balancer<br>（GWLB）</td><td>第3層（ネットワーク層）</td><td>ファイアウォールなどを通信経路に挟む</td></tr><tr><td>Classic Load Balancer<br>（CLB）</td><td>（旧世代）</td><td>既存環境のみ</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">Application Load Balancer（ALB）</h3>



<p class="wp-block-paragraph">ALBはHTTPとHTTPSの通信を扱う、ウェブサイト・ウェブアプリ向けのロードバランサーです。<br>名前もApplication Load Balancerなのでアプリケーション向けだと覚えられます。</p>



<p class="wp-block-paragraph">WebSocketにも対応しているので、チャットのようにつなぎっぱなしで通信するアプリケーションも扱えます。</p>



<p class="wp-block-paragraph">HTTPのリクエストを読めるALBでは、下記のような機能が使えます。</p>



<ul class="wp-block-list">
<li>URLやドメインで振り分け先を変える
<ul class="wp-block-list">
<li>例：<code>/api/</code>はAPIのサーバー、<code>blog.example.com</code>はブログのサーバーのように振り分けられる</li>
</ul>
</li>



<li>HTTPでアクセスされたら、HTTPSへリダイレクトする
<ul class="wp-block-list">
<li>サーバー側の<code>.htaccess</code>などに書かなくて済む</li>
</ul>
</li>



<li>Amazon Cognitoなどと連携してログイン画面を挟む（HTTPSリスナーのみ）</li>



<li>AWS WAF（不正なリクエストを遮断するファイアウォール）を使う</li>
</ul>



<p class="wp-block-paragraph">ヘルスチェックもHTTPまたはHTTPSで行い、指定したパスが返すステータスコードで正常かどうかを判断できます。</p>



<h3 class="wp-block-heading">Network Load Balancer（NLB）</h3>



<p class="wp-block-paragraph">NLBはHTTPに限らず、TCPやUDPの通信を扱うロードバランサーです。</p>



<p class="wp-block-paragraph">独自プロトコルのサービスなど、HTTP以外の通信を振り分けたい場合はNLBを選びます（対応しているプロトコルの一覧は<a href="https://docs.aws.amazon.com/ja_jp/elasticloadbalancing/latest/network/load-balancer-listeners.html">NLBのドキュメント</a>を参照）。</p>



<p class="wp-block-paragraph">IPアドレスを、AZ（リージョンの中にあるデータセンターのまとまり）ごとに1つ固定できるのも特徴です。</p>



<p class="wp-block-paragraph">また、クライアントのIPアドレスを接続元のままターゲットに渡せます（ただし、ターゲットをIPアドレスで登録した場合、TCPやTLSでは既定で無効なので、ターゲットグループの設定で有効にします）。</p>



<p class="wp-block-paragraph">NLBの<a href="https://docs.aws.amazon.com/ja_jp/elasticloadbalancing/latest/network/target-group-health-checks.html">ヘルスチェック</a>は、既定ではTCPで接続できるかどうかだけを確認します。<br>ポートさえ開いていれば、アプリケーションがエラーを返していても正常と判定されるので、ウェブアプリを載せるならHTTPやHTTPSに変えておきます。</p>



<p class="wp-block-paragraph">なお、NLBのセキュリティグループ（受け付ける通信を決めるファイアウォール）は、作成時に付けなかった場合は後から追加できません。<br>後から付けたくなったら作り直しになるので、作成時に付けておく必要があるので注意しましょう。</p>



<h3 class="wp-block-heading">Gateway Load Balancer（GWLB）</h3>



<p class="wp-block-paragraph">ファイアウォールなどのセキュリティ製品を通信経路に挟むためのロードバランサーです。<br>ウェブサイトを公開するだけなら、出番はほとんどありません。</p>



<h3 class="wp-block-heading">Classic Load Balancer（CLB）</h3>



<p class="wp-block-paragraph">旧世代のロードバランサーで、現在AWSは<a href="https://docs.aws.amazon.com/ja_jp/elasticloadbalancing/latest/userguide/what-is-load-balancing.html">ALBやNLBへの移行を推奨</a>しています。<br>古い環境でCLBが残っている場合は、HTTP/HTTPSならALB、TCPならNLBへの移行を検討します。</p>



<p class="wp-block-paragraph">これから新しく作る場合はALBかNLBを選びましょう。</p>



<h2 class="wp-block-heading">ALBとNLBの違い</h2>



<p class="wp-block-paragraph">ALBとNLBは、どちらも通信をターゲットへ振り分けるロードバランサーです。</p>



<p class="wp-block-paragraph">この2つの大きな違いは、NLBがIPアドレスとポート番号だけを見て振り分けるのに対して、ALBはURLやCookieを含むHTTPリクエストの中身まで見て振り分ける点です。</p>



<p class="wp-block-paragraph">この違いは、よく郵便物の仕分けに例えられます。<br>NLBは封筒の宛名だけを見て仕分ける係で、ALBは封筒を開けて手紙を読み、内容に合わせて担当の部署へ回す係です。</p>



<p class="wp-block-paragraph">ALBとNLBの特徴を表にまとめると下記のようになります（2026年10月時点）。</p>



<figure class="wp-block-table"><table><thead><tr><th>項目</th><th>ALB</th><th>NLB</th></tr></thead><tbody><tr><td>扱う通信</td><td>HTTP・HTTPS</td><td>TCP・UDP・TLSなど</td></tr><tr><td>振り分けの単位</td><td>リクエストごと</td><td>接続ごと</td></tr><tr><td>振り分けの条件</td><td>パス・ホスト名・ヘッダーなど</td><td>プロトコルとポート</td></tr><tr><td>IPアドレスの固定</td><td>固定されない（IPAMプールから割り当てることは可）</td><td>AZごとに固定。インターネット向けはElastic IPも使える</td></tr><tr><td>クライアントのIPアドレス</td><td><code>X-Forwarded-For</code>ヘッダーで受け取る</td><td>接続元のまま渡せる</td></tr><tr><td>暗号化の解除（TLS終端）</td><td>HTTPSリスナー</td><td>TLSリスナー。暗号化したまま渡すことも可</td></tr><tr><td>ログイン・AWS WAF</td><td>対応</td><td>非対応</td></tr><tr><td>ヘルスチェック</td><td>HTTP・HTTPS</td><td>既定はTCP。HTTP・HTTPSも可</td></tr><tr><td>ターゲット</td><td>インスタンス・IP・Lambda</td><td>インスタンス・IP・ALB</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">例えば、同じ接続で<code>/api/users</code>と<code>/images/logo.png</code>が続けて送られたとします。</p>



<p class="wp-block-paragraph">NLBは、TCPの場合は接続を始めるときに振り分け先を決め、切断されるまで同じターゲットに送ります。<br>ブラウザは一度つないだ接続を使い回してリクエストを続けて送るので、この2つはどちらも同じターゲットに届きます。</p>



<p class="wp-block-paragraph">それに対してALBは、<a href="https://docs.aws.amazon.com/ja_jp/elasticloadbalancing/latest/userguide/how-elastic-load-balancing-works.html">リクエストごとに</a>振り分け先を決めます。<br>パスごとに振り分け先を設定しておけば、この2つを別々のターゲットへ送れます。</p>



<p class="wp-block-paragraph">このように、HTTPの中身を見て振り分けたいのか、接続単位で振り分けられれば十分なのかで、どちらを使うのかが変わってきます。</p>



<h2 class="wp-block-heading">実際にはどう使い分けるのか</h2>



<p class="wp-block-paragraph">HTTP/HTTPSのウェブサイトやウェブアプリなら、まずはALBを使うことから考えます。<br>URLでの振り分け、HTTPSへのリダイレクト、AWS WAFは、どれもNLBにはない機能だからです。</p>



<p class="wp-block-paragraph">複数のアプリケーションを動かす場合も、ロードバランサーを増やす必要はありません。<br>1つのALBで、パスやホスト名ごとにターゲットグループ（振り分け先のターゲットをまとめたもの）を分ければ済みます。</p>



<p class="wp-block-paragraph">そのうえで、下記のようなALBでは満たせない要件があるときにNLBを選びます。</p>



<ul class="wp-block-list">
<li>HTTP以外のプロトコル（TCPやUDP）を扱う</li>



<li>接続先のIPアドレスを固定する必要がある</li>



<li>クライアントのIPアドレスを、ヘッダーではなく接続元のまま受け取りたい</li>
</ul>



<p class="wp-block-paragraph">ウェブ制作の案件でウェブサイトやウェブアプリを公開するだけなら、固定IPの要件くらいで、それ以外はあまり無いんじゃないかと思います。</p>



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



<p class="wp-block-paragraph">ALBとNLBは、IPアドレスとポート番号だけで判断しているか、URLやCookieを含むHTTPリクエストを見て判断しているかの違いです。URLでの振り分けやWAFがALBにしかないのは、HTTPの中身を見ているからです。</p>



<p class="wp-block-paragraph">ウェブサイトであればALBで構成を組み、そのうえで「IPアドレスを固定してほしい」「HTTP以外の通信もある」と言われた時点でNLBを検討します。</p>



<p class="wp-block-paragraph">初めてELBを知ったときは、とりあえず「アプリケーションならALB」と丸暗記しているような状態でした。<br>しかし、どうなっているか詳しく調べて整理してみると、それぞれの機能差がどこからきているのか分かって面白いです。</p>



<p class="wp-block-paragraph">また、NLBを使う場合は、後から追加できないセキュリティグループを作成時に付けることだけは忘れないようにしましょう。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bartenderが重いときの乗り換え候補！メニューバー管理アプリまとめ</title>
		<link>https://webrandum.net/menu-bar-management-apps/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 22 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業環境整備]]></category>
		<category><![CDATA[Dozer]]></category>
		<category><![CDATA[Ice]]></category>
		<category><![CDATA[Barkeep]]></category>
		<category><![CDATA[Hidden Bar]]></category>
		<category><![CDATA[Barbee]]></category>
		<category><![CDATA[Thaw]]></category>
		<category><![CDATA[Bartender]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12273</guid>

					<description><![CDATA[メニューバーの整理ができるアプリとして昔から有名なのがBartenderです。 しかし、少し前からアクティビティモニタを確認すると、Bartenderがメモリを…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">メニューバーの整理ができるアプリとして昔から有名なのがBartenderです。</p>


<div class="linkcard" id="pz-lkc-1096" data-lkc-id="1096" data-post-id="12273" data-click-token="5d80d541fe84412e9972e62c55b4087f0c5058fa735eb90038384d32ce411767"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/tag/bartender" data-lkc-id="1096" data-post-id="12273" data-click-token="5d80d541fe84412e9972e62c55b4087f0c5058fa735eb90038384d32ce411767"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwebrandum.net%2Ftag%2Fbartender?w=160" width="100" height="108" alt="" /></figure><div class="lkc-title">タグ 「Bartender」</div><div class="lkc-url" title="https://webrandum.net/tag/bartender">https://webrandum.net/tag/bartender</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">しかし、少し前からアクティビティモニタを確認すると、Bartenderがメモリを大量消費していることが多々ありました。何なら暴走して、メモリ消費の一番上がBartenderになっていたこともあります。</p>



<p class="wp-block-paragraph">Bartenderはアプリの特性上、常に起動しているアプリなのでメモリ消費量は気になります。<br>そこで、代替アプリはないか調べてみました。</p>



<p class="wp-block-paragraph">今回はBartenderを含むメニューバー管理アプリについて、機能の違いと対応macOS、アップデートの状況をまとめます。</p>



<h2 class="wp-block-heading">メニューバー管理アプリの比較</h2>



<p class="wp-block-paragraph">macOSアプリは、対応しているものはメニューバーの右側にアイコンが表示されます。<br>常駐系のアプリの場合は、メニューバーから環境設定を開くなんてものもあります。</p>



<p class="wp-block-paragraph">インストールしているアプリ数が少なければ気になりませんが、アプリが増えてくるとメニューバーに並ぶアイコンもどんどん増えていき、溢れてしまいます。</p>



<p class="wp-block-paragraph">そこで、Bartenderをはじめとするメニューバー管理アプリを使うと、使わないアイコンは非表示にしたり、別のバーにあらかじめ配置しておき、特定アイコンを押すことでバーの切り替えができたりします。</p>



<p class="wp-block-paragraph">まずはアプリごとの機能と、無料・有料の区分を表にまとめました。<br>（料金・機能・配布状況は2026年10月時点で確認した内容です）</p>



<figure class="wp-block-table"><table><thead><tr><th>アプリ</th><th>無料・有料</th><th>別のバーに表示</th><th>アイコン検索</th><th>自動で隠し直す</th><th>ショートカット</th><th>アイコン間隔の調整</th><th>条件で表示切り替え</th></tr></thead><tbody><tr><td><a href="https://www.macbartender.com/">Bartender</a></td><td>有料</td><td>○</td><td>○</td><td>○</td><td>○</td><td>○</td><td>○</td></tr><tr><td><a href="https://github.com/thaw-app/Thaw">Thaw</a></td><td>無料</td><td>○</td><td>○</td><td>○</td><td>○</td><td>○</td><td>△（ベータ機能）</td></tr><tr><td><a href="https://apps.apple.com/jp/app/barbee-hide-menu-bar-items/id1548711022">Barbee</a></td><td>無料／有料</td><td>○</td><td>×</td><td>○</td><td>○</td><td>○（有料）</td><td>○</td></tr><tr><td><a href="https://github.com/dwarvesf/hidden">Hidden Bar</a></td><td>無料</td><td>×</td><td>×</td><td>○</td><td>○</td><td>×</td><td>×</td></tr><tr><td><a href="https://github.com/iannuttall/barkeep">Barkeep</a></td><td>無料</td><td>×</td><td>○</td><td>○</td><td>○</td><td>○</td><td>×</td></tr><tr><td><a href="https://github.com/jordanbaird/Ice">Ice</a></td><td>無料</td><td>○</td><td>○</td><td>○</td><td>○</td><td>△（ベータ機能）</td><td>×</td></tr><tr><td><a href="https://github.com/Mortennn/Dozer">Dozer</a></td><td>無料</td><td>×</td><td>×</td><td>○</td><td>○</td><td>×</td><td>×</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><a href="https://github.com/thaw-app/Thaw/tree/2.0.1">Thaw</a>の条件切り替えは、バッテリー・電源以外の条件を開発者設定から個別に有効化する方式で、バージョン2.0.1時点では一部実験的な機能です。</p>



<h3 class="wp-block-heading">有料プランの料金</h3>



<p class="wp-block-paragraph">有料アプリと、無料版に有料機能を追加するアプリの料金は下記の通りです。<br>Barbeeは、ダウンロードが無料でもすべての機能を無料で使えるわけではありません（日常的に使おうとするなら、有料前提になりそうです）。</p>



<figure class="wp-block-table"><table><thead><tr><th>アプリ</th><th>有料プラン・購入方法</th><th>無料で試せる範囲</th></tr></thead><tbody><tr><td>Bartender</td><td>買い切り／Pro年額／Mega Supporter。Setappでも提供</td><td>4週間の無料トライアルが可能</td></tr><tr><td>Barbee</td><td>VIP：年額800円／買い切り2,000円</td><td>新規ユーザー向けに3日間無料トライアルが可能</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ちなみにBartenderの場合は、サブスクアプリが使い放題になるSetappにもあるため、Setappを契約している人なら追加費用無しで使えます。</p>



<h3 class="wp-block-heading">アップデート状況</h3>



<p class="wp-block-paragraph">アップデート状況についても確認しました。<br>あくまでこれらは執筆時点の2026年10月現在の情報です。</p>



<p class="wp-block-paragraph">IceとDozerは更新されていないので、それ以外のアプリなら概ね問題なく定期的にアップデートされていそうです。</p>



<figure class="wp-block-table"><table><thead><tr><th>アプリ</th><th>最低動作要件・対象OS</th><th>確認できたリリース</th></tr></thead><tbody><tr><td>Bartender</td><td>7はmacOS 27向け。6は26・15向け、5は15・14向け</td><td><a href="https://www.macbartender.com/Bartender7/release_notes/">7.0.4</a>／<a href="https://www.macbartender.com/Bartender6/release_notes/">6.6.2</a>（履歴ページに公開日記載なし）</td></tr><tr><td>Thaw</td><td>2系はmacOS 26向け。3系は27向け</td><td>安定版<a href="https://github.com/thaw-app/Thaw/releases/tag/2.0.1">2.0.1</a>：2026年9月2日</td></tr><tr><td>Barbee</td><td>macOS 11以降</td><td>5.0：2026年9月10日</td></tr><tr><td>Hidden Bar</td><td>macOS 13以降</td><td><a href="https://github.com/dwarvesf/hidden/releases/tag/v1.11.1">1.11.1</a>：2026年9月18日</td></tr><tr><td>Barkeep</td><td>macOS 14以降</td><td><a href="https://github.com/iannuttall/barkeep/releases/tag/v0.1.1">0.1.1</a>：2026年8月31日</td></tr><tr><td>Ice</td><td>macOS 14以降</td><td><a href="https://github.com/jordanbaird/Ice/releases">安定版0.11.12</a>：2024年10月29日</td></tr><tr><td>Dozer</td><td>macOS 10.13以降（README記載）</td><td><a href="https://github.com/Mortennn/Dozer/releases/tag/v4.2.0">4.2.0</a>：2020年7月13日。プレリリース扱い</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">メニューバー管理アプリの不安定性</h2>



<p class="wp-block-paragraph">Bartenderもですが、メニューバー管理アプリはmacOSのベースとも言えるメニューバーを操作したりカスタマイズするため、動作が不安定な場合があります。</p>



<p class="wp-block-paragraph">特にOSのアップデート直後のバージョンは不安定になりやすいらしく、アイコンの表示が不安定になったり、編集がまともにできなくなったりします。私のようにBartenderのメモリ消費が激しくなったという声も見かけます。</p>



<p class="wp-block-paragraph">今回さまざまなアプリを調べたのも、どれか1つに絞るのではなく、選択肢をいくつか知っておくために整理しました。</p>



<p class="wp-block-paragraph">もし今後使っているメニューバー管理アプリが不安定になったら、試しに別のアプリを使ってみるのも良いでしょう。</p>



<p class="wp-block-paragraph">また、アプリのバージョンアップを重ねて改善される可能性もあるので、動作が不安定になったとしても、別アプリに一時退避して、しばらくしたらまた試しに使ってみても良いかもしれません。</p>



<h2 class="wp-block-heading">Bartenderの代替アプリ</h2>



<p class="wp-block-paragraph">ここからはBartenderの代替になるメニューバー管理アプリを1つずつ紹介していきます。</p>



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


<div class="linkcard" id="pz-lkc-1097" data-lkc-id="1097" data-post-id="12273" data-click-token="9658ded7579d1c55b508d1e28e6686529ddb9b41497b961f5c420b1a8e68e7bd"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/thaw-app/Thaw" data-lkc-id="1097" data-post-id="12273" data-click-token="9658ded7579d1c55b508d1e28e6686529ddb9b41497b961f5c420b1a8e68e7bd" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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/6cc90b5e1497cc56472a6dfd42b37ffc20874a04fa88e538f2044b0e5f590de4.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">GitHub - thaw-app/Thaw: The open source menu bar manager · GitHub</div><div class="lkc-url" title="https://github.com/thaw-app/Thaw">https://github.com/thaw-app/Thaw</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Thawは、Iceという別のアプリから派生して開発されている無料のメニューバー管理アプリです。<br>アイコンの表示・非表示だけでなく、別のバーへの表示、検索、配置を保存するプロファイル機能なども備えています。</p>



<p class="wp-block-paragraph">設定の［レイアウト］で並び替えや、スペーサーや細かいレイアウトの設定が可能です。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="715" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1-2-1024x715.png" alt="" class="wp-image-12316" style="width:986px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1-2-1024x715.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1-2-300x209.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_1-2.png 1972w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">他の設定項目も多く、オートメーション・トリガーなどのBartenderにも備わっている機能や、外観もかなり自由にカスタマイズできます。</p>



<p class="wp-block-paragraph">「プロファイル」と呼ばれる、設定をディスプレイ構成などと結び付ける機能もあります。<br>MacBook単体と外部ディスプレイ使用時で、表示する項目を変えたい場合に使えます。</p>



<p class="wp-block-paragraph">あとは非表示メニューを開くためのアイコンも色んな種類が用意されていますし、自分で画像を選択して設定することも可能です（私は基本的に［省略記号］しか使っていません）。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="416" height="546" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-2.png" alt="" class="wp-image-12317" style="width:208px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-2.png 416w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_2-2-229x300.png 229w" sizes="(max-width: 416px) 100vw, 416px" /></figure>



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


<div class="linkcard" id="pz-lkc-1098" data-lkc-id="1098" data-post-id="12273" data-click-token="55e2ad651c3d88b0057459dd12e46afd2b13a13b6bdb84fc9a2b77fdd806a81f"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://apps.apple.com/jp/app/barbee-hide-menu-bar-items/id1548711022?mt=12" data-lkc-id="1098" data-post-id="12273" data-click-token="55e2ad651c3d88b0057459dd12e46afd2b13a13b6bdb84fc9a2b77fdd806a81f" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=apps.apple.com" alt="" width="16" height="16" /></div><div class="lkc-domain">App Store</div></div><div class="lkc-content"><figure class="lkc-thumbnail"><img decoding="async" class="lkc-thumbnail-img" src="//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/a043ab32e70dc8e32617c80c6873c80d8cb1b61d0a7710645d25f8ce7a818dce.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">‎Barbee - Hide Menu Bar Itemsアプリ - App Store</div><div class="lkc-url" title="https://apps.apple.com/jp/app/barbee-hide-menu-bar-items/id1548711022?mt=12">https://apps.apple.com/jp/app/barbee-hide-menu-bar-items/id1548711022?mt=12</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Barbeeは、アイコンのグループ分け、自動表示・非表示、アイコン間隔の調整ができるアプリです。<br>App Storeからインストールでき、日本語にも対応しています。</p>



<p class="wp-block-paragraph">VIPは年額800円または買い切り2,000円で、新規ユーザー向けに3日間のトライアル期間があります。<br>表示切り替え回数の制限解除などがVIPに含まれるため、使うなら有料前提になりそうです。</p>



<p class="wp-block-paragraph">折りたたまれるような形で隠されたアイコンを表示する「ノーマルモード」と、別のメニューバーを表示する「強化モード」のどちらかを選択して使用します。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="846" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1-1024x846.png" alt="" class="wp-image-12318" style="width:685px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1-1024x846.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1-300x248.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1.png 1370w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">その他の機能もThaw同様に多く、ウィジェット・オートメーション・プロファイルはBarbeeにも備わっています。</p>



<p class="wp-block-paragraph">2026年も複数回更新されているのでアップデート頻度は問題なさそうですが、バイブコーディングで作成したようで、細かい部分の粗や、デザイン的な部分（絵文字の感じなど）が気になります。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="673" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4-1-1024x673.png" alt="" class="wp-image-12319" style="width:1004px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4-1-1024x673.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4-1-300x197.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4-1.png 2008w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">また、<a href="https://github.com/HsiangHo/Barbee-Feedback/issues/6">長時間使うとスクロールなどの反応が悪くなるという報告</a>もあります。</p>



<h3 class="wp-block-heading">Hidden Bar</h3>


<div class="linkcard" id="pz-lkc-1099" data-lkc-id="1099" data-post-id="12273" data-click-token="94ca7e78a17adf562d8e329d69a2f5cc5714eb203483d49e31cecf4447cab0d8"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/dwarvesf/hidden" data-lkc-id="1099" data-post-id="12273" data-click-token="94ca7e78a17adf562d8e329d69a2f5cc5714eb203483d49e31cecf4447cab0d8" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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/04ee8f532c65647933a6ba99f9703f0be7babb2256912cb276d1e90e575e3ce7.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">GitHub - dwarvesf/hidden: An ultra-light MacOS utility that helps hide menu bar icons · GitHub</div><div class="lkc-url" title="https://github.com/dwarvesf/hidden">https://github.com/dwarvesf/hidden</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Hidden Barは、区切りアイコンの左側に配置したアイコンをまとめて隠すアプリです。<br>検索や複雑な自動化より、クリックで表示・非表示を切り替えられれば十分な場合に候補になります。</p>



<p class="wp-block-paragraph">長く更新が空いていましたが、2026年3月に1.10、9月に1.11.1が公開されています。<br>Homebrewを使って下記のコマンドでインストールできます。</p>



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



<p class="wp-block-paragraph">macOS 27の場合は、<a href="https://github.com/dwarvesf/hidden/releases/tag/v1.11.1">GitHub配布の1.11.1</a>を使います（<a href="https://apps.apple.com/us/app/hidden-bar/id1452453066?mt=12">Mac App Store版</a>もありますが、macOS 27ではアイコンを隠せないようです）。<br>ただし、macOS 27向けの実装は今後のOS更新で動かなくなる可能性があるそうです。</p>



<p class="wp-block-paragraph">起動したらHidden Barのアイコンが表示されるので、メニューバーでcommandを押しながらドラッグしてアイコンの位置を入れ替えます。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="734" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-1-1024x734.png" alt="" class="wp-image-12320" style="width:721px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-1-1024x734.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-1-300x215.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-1.png 1442w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ちなみに、同じアプリで複数のアイコンを持つ場合はまとめて切り替わります。</p>



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


<div class="linkcard" id="pz-lkc-1100" data-lkc-id="1100" data-post-id="12273" data-click-token="724f05043db5d50091b9ba9beea7710d647b0b6fa7e3110b4259eca019aebd06"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://github.com/iannuttall/barkeep" data-lkc-id="1100" data-post-id="12273" data-click-token="724f05043db5d50091b9ba9beea7710d647b0b6fa7e3110b4259eca019aebd06" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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/8efe2a34d95ba311cb3ea9bd9d761017d5d4f75048941138e3f54053eef8fea6.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">GitHub - iannuttall/barkeep: Manage hidden macOS menu bar items from one place · GitHub</div><div class="lkc-url" title="https://github.com/iannuttall/barkeep">https://github.com/iannuttall/barkeep</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Barkeepは2026年8月24日に初回リリースされた比較的新しいメニューバー管理アプリです。</p>



<p class="wp-block-paragraph">インストールは<a href="https://github.com/iannuttall/barkeep/releases">GitHubのReleases</a>からダウンロードして行います。</p>



<p class="wp-block-paragraph">検索や非表示機能に加えて、隠した項目を表示するときにTouch IDやMacのパスワードで認証する機能もあり、設定画面の［Behavior］→［Use Touch ID or Mac password before reveal］をオンにすると有効になります（この機能は初めて見ました）。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="794" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_6-1-1024x794.png" alt="" class="wp-image-12321" style="width:916px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_6-1-1024x794.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_6-1-300x233.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_6-1.png 1832w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">新しいアプリなので、自分の環境でちゃんと動作するか確認してから使う必要がありそうです。</p>



<h2 class="wp-block-heading">Bartenderを更新して使い続ける選択肢</h2>



<p class="wp-block-paragraph">Bartenderは、別のバーへの表示や検索だけでなく、条件に応じて項目を表示するトリガー、Widgetsなどを備えています。<br>単なるメニューバーの整理だけなら他アプリでも十分ですが、それ以外の機能まで備えたアプリは見当たりません。</p>



<p class="wp-block-paragraph">アップデートを繰り返して</p>



<p class="wp-block-paragraph">ちなみに、Bartenderは現在macOSのバージョンメジャーバージョンが一致するようになっています。<br>macOS 27ではBartender 7、macOS 26は6、macOS 14向けには5を案内しているため、インストールするときは注意しましょう。</p>



<h2 class="wp-block-heading">更新が長く空いているアプリ</h2>



<p class="wp-block-paragraph">更新が長い間空いているアプリも念のため紹介しておきます。</p>



<p class="wp-block-paragraph">ただ、これらはあくまで執筆時点の2026年10月の情報のため、今後アップデートされる可能性はありますし、逆に上記で紹介したアプリの更新が途絶える可能性もあります。</p>



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



<p class="wp-block-paragraph"><a href="https://github.com/jordanbaird/Ice">Ice</a>は、別のバーへの表示や検索もできる無料アプリです。<br>ただ、安定版は2024年10月29日の0.11.12、最後に確認できた開発版は2025年9月16日の0.11.13-dev.2で、その後は約1年リリースが空いています。</p>



<p class="wp-block-paragraph">新しいmacOSへの乗り換え候補としては、Iceから派生して更新が続くThawにするのが良さそうです。</p>



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



<p class="wp-block-paragraph"><a href="https://github.com/Mortennn/Dozer">Dozer</a>は、ドット状の区切りを使ってアイコンを隠す無料アプリです。<br>公開されている動作要件はmacOS 10.13以降ですが、最後のリリースは2020年7月の4.2.0で、GitHubではプレリリース扱いになっています。</p>



<p class="wp-block-paragraph">長期間新しい配布版が出ていないため、現在のmacOSで新しく導入するなら、更新や対応OSを確認できるほかの候補から選ぶ方が良いです。</p>



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



<p class="wp-block-paragraph">私の場合はメモリ消費が激しすぎてBartenderからひとまずThawに切り替えている状態です。<br>ただ、Bartender自体はメニューバーに関連するさまざまな機能がありますし、メニューバーだけであれだけの機能を考えて実装しているのは魅力に感じます。</p>



<p class="wp-block-paragraph">たまにBartenderも使ってみてメモリ消費がどうなるか確認しつつ、消費が激しいうちはとりあえずThawを使っておこうと思います。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Macのクリックやスクロールをキーボードで操作する「Homerow」と「Mouseless」の比較</title>
		<link>https://webrandum.net/homerow-mouseless/</link>
		
		<dc:creator><![CDATA[Masa]]></dc:creator>
		<pubDate>Thu, 15 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[作業効率化]]></category>
		<category><![CDATA[Vimium]]></category>
		<category><![CDATA[Mouseless]]></category>
		<category><![CDATA[Homerow]]></category>
		<guid isPermaLink="false">https://webrandum.net/?p=12271</guid>

					<description><![CDATA[ランチャーアプリやPath Finderを使えば、アプリの起動やファイル操作はキーボードだけで素早くできます。 しかし、アプリのボタンをクリックしたり、画面をス…]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ランチャーアプリやPath Finderを使えば、アプリの起動やファイル操作はキーボードだけで素早くできます。</p>



<p class="wp-block-paragraph">しかし、アプリのボタンをクリックしたり、画面をスクロールしたりする場面ではどうしてもマウスやトラックパッドが必要になってきます。</p>



<p class="wp-block-paragraph">もちろんマウスで操作した方が早い場面もありますが、ボタンを1つ押すだけなら、キーボードから手を離さずに済ませたいところ。</p>



<p class="wp-block-paragraph">何よりマウスを持っている状態（マウスモード）と、キーボードに両手がある状態（キーボードモード）のどちらでも最低限の操作ができるのが理想です。</p>



<p class="wp-block-paragraph">ここ最近、画面上のボタンやマウスカーソルなどをキーボードだけで操作できるようにするアプリを試してみたので、今回はその中からHomerowとMouselessの2つを紹介します。</p>



<h2 class="wp-block-heading">macOSのUI操作をキーボードで行うアプリ</h2>



<p class="wp-block-paragraph">macOSのUI操作をキーボードで行うアプリは、大きく分けて2つの方式に分かれます。</p>



<p class="wp-block-paragraph">1つ目が「ヒント方式」です。<br>ショートカットキーを押すと画面上のクリック可能な要素（ボタン、リンク、メニュー項目など）に「ka」「jf」のようなラベルが表示され、そのラベルをキーボードで入力すると対応する要素がクリックされます。</p>



<p class="wp-block-paragraph">もう1つが「グリッド方式」です。<br>画面全体を格子状に区切り、セルに割り当てられたキーを入力してマウスカーソルそのものを移動させます。</p>



<p class="wp-block-paragraph">前者はUI要素を検出できることが前提で、後者は画面上の位置さえ指定すれば操作できる違いがあります。</p>



<h2 class="wp-block-heading">アプリ比較</h2>



<p class="wp-block-paragraph">キーボードだけで画面操作を行う方法はいくつかあり、下記が代表的です（料金は2026年10月時点のものになります）。</p>



<figure class="wp-block-table"><table><thead><tr><th>ツール</th><th>対象</th><th>料金</th><th>方式</th></tr></thead><tbody><tr><td>Homerow</td><td>macOS全体</td><td>$49.99（買い切り）</td><td>ヒント方式</td></tr><tr><td>Mouseless</td><td>macOS全体</td><td>¥8,580（買い切り）<br>¥498（月額）<br>¥5,280（年額）</td><td>グリッド方式</td></tr><tr><td>Vimac</td><td>macOS全体</td><td>無料（オープンソース）</td><td>ヒント方式</td></tr><tr><td>Vimium</td><td>ブラウザのみ</td><td>無料</td><td>ヒント方式</td></tr><tr><td>フルキーボードアクセス</td><td>macOS全体</td><td>無料（OS標準）</td><td>tab移動</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">HomerowはVimacの後継にあたるアプリです。<br>Vimacのリポジトリでも、後継としてHomerowが案内されています。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Vimac is now <a href="https://homerow.app/">Homerow</a>. Homerow is a refined, sleeker, more performant successor of Vimac, incorporating lessons learned from it&#8217;s predecessor.</p>



<p class="wp-block-paragraph">（VimacはHomerowになりました。HomerowはVimacから得られた知見を取り入れ、さらに洗練されたデザインと、より優れたパフォーマンスを実現した後継アプリです。）</p>



<p class="wp-block-paragraph"><cite><a href="https://github.com/nchudleigh/vimac">nchudleigh/vimac: Productive macOS keyboard-driven navigation</a></cite></p>
</blockquote>



<p class="wp-block-paragraph">新規で導入する場合は、まずHomerowのトライアルで普段のアプリに対応しているか確認すると良さそうです。</p>



<p class="wp-block-paragraph">Mouselessは買い切りとサブスクの両方が用意されていて、どちらのライセンスでもmacOS・Windows・Linuxをまたいで5台まで使えます。</p>



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


<div class="linkcard" id="pz-lkc-1091" data-lkc-id="1091" data-post-id="12271" data-click-token="250c90a184a501073293c97e8512514f9924a25133bcc21ed937f2d45a3118b7"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.homerow.app" data-lkc-id="1091" data-post-id="12271" data-click-token="250c90a184a501073293c97e8512514f9924a25133bcc21ed937f2d45a3118b7" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=www.homerow.app" alt="" width="16" height="16" /></div><div class="lkc-domain">www.homerow.app</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/8209778269fb3d970ea8e85f4844be0c87c554447d407af5a29e5117f21c7e2c.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">Homerow — Keyboard shortcuts for every button in macOS</div><div class="lkc-url" title="https://www.homerow.app">https://www.homerow.app</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Homerowは、macOSのUI要素をヒント方式でクリックできるようにするアプリです。</p>



<p class="wp-block-paragraph">$49.99の買い切りで、1ライセンスで自分が所有するすべてのMacで使えます。</p>



<p class="wp-block-paragraph">ちなみに無料トライアルに期限はなく、Homerowを50回呼び出すごとに購入を促すリマインダーが表示されます。<br>操作感を試すだけなら無料の範囲で十分試せます。</p>



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



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



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



<p class="wp-block-paragraph">初回起動時はアクセシビリティの許可が必要です。<br>案内に従って［システム設定］→［プライバシーとセキュリティ］→［アクセシビリティ］からHomerowを許可します（［Grant Accessibility Permission］を押せば許可できるみたいですが、特に反応が無い場合は［Open Privacy &amp; Security］を押して自分で追加しましょう）。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="802" height="764" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_8.png" alt="" class="wp-image-12301" style="width:401px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_8.png 802w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_8-300x286.png 300w" sizes="(max-width: 802px) 100vw, 802px" /></figure>



<h3 class="wp-block-heading">クリックモード</h3>



<p class="wp-block-paragraph">クリックモードがHomerowのメインとなる機能です。</p>



<p class="wp-block-paragraph">デフォルトのショートカットキー（<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>space</kbd>）で起動すると、画面上のクリック可能な要素にラベルが表示されます。</p>



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



<p class="wp-block-paragraph">このラベルに表示されているアルファベットのキーを押すと、その位置がクリックできます。<br>例えば、上記の画像の場合は<kbd>F</kbd>→<kbd>A</kbd>を順に押すと、新規タブのボタンがクリックされます。</p>



<p class="wp-block-paragraph">このように、クリック要素に表示されるラベルを押すことで、素早くキーボードだけでマウス操作ができるわけです。</p>



<p class="wp-block-paragraph">さらにHomerowはラベルの入力に加えて、ボタン名で候補を検索できます。<br>クリックしたいボタンの名前を打つと候補が絞り込まれ、残った要素にラベルが振られます。</p>



<p class="wp-block-paragraph">「Save」と表示されたボタンなら、その文字列を打つことで候補を絞れます（日本語だと不可なので、英語のラベルに限ります）。</p>



<p class="wp-block-paragraph">他にもいくつかキー操作があり、<a href="https://github.com/nchudleigh/homerow">公式ガイド</a>にある、モード内の主な操作は下記の通りです。</p>



<figure class="wp-block-table"><table><thead><tr><th>操作</th><th>キー</th></tr></thead><tbody><tr><td>次 / 前の要素にフォーカス</td><td>tab / shift + tab（矢印キーやcontrol + n / pでも可能）</td></tr><tr><td>ラベルで直接フォーカス</td><td>shiftを押しながらラベルを入力</td></tr><tr><td>左クリック</td><td>return</td></tr><tr><td>ダブルクリック</td><td>returnを素早く2回</td></tr><tr><td>右クリック</td><td>shift + return</td></tr><tr><td>command + クリック（リンクを新規タブで開く）</td><td>command + return</td></tr><tr><td>クリックモードを終了</td><td>esc</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">スクロールモード</h3>



<p class="wp-block-paragraph">クリックではなくスクロールをしたい場合は、専用のスクロールモードを使用します。</p>



<p class="wp-block-paragraph">ショートカットキー（デフォルトは<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>J</kbd>）で起動し、モードに入ったあとは下記のキーで操作します。</p>



<figure class="wp-block-table"><table><thead><tr><th>動作</th><th>キー</th></tr></thead><tbody><tr><td>左 / 下 / 上 / 右にスクロール</td><td>h / j / k / l</td></tr><tr><td>高速スクロール</td><td>shift + h / j / k / l</td></tr><tr><td>次 / 前のスクロール可能エリアへ</td><td>tab / shift + tab</td></tr><tr><td>スクロールモードを終了</td><td>esc</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Vimと同じ<kbd>h</kbd>/<kbd>j</kbd>/<kbd>k</kbd>/<kbd>l</kbd>なので、Vimキーバインドに慣れている人ならすぐ使えます。</p>



<p class="wp-block-paragraph">スクロール可能なエリアが複数あるアプリでは、<kbd>tab</kbd>か<kbd>数字キー</kbd>でエリアを切り替えてからスクロールします。</p>



<h3 class="wp-block-heading">ショートカットキーの変更</h3>



<p class="wp-block-paragraph">ショートカットキーの変更は設定の［Clicking］と［Scrolling］タブでそれぞれ変更できます。</p>



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



<p class="wp-block-paragraph">クリックモードはデフォルトだと<kbd>shift</kbd> + <kbd>command</kbd> + <kbd>space</kbd>ですが、私の場合は<kbd>control</kbd> + <kbd>space</kbd>に変更しています。</p>



<h3 class="wp-block-heading">苦手な操作</h3>



<p class="wp-block-paragraph">Homerowはアクセシビリティ経由でUI要素を拾って操作します。<br>そのため、ゲームや独自描画のアプリ、キャンバス上に描かれた図形など はラベルが表示されなくて操作できないことがあります。</p>



<p class="wp-block-paragraph">また、ボタン名が日本語だと検索して絞り込みができないので注意が必要です。</p>



<p class="wp-block-paragraph">そもそもそこまで複雑なマウス操作をするなら普通にマウスを使った方が良いので、あくまで両手がキーボードにあるときに、狙ったボタンを1回だけ押すような使い方が適しています。</p>



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


<div class="linkcard" id="pz-lkc-1092" data-lkc-id="1092" data-post-id="12271" data-click-token="c613da86196ef1037ab4e1d0cda92e1ace08a3d132ff460c5875df8c7988fb44"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://mouseless.click" data-lkc-id="1092" data-post-id="12271" data-click-token="c613da86196ef1037ab4e1d0cda92e1ace08a3d132ff460c5875df8c7988fb44" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=mouseless.click" alt="" width="16" height="16" /></div><div class="lkc-domain">Mouseless</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/63cd1d46c71180a47207534ebcedc5e8835f0d5571c46e5c8b8fa8030ff7dc54.webp" width="100" height="108" alt="" /></figure><div class="lkc-title">Mouseless — Lightning-fast mouse control with the keyboard</div><div class="lkc-url" title="https://mouseless.click">https://mouseless.click</div></div><div class="clear"></div></div></a></div></div>



<p class="wp-block-paragraph">Mouselessは、マウスカーソルの位置をキーボードで制御するアプリです。<br>画面をグリッドに分割し、キー入力でカーソル位置を指定します。</p>



<p class="wp-block-paragraph">ライセンスは買い切り（ライフタイム）とサブスクの2種類が用意されています。<br>1つのライセンスがmacOSだけでなくWindows・Linux版にも共通で使え、5台まで有効化できるのが特徴です。</p>



<p class="wp-block-paragraph">購入前に14日間のトライアルが使えて、クレジットカードもメールアドレスも登録せずに試せます。</p>



<p class="wp-block-paragraph">Homerowとの最大の違いは、アプリのUI要素の検出に依存しないことです。<br>UI要素が検出されない場面でも、画面上の任意の座標に移動してクリックできます。</p>



<p class="wp-block-paragraph">クリックしたい位置をグリッドで指定するため、ボタン名を検索するHomerowとは操作の覚え方が異なります。<br>どちらが早いかは、目的の要素を検出できるかやグリッドの設定にもよります。</p>



<p class="wp-block-paragraph">キャンバス上の位置など、Homerowで候補にならない場所を操作したい場合に向いています。</p>



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



<p class="wp-block-paragraph">公式サイトからダウンロードする方法もあります。<br>もしくは、Homebrewの下記コマンドでインストールできます。</p>



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



<p class="wp-block-paragraph">初回起動時は利用規約とプライバシーポリシーへの同意画面が表示されます。<br>チェックしたら［Activate］または［Start Trial］を押します。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="641" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1024x641.png" alt="" class="wp-image-12293" style="width:537px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-1024x641.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3-300x188.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_3.png 1074w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Mouselessもアクセシビリティの許可が必要で、ポップアップが表示されるので［Open System Settings］を押してシステム設定で許可しましょう。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="594" height="802" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4.png" alt="" class="wp-image-12294" style="width:297px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4.png 594w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_4-222x300.png 222w" sizes="(max-width: 594px) 100vw, 594px" /></figure>



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



<p class="wp-block-paragraph">起動後は下記の説明画面が表示され、ここに基本的な操作方法が書かれています。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="559" height="1024" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-559x1024.png" alt="" class="wp-image-12295" style="width:537px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-559x1024.png 559w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5-164x300.png 164w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_5.png 1074w" sizes="(max-width: 559px) 100vw, 559px" /></figure>



<p class="wp-block-paragraph">デフォルトでは<kbd>左command</kbd>キーを単押しすると、グリッドが画面上にオーバーレイ表示されます（<kbd>esc</kbd>を押すと解除されます）。</p>



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



<p class="wp-block-paragraph">各セルに割り当てられたキーを入力すると、カーソルがそのセルの位置に移動します。</p>



<p class="wp-block-paragraph">移動後は<kbd>space</kbd>で左クリックします。<br>macOSの初期設定で右クリックする場合は、<kbd>右command</kbd>を押しながら<kbd>space</kbd>です。</p>



<p class="wp-block-paragraph">ほかにも中クリック・戻る・進むボタン、ダブルクリックやトリプルクリック、ドラッグアンドドロップ、スクロールまでキーボードから行えます。</p>



<p class="wp-block-paragraph">グリッドの行数・列数や色などの表示スタイル、キー割り当てに関しては設定画面で変更できます。</p>



<h3 class="wp-block-heading">command単体押しで英数かなを切り替えている場合</h3>



<p class="wp-block-paragraph">私はUS配列のキーボードを使っていて、Karabiner-Elementsで左右のcommand単体押しで英数・かなを切り替えられるようにしています。</p>



<p class="wp-block-paragraph">そのため、Mouselessのcommand単体押しとバッティングして起動ができません。</p>



<p class="wp-block-paragraph">設定画面の［Keymap］→［Overlay］→［show overlay］を「CommandLeft tap」から「OptionLeft tap」など別のキーにして［Save］を押せば変更できます。</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="872" src="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_7-1024x872.png" alt="" class="wp-image-12296" style="width:801px;height:auto" srcset="https://webrandum.net/mskz/wp-content/uploads/2026/10/image_7-1024x872.png 1024w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_7-300x255.png 300w, https://webrandum.net/mskz/wp-content/uploads/2026/10/image_7.png 1602w" 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">デフォルトだと<kbd>左option</kbd>キーの単押しで切り替わり（私は<kbd>右command</kbd>に変更しています）、<kbd>I</kbd>/<kbd>J</kbd>/<kbd>K</kbd>/<kbd>L</kbd>でカーソル移動、<kbd>M</kbd>/<kbd>カンマ</kbd>でスクロール、<kbd>S</kbd>/<kbd>D</kbd>/<kbd>F</kbd>で移動速度を変えられます。</p>



<p class="wp-block-paragraph">グリッドで大まかな位置に飛んでから、フリーモードで微調整するという組み合わせもできます。<br>細かい操作をするならフリーモードも活用することになりますが、そこまでするならマウスに移動した方が早いですね……</p>



<p class="wp-block-paragraph">UI要素の検出に頼らない分、画面上の座標を基準に操作したり、マウス操作をキーボードで行えるようになるのは面白いです。</p>



<h2 class="wp-block-heading">その他の方法</h2>



<h3 class="wp-block-heading">macOS標準のフルキーボードアクセス</h3>



<p class="wp-block-paragraph">フルキーボードアクセスは、macOSに標準で用意されている機能です。</p>



<p class="wp-block-paragraph">［システム設定］→［アクセシビリティ］→［キーボード］にある「フルキーボードアクセス」をオンにすると、<kbd>tab</kbd>などで画面上のコントロールにフォーカスを移せるようになります（<a href="https://support.apple.com/guide/mac-help/navigate-your-mac-using-full-keyboard-access-mchlc06d1059/mac">Appleの操作ガイド</a>）。</p>



<p class="wp-block-paragraph">フォーカスされた項目は<kbd>space</kbd>で実行でき、グループ内の移動は<kbd>矢印キー</kbd>で行います。<br>追加のアプリが不要なのは大きなメリットです。</p>



<p class="wp-block-paragraph">ただし、主に<kbd>tab</kbd>や<kbd>矢印キー</kbd>でフォーカスを移すため、目的の項目まで何度もキーを押す場面があります。<br>ラベル入力、画面上の座標指定を使いたい場合は、HomerowやMouselessが必要になります。</p>



<h3 class="wp-block-heading">Vimium（ブラウザ限定）</h3>



<p class="wp-block-paragraph">ブラウザ内のリンクやボタンを操作したい場合は、拡張機能の<a href="https://github.com/philc/vimium">Vimium</a>が便利です。<br><kbd>F</kbd>キーを押すとリンクやボタンにヒントが表示され、そのラベルを入力するとクリックされます。</p>



<p class="wp-block-paragraph">HomerowはVimiumから影響を受けたアプリなので、操作感が非常によく似ています。<br>無料でオープンソースですし、作業時間の大半がブラウザという人ならこれだけで満足できるかもしれません。</p>



<p class="wp-block-paragraph">私の場合はブラウザ以外のマウス操作もキーボードから行いたかったのでHomerowを試しましたが、ブラウザだけでいいならVimiumで十分です。</p>



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



<p class="wp-block-paragraph">私の場合はHomerowのクリックモードが合っているので、現状はそれをメインで使っています。<br>独自描画の特殊なアプリの方が少ないので、大抵のクリック候補は出るのでストレス無く使えています。</p>



<p class="wp-block-paragraph">まずは普段使うアプリの画面で試し、どうしてもHomerowだけで操作できない場合はMouselessも試してみてはいかがでしょうか。</p>



<p class="wp-block-paragraph">ただ、何が何でもキーボードで操作を完結させる必要は無いので、複雑な操作が必要なら素直にマウスを使いましょう。</p>



<p class="wp-block-paragraph">あくまで冒頭でも述べた通り、「マウスを持っている状態（マウスモード）と、キーボードに両手がある状態（キーボードモード）のどちらでも最低限の操作ができる」という選択肢がある状態が理想です。</p>



<p class="wp-block-paragraph">あとは状況に応じてうまく使い分けるようにしましょう。</p>
]]></content:encoded>
					
		
		
			</item>
		<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 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" id="pz-lkc-1094" data-lkc-id="1094" data-post-id="12252" data-click-token="a3cf75f3ee2434db684fdca59fc4c5803066354b2e04f064fde79477009f35c2"><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" data-post-id="12252" data-click-token="a3cf75f3ee2434db684fdca59fc4c5803066354b2e04f064fde79477009f35c2" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1093" data-lkc-id="1093" data-post-id="12252" data-click-token="f5a0ed7e1ed17ea1836bc724ceb86efa0f3504b02f671a2a1397fb78d8b1a240"><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" data-post-id="12252" data-click-token="f5a0ed7e1ed17ea1836bc724ceb86efa0f3504b02f671a2a1397fb78d8b1a240" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1086" data-lkc-id="1086" data-post-id="12248" data-click-token="6bc63e1ee3ed6afd9d5fecb05a01cc7a784b4b352f76f29ea7565ba2788a0a2f"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/" data-lkc-id="1086" data-post-id="12248" data-click-token="6bc63e1ee3ed6afd9d5fecb05a01cc7a784b4b352f76f29ea7565ba2788a0a2f" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1089" data-lkc-id="1089" data-post-id="12248" data-click-token="de42e68877bdeb17793fe7b6b9bf3efbdae22255072911df270e5f6b5600e4c3"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/dev/snippets" data-lkc-id="1089" data-post-id="12248" data-click-token="de42e68877bdeb17793fe7b6b9bf3efbdae22255072911df270e5f6b5600e4c3" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" data-lkc-id="1086" data-post-id="12248" data-click-token="6bc63e1ee3ed6afd9d5fecb05a01cc7a784b4b352f76f29ea7565ba2788a0a2f"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/" data-lkc-id="1086" data-post-id="12248" data-click-token="6bc63e1ee3ed6afd9d5fecb05a01cc7a784b4b352f76f29ea7565ba2788a0a2f" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1090" data-lkc-id="1090" data-post-id="12248" data-click-token="90c488ba57ef8fb41bdf331949951c16d4ff4f29523c38b709b24fb7d55552f8"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/submit" data-lkc-id="1090" data-post-id="12248" data-click-token="90c488ba57ef8fb41bdf331949951c16d4ff4f29523c38b709b24fb7d55552f8" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1087" data-lkc-id="1087" data-post-id="12239" data-click-token="19599557d2ab6c06af3787f82821b65b2be37c30c8e9f8f15e412a022316543f"><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" data-post-id="12239" data-click-token="19599557d2ab6c06af3787f82821b65b2be37c30c8e9f8f15e412a022316543f" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1085" data-lkc-id="1085" data-post-id="12221" data-click-token="58547c52b93cdff206789b17099564a010cce2cb3eee35dd75222daac1d2500b"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app" data-lkc-id="1085" data-post-id="12221" data-click-token="58547c52b93cdff206789b17099564a010cce2cb3eee35dd75222daac1d2500b" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-858" data-lkc-id="858" data-post-id="12221" data-click-token="a7fd9aec991168fa26d8efba35fe8067ee4996da411057ba185e4d275a98034e"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858" data-post-id="12221" data-click-token="a7fd9aec991168fa26d8efba35fe8067ee4996da411057ba185e4d275a98034e"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" data-lkc-id="1086" data-post-id="12221" data-click-token="9c1f9f55089f32ca20d2799c2441967b708489894ae38cb96c9cbfadd7097b86"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://www.popclip.app/extensions/" data-lkc-id="1086" data-post-id="12221" data-click-token="9c1f9f55089f32ca20d2799c2441967b708489894ae38cb96c9cbfadd7097b86" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1083" data-lkc-id="1083" data-post-id="12206" data-click-token="88eab9a9748369ab0cae3e4ec5a134819b452426a735cb1fa75fe6260c83f40a"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://aws.amazon.com/jp/route53/" data-lkc-id="1083" data-post-id="12206" data-click-token="88eab9a9748369ab0cae3e4ec5a134819b452426a735cb1fa75fe6260c83f40a" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1084" data-lkc-id="1084" data-post-id="12206" data-click-token="c5d6f9989da252acf0e42359d23aa3e673a25055c7fa47c00a7d76224f70e41c"><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" data-post-id="12206" data-click-token="c5d6f9989da252acf0e42359d23aa3e673a25055c7fa47c00a7d76224f70e41c" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1035" data-lkc-id="1035" data-post-id="12186" data-click-token="97e9de5048bedfe3a50aced89be6683384d746d4626402c0939e173446c0d5de"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/mac-command-palette" data-lkc-id="1035" data-post-id="12186" data-click-token="97e9de5048bedfe3a50aced89be6683384d746d4626402c0939e173446c0d5de"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1079" data-lkc-id="1079" data-post-id="12186" data-click-token="949fef9ae9ad7246bf6f5cc92ab3023b449fba4c2d25e9a9bf4a0271c15520a3"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://maccy.app" data-lkc-id="1079" data-post-id="12186" data-click-token="949fef9ae9ad7246bf6f5cc92ab3023b449fba4c2d25e9a9bf4a0271c15520a3" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1080" data-lkc-id="1080" data-post-id="12186" data-click-token="bf2c8bb0a9dd96b2c1b11ce1e08424113e141ee93c11a49ffb8d70347ff22858"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://clipy-app.com" data-lkc-id="1080" data-post-id="12186" data-click-token="bf2c8bb0a9dd96b2c1b11ce1e08424113e141ee93c11a49ffb8d70347ff22858" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-896" data-lkc-id="896" data-post-id="12186" data-click-token="06f65bcb9a4eb7576760f449aad362b49fd46287339f4563a01e383f26bc5fbc"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://pasteapp.io/" data-lkc-id="896" data-post-id="12186" data-click-token="06f65bcb9a4eb7576760f449aad362b49fd46287339f4563a01e383f26bc5fbc" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1082" data-lkc-id="1082" data-post-id="12186" data-click-token="73f43720632a2a88ea0f7aaf6e4ad07d60e8757a36d6b9372ba70e05e01332f6"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/paste" data-lkc-id="1082" data-post-id="12186" data-click-token="73f43720632a2a88ea0f7aaf6e4ad07d60e8757a36d6b9372ba70e05e01332f6"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1081" data-lkc-id="1081" data-post-id="12186" data-click-token="c0e190c70b9bab81b5783c164bd20a677f6e1ab76c6363fc346148e9f9d4e89a"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://tapbots.com/pastebot/" data-lkc-id="1081" data-post-id="12186" data-click-token="c0e190c70b9bab81b5783c164bd20a677f6e1ab76c6363fc346148e9f9d4e89a" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1074" data-lkc-id="1074" data-post-id="12162" data-click-token="1fceaec76bed0d8533571d3c00921ccd164bf17f22b581a08d70a3e67b0c5d65"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://loshadki.app/openin4/" data-lkc-id="1074" data-post-id="12162" data-click-token="1fceaec76bed0d8533571d3c00921ccd164bf17f22b581a08d70a3e67b0c5d65" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" data-lkc-id="858" data-post-id="12162" data-click-token="58a737ebd70f890231b87d1a9959517413d1365704bd557be74e3843d04eb9b5"><div class="lkc-internal-wrap"><a class="lkc-link no_icon" href="https://webrandum.net/setapp" data-lkc-id="858" data-post-id="12162" data-click-token="58a737ebd70f890231b87d1a9959517413d1365704bd557be74e3843d04eb9b5"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1075" data-lkc-id="1075" data-post-id="12162" data-click-token="a85b965d6e717e3fcc46720e8fee0ecd10eb22a690cd2ff5a2fca31940924e4c"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel" data-lkc-id="1075" data-post-id="12162" data-click-token="a85b965d6e717e3fcc46720e8fee0ecd10eb22a690cd2ff5a2fca31940924e4c" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1076" data-lkc-id="1076" data-post-id="12162" data-click-token="c42be7d654d645684b5098a48363430031139970c554fef02fdb2f455a44b2d7"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://addons.mozilla.org/ja/firefox/addon/openin/" data-lkc-id="1076" data-post-id="12162" data-click-token="c42be7d654d645684b5098a48363430031139970c554fef02fdb2f455a44b2d7" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1078" data-lkc-id="1078" data-post-id="12162" data-click-token="aa89ce0d1baceb16e6dec560aa3da1597c396cf777f9d045c26ce151e4f00eb5"><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" data-post-id="12162" data-click-token="aa89ce0d1baceb16e6dec560aa3da1597c396cf777f9d045c26ce151e4f00eb5" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1071" data-lkc-id="1071" data-post-id="12129" data-click-token="e4e6221d25c6328e9f5f15549505acdbc134c8a5b95e4143a883982836eb719c"><div class="lkc-external-wrap"><a class="lkc-link no_icon" href="https://environmentmarker.io/" data-lkc-id="1071" data-post-id="12129" data-click-token="e4e6221d25c6328e9f5f15549505acdbc134c8a5b95e4143a883982836eb719c" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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" id="pz-lkc-1072" data-lkc-id="1072" data-post-id="12129" data-click-token="be0ec16440221444deab99a647d181448975445c871c26fa6e7ee0efad9d5b15"><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" data-post-id="12129" data-click-token="be0ec16440221444deab99a647d181448975445c871c26fa6e7ee0efad9d5b15" target="_blank" rel="external noopener"><div class="lkc-card"><div class="lkc-info"><div class="lkc-siteicon"><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>
	</channel>
</rss>
