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

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

今回はそんなOpenInについて紹介します。

OpenIn

loshadki.app

OpenIn | Loshadki Apps

https://loshadki.app/openin4/

Take control of installed apps on your Mac

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

仕組みはシンプルで、OpenIn自体を「デフォルトのブラウザ」としてmacOSに登録します。

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

購入方法

購入方法は3つあり、それぞれ料金と制限に違いがあります。
主な違いをまとめると下記の通りです。

有料アプリが使い放題になるサブスクサービスのSetappにも登録されています。

Webrandum

220以上の有料Macアプリが使えるサブスクサービス「Setapp」

https://webrandum.net/setapp

200種類以上のMac有料アプリが使い放題になるサブスクサービスの「Setapp」を最近使い始めました。もともと存在は知っていて、気になっていたのですが最近Path Finderがサブスク化して、Path FinderもSetappの中に入っているので「この機会に使ってみよう」と思い体験版から試しています。結論から言うとかなりお得なので、このまま継続して使い続けることになりそうです。SetappSetappなら本来個別に購入が必要なアプリを定額で使い放題にしてくれるサブスクリプションサービスです。使えるアプリは220種類以上で、今後も追加されてい...

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

私の場合はSetappに加入しているので、追加費用なしで使えました。

類似ツールとの比較

リンクの振り分けを行うツールはOpenInだけではありません。
主なものをまとめると下記の通りです。

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

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

基本的な使い方

OpenInを使うには、まずOpenInをデフォルトのブラウザに設定します。
アプリを起動して案内に従い、macOSの設定でデフォルトのWebブラウザをOpenInに変更します。

これでブラウザ以外のアプリからリンクを開く操作が、OpenInを経由するようになります。

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

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

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

ブラウザ拡張機能の活用

1点注意しないといけないのが、ブラウザの中で踏んだリンクはOpenInを経由しないという点です。

OpenInが呼ばれるのは、あくまで「他のアプリからブラウザが開かれるとき」です。
Google Chromeで開いているウェブページ内のリンクをクリックしても、そのままGoogle Chromeの中で開きます。

しかし、現在開いているのとは別のブラウザでリンクを開きたい場合があります。

そこで用意されているのがブラウザ拡張機能です。
Safari用は本体に内蔵されていて、Google Chrome用とFirefox用はそれぞれのストアで配布されています。

chromewebstore.google.com

OpenIn - Chrome Web Store

https://chromewebstore.google.com/detail/openin/iinbnkcidamhlklkapebjknpfdelahel

Open links directly in OpenIn.

addons.mozilla.org

OpenIn – 🦊 Firefox (ja) 向け拡張機能を入手

https://addons.mozilla.org/ja/firefox/addon/openin/

Firefox 向け OpenIn をダウンロード。Open links in another browser or Firefox Profile using OpenIn (macOS only).

拡張機能を入れると、リンクの右クリックメニューから［OpenInに送る（Open in OpenIn）］ができるようになります。

ブラウザ間でリンクを渡したい場面に便利です。

環境設定

ここからはOpenInの環境設定をまとめます。

General

OpenIn全体の動作に関わる基本的な設定です。
主な項目は下記の通りです。

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

Browsers

ブラウザでリンクを開くときの挙動を設定します。
Applications・Rules・Developer・Redirectsの4つのセクションに分かれています。

Applications

リンクを開く候補となるブラウザを登録する場所です。

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

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

仕事用と個人用のプロファイルを別々の候補として並べておけるのは、ブラウザを使い分けている人には嬉しいポイントです。

Rules

リンクの条件に応じて、開くブラウザを自動で振り分ける場所です。

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

条件は上から順に評価され、最初にマッチしたルールが適用されます。

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

よく開くリンクほどルール化しておくと、アプリ選択ウィンドウを出さずにそのまま目的のブラウザで開けるのでラクになります。

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

ひと手間かかりますが、仕事モードのときだけ仕事用ブラウザを起動するといった切り替えができます。

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

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

Developer

ルールをJavaScriptで自作するための場所です。

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

私自身ここまで凝ったルールは組んでいませんが、標準のルールで物足りなくなったときにさらに細かく設定できるのはありがたいです。

Redirects

リンクのURLそのものを書き換えてから開く機能です。
正規表現でURLのパターンを指定し、別のURLに置き換えられます。

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

Apple MusicやApple TV、Zoomのように、Web版ではなくネイティブアプリで開きたいリンクをアプリ側へ送りたいときに便利です。

Schema

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

デフォルトだと「Call apps」と「Mail apps」だけですが、他にも［Add scheme…］から追加することもできます。

Applications

リンクを開く候補となるアプリケーションを登録します。
メールの場合、標準のメールアプリだけでなく、GmailやOutlookといったWebメールも候補にできます。

Rules

アプリケーションの振り分けルールを設定します。

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

Developer

Browsersと同様、JavaScriptでリンク用のルールを自作できます。
私の場合はメールはルールを細かく組むほど使っていないので、ここはほとんど触っていません。

Files

ファイルを開くアプリを、拡張子ごとに設定するセクションです。

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

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

常に固定のアプリで開く場合は問題ないですが、たまに別のアプリで開きたい場合があるときはこの設定をしておくと便利です。

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

GitHub

GitHub - 31mskz10/alfred-workflows: My Alfred Workflows · GitHub

https://github.com/31mskz10/alfred-workflows#open-with-application-download-

My Alfred Workflows. Contribute to 31mskz10/alfred-workflows development by creating an account on GitHub.

Backups

設定したルールや候補アプリの構成をバックアップするセクションです。

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

ルールを作り込むほど構成は複雑になっていくので、大きく変更する前にバックアップを取っておくと安心です。

About

OpenInのバージョン情報などを確認できるセクションです。

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

まとめ

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

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

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

複数のブラウザやプロファイルを活用している方は、ぜひお試しください。

しかし、これらの環境は当然ながら見た目がまったく同じです。
URLの一部が違うだけなので「今開いているのはどっちだっけ？」と分からなくなります。

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

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

今回はEnvironment Markerでウェブページに環境ごとの目印を表示する方法をまとめます。

Environment Marker

environmentmarker.io

Environment Marker

https://environmentmarker.io

Environment Marker

Environment Markerは、URLのパターンごとに色付きのリボン（ラベル）をページ上に表示してくれるChrome拡張機能です。

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

ChromeのほかMicrosoft Edge版も提供されています。
なお、Firefoxアドオンにも「Environment Marker」という同名の拡張機能がありますが、こちらは別の開発者によるものです。

インストール方法

addons.mozilla.org

Environment Marker – 🦊 Firefox (ja) 向け拡張機能を入手

https://addons.mozilla.org/ja/firefox/addon/environment-marker/

Firefox 向け Environment Marker をダウンロード。Provides a way to add a color indicator or marker (ribbon) on a web page depending on the URL.

Chrome Web Storeで「Environment Marker」を検索して追加するだけです。

インストール後、ツールバーの拡張機能アイコンから設定画面を開けます。

使い方

設定はシンプルで、「①表示するURLのパターン」と「②表示するリボン」の2つをルールとして登録していくだけです。

アイコンをクリックして［クイック設定］から新規追加することもできますし、［設定ページへ移動］リンクをクリックして、設定ページから管理することもできます。

設定ページは下記のような表示になっていて、［マーカー設定］にすべての設定が表示されます。

ルールを登録する

設定画面で［＋］アイコンをクリックして新しいルールを追加し、下記を入力します。

1. 名前（リボンにも表示されます）
2. 対象のURLパターン（部分一致で正規表現も使えます）
3. リボンの色やフォント・位置

これだけで、パターンにマッチしたページを開いたときにリボンが表示されるようになります。

表示位置とスタイルを変える

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

リボンの透明度も調整できるので、「常に見えていてほしいが操作の邪魔はしてほしくない」というバランスも取れます。

また、リボンの代わりにページ全体を枠線で囲む［枠］も選べます。

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

設定のエクスポート・インポート

登録したルールはJSONファイルとしてエクスポート・インポートできます。

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

類似の拡張機能

同じ目的の拡張機能はほかにもいくつかあります。

• Environment Indicator：三角形やリボンでの表示。URLのマッチ方式が細かく選べる
• ENV Alert：本番環境を開いたときに警告バナーを表示する

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

まとめ

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

導入もURLパターンを数個登録するだけなので、手間に対して効果が大きいのが良いところです。

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

個人レベルですぐにできる対策として、試してみる価値があると思います。

Karabiner-Elements

Karabiner-Elements

Karabiner-Elements

https://karabiner-elements.pqrs.org

Karabiner-Elements A powerful and stable keyboard customizer for macOS. Download v16.1.0 Toggle Dropdown Download v16.1.0 For macOS 27 Golden Gate For macOS 26 Tahoe For macOS 15 Sequoia For macOS 14 Sonoma For macOS 13 Ventura Download v14.13.0 For macOS 12 Monterey For macOS 11 Big Sur Download v13.7.0 For macOS 10.15 Catalina (10.15.6 or later) Download v12.10.0 For macOS 10.15 Catalina For macOS 10.14 Mojave For macOS 10.13 High Sierra For macOS 10.12 Sierra Download v11.6.0 For macOS 10.11

Karabiner-Elementsは、キーボードのカスタマイズ（リマップ）ができるアプリです。

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

Complex Modifications

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

ルールは公式の共有サイトからインポートできるので、まずはそこから探すのがラクです。

ke-complex-modifications.pqrs.org

Karabiner-Elements complex_modifications rules

https://ke-complex-modifications.pqrs.org

Karabiner-Elements complex_modifications predefined rules by community

自作する場合は、JSONファイルを ~/.config/karabiner/assets/complex_modifications/ に置くか、設定画面から追加します。

Karabiner-Elementsの設定画面を開き、［Complex Modifications］内の［Add your own rule］ボタンをクリックします。

するとJSONの編集モーダルが表示されるので、ここでJSONを貼り付けて［Save］をクリックするとルールが追加されます。

右commandキー関連で実現していること

ここからは右commandキーを活用して実現していることを紹介します。
私の場合は下記の3つを実現しています。

1. Vimキーバインドでの矢印キー入力
2. esc / delete / return / tildeキーの入力
3. spaceの入力

Vimキーバインドで矢印キーの入力

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

ちなみに、hが←でlが→なのは位置関係的に分かりやすいと思います。
Vimキーバインドに慣れていない人にとって、問題はjとkでどちらが上矢印・下矢印なのかです。

覚え方として、jにはホームポジションの目印としてポッチが付いているキーボードが大半だと思います。ホームポジションで人差し指が来るのがjです。

つまり、基本となるキー（よく押すキー）がjに設定されて、その反対がkに設定されているはずだと推測できます。

PCでは上から下に向かって選択していく流れが基本です。
なので下矢印キーの方がよく使うはず。というわけでjが↓になります。

これはあくまで私の覚え方なので、実際のところは分かりませんが、無理矢理でも理屈を付けると覚えやすくなるかもしれません。

設定用のJSONは下記の通りです。

{
    "description": "right_command + h/j/k/l → arrow keys",
    "manipulators": [
        {
            "from": {
                "key_code": "h",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "left_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "j",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "down_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "k",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "up_arrow" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "l",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "right_arrow" }],
            "type": "basic"
        }
    ]
}

Vimキーバインドが慣れない場合

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

esc / delete / return / tildeキーの入力

他にもキーボードの端の方にあるキーを、右commandキーを活用して入力できるようにしています。
偶然にも、左手で押しやすい位置に各キーの頭文字が並んでいました。

• esc：右command + e
• delete：右command + d
• return：右command + r
• tilde：右command + t

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

あとはcommand + deleteしたいときに、両方のcommandを押しながらdを押して使ったりもしています。

設定用のJSONは下記の通りです。

{
    "description": "right_command + r/e/d/t → return/esc/delete/tilde",
    "manipulators": [
        {
            "from": {
                "key_code": "r",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "return_or_enter" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "e",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [
                { "key_code": "escape" },
                { "key_code": "japanese_eisuu" }
            ],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "d",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "delete_or_backspace" }],
            "type": "basic"
        },
        {
            "from": {
                "key_code": "t",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "grave_accent_and_tilde" }],
            "type": "basic"
        }
    ]
}

spaceの入力

右commandを押している間は、矢印キーによる操作を行っている場合が大半です。
特に多いのは、Finderをキーボードで操作しているときです。

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

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

設定用のJSONは下記の通りです。

{
    "description": "right_command + space → space",
    "manipulators": [
        {
            "from": {
                "key_code": "spacebar",
                "modifiers": {
                    "mandatory": ["right_command"],
                    "optional": ["any"]
                }
            },
            "to": [{ "key_code": "spacebar" }],
            "type": "basic"
        }
    ]
}

活用事例

Finderでのファイル選択・削除

Finderをリスト表示にしているので、右command + h/j/k/lでファイル選択ができます。

また、左右両方のcommand + jを押すと、command + ↓になるので、選択フォルダ内に移動したり、ファイルを開けます。
左右両方のcommand + kでcommand + ↑になるので、親フォルダに移動できます。

そしてさらに、両方のcommand + dを押せば、command + deleteになるので選択ファイルの削除ができます。

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

Webrandum

Path Finderを使ってキーボードだけでファイル操作する方法（基本操作編）

https://webrandum.net/path-finder-file-manipulation-1

PCで仕事をしている人なら必ず行うファイル操作。マウスでフォルダをクリックして回る方が一般的ですが、キーボードだけで完結させることで効率的に操作できます。今回はキーボードだけでMacのファイル操作する方法をまとめます。FinderとPath Finderの違いまず、私はmacOS標準のFinderではなく、Path Finderというアプリを使っています。Path FinderはFinderの機能を踏襲しつつ、下記機能が備わっています。デュアルペイン機能1つのウインドウを分割してそれぞれの画面（ペイン）を操作できる高いカスタマイズ性ショートカットキーや...

Webrandum

Path Finderを使ってキーボードだけでファイル操作する方法（応用編）

https://webrandum.net/path-finder-file-manipulation-2

前回に引き続き、今回はPath Finderをキーボードだけでさらに便利に操作する方法についてまとめます。一括名称変更ファイル・フォルダ名を変えたい場合、デフォルトではshift + command + Rで名称変更ができます。ファイルを1つだけ選択していると単体の名称変更になります。ただ、ファイル1つだけの場合はenterを押して編集した方が早いです。ファイルを複数選択している場合はshift + command + Rで一括名称変更画面が表示されます。Finderでも一括名称変更は可能ですが、変更方法は下記の3種類に限られています。テキストを置き換え...

テキストカーソルの移動

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

システム設定でキーのリピートと最速にしておくことで、長押しで快適にカーソル移動ができます。

まとめ

右commandキーを活用して矢印キーやescを詰め込めるだけで、手の移動がかなり減ります。

まずは矢印キーのh/j/k/lだけでも設定してみて、少しずつ慣れしていくのがオススメです。

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

今回はTop Shelfでできることをまとめます。

Bartender ProとTop Shelf

Bartender

Bartender Pro

https://www.macbartender.com/pro/

Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf.

BartenderはmacOSのメニューバーをキレイに整理・管理するアプリです。
詳細は過去記事にまとめているのでそちらをご覧ください。

Top ShelfはこのBartenderの上位プランの「Bartender Pro」でのみ使える機能で、2026年5月に追加されました。

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

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

しかし、Setappを契約している人なら追加費用なしで使えます。

Setappの活用

Webrandum

220以上の有料Macアプリが使えるサブスクサービス「Setapp」

https://webrandum.net/setapp

200種類以上のMac有料アプリが使い放題になるサブスクサービスの「Setapp」を最近使い始めました。もともと存在は知っていて、気になっていたのですが最近Path Finderがサブスク化して、Path FinderもSetappの中に入っているので「この機会に使ってみよう」と思い体験版から試しています。結論から言うとかなりお得なので、このまま継続して使い続けることになりそうです。SetappSetappなら本来個別に購入が必要なアプリを定額で使い放題にしてくれるサブスクリプションサービスです。使えるアプリは220種類以上で、今後も追加されてい...

Bartenderは有料アプリが使い放題になるサブスクサービスのSetappにも登録されています。Bartender Proの機能もSetapp経由で利用できます。

私の場合はSetapp経由でBartenderを使っているので、Top Shelfもそのまま試せました。
また、Setapp版を使っている人はアプリ名も「Bartender Pro」に変わっています。

ノッチが無いMacBookでも使える？

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

ノッチ無しのMacBookを使っていて、メニューアイコンをいっぱい並べている人は、そもそもノッチが邪魔に感じてしまうかもしれません。

また、この黒い角丸長方形はデスクトップの画面共有にも映ってしまいます。

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

普段は仕方ありませんが、デモ操作などで画面共有が必要なときはオフにしています。

Top Shelfの設定方法

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

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

［Set up Top Shelf］ボタンをクリックすると、チュートリアルが表示されます。

チュートリアルの内容は主に下記の通りです。

1. ライブアクティビティにホバーすることで詳細が開ける
2. ノッチの中心をホバーするとトレーを表示できる
3. ファイルをノッチにドラッグすると一時置き場として使える
4. クリップボードにコピーしたものも表示される

進むと権限を許可する画面が表示されます。
カレンダーと位置情報、そしてAirPods（Bluetooth）へのアクセス許可をして次へ進みます。

Top Shelfでできること

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

ウィジェット

ノッチ周辺にカレンダーや天気などのウィジェットを表示できます。

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

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

ファイルの一時置き場

ノッチをファイルの一時的な置き場として使えます。

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

AirDropで共有するエリアもあるので、別のデバイスにサッと送りたいときにも使えます。

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

それがTop Shelfにドラッグするだけですぐに共有できるのは便利で

クリップボード履歴

コピーした内容の履歴をノッチから呼び出せます。

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

システム情報

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

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

AIエージェントの情報表示

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

現状この機能が一番よく使っています。

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

まとめ

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

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

私の場合はSetapp経由なので追加費用なく試せましたが、Top Shelfのためだけに単体でProへ移るかというと微妙です。
今後Top Shelf以外にどんな機能が追加されるのか、楽しみにしています。

標準のスクショ機能でも十分ですが、これをさらに便利にするのがCleanShot Xです。

今回はこのCleanShot Xについてまとめます。

CleanShot X

CleanShot

CleanShot X for Mac

https://cleanshot.com

Capture your Mac’s screen like a pro.

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

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

2026年7月時点での料金は$29です。
完全な買い切りというわけではなく、アップデートは購入してから1年間だけです。

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

サブスクリプションと違って、アプリへのアクセスを取り上げることはないのがポイントです。

Setappの活用

Webrandum

220以上の有料Macアプリが使えるサブスクサービス「Setapp」

https://webrandum.net/setapp

200種類以上のMac有料アプリが使い放題になるサブスクサービスの「Setapp」を最近使い始めました。もともと存在は知っていて、気になっていたのですが最近Path Finderがサブスク化して、Path FinderもSetappの中に入っているので「この機会に使ってみよう」と思い体験版から試しています。結論から言うとかなりお得なので、このまま継続して使い続けることになりそうです。SetappSetappなら本来個別に購入が必要なアプリを定額で使い放題にしてくれるサブスクリプションサービスです。使えるアプリは220種類以上で、今後も追加されてい...

有料アプリが使い放題になるサブスクサービスのSetappにも登録されています。

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

すでにSetappを使っている人や、他にも使うアプリがある場合はSetapp経由の方がお得です。

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

基本的な使い方

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

キャプチャ

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

これはmacOS標準のフローティングサムネールと同じですが、下記のようなことができます。

• Save：スクショを保存
• Copy：スクショをクリップボードにコピー
• Quick Accessを閉じる
• スクショをピン留めして画面上に表示する
• アノテーション（編集画面）を開く
• クラウドにアップする

アノテーションを開くと、スクショにその場で矢印や四角形、テキスト、ぼかしなどを描き込めます。

「ここを見てほしい」と示したいときに、別の画像編集アプリを開かずに完結できます。

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

スクロールキャプチャ

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

［Scrolling Capture］を実行したあと、下記手順で撮影できます。

1. キャプチャ範囲を指定
2. ［Start Capture］ボタンをクリック
3. ゆっくりスクロール

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

しかし、このスクロールキャプチャ機能はウェブサイト以外のアプリ画面でも利用できる点が便利です。

画面録画（動画・GIF）

画面録画もCleanShot Xから行えます。
動画（MP4）だけでなくGIFでも保存できます。

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

GIFはサイズが軽くSlackやGitHubなどにそのまま貼れるので、ちょっとした操作手順を共有するときに便利です。

OCR

画面に表示されている文字を、範囲選択するだけで読み取ってコピーできるOCR機能も備わっています。

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

コピーできないアプリの文字や、画像内の文字をコピーしたいときに役立ちます。

ピン留め

撮影したスクリーンショットを、付箋のように画面の最前面へ固定表示できる機能です。

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

All-In-One

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

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

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

「横幅1280pxで撮影したいのに、1281pxになっていた……」なんて人もいるのではないでしょうか？

All-In-Oneでpx指定すれば確実なので、決まったサイズでスクショを撮りたい人は重宝します。

CleanShot Cloud

CleanShot Cloudは、撮影したスクリーンショットや録画をクラウドにアップロードして、リンクで共有できる機能です。

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

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

しかし、下記のような機能はCloud Pro（サブスク）でのみ使えます。

• クラウドストレージ無制限
• 共有リンクのパスワード保護
• 一定時間で消える自己消滅リンク
• 独自ドメインでの共有

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

ちなみに、先ほど触れた通りSetapp版ならCloud Proの機能が追加料金なしで使えます。Cloudをしっかり使いたいならSetapp版がオススメです。

環境設定

CleanShot Xのメニューバーアイコンから［Settings…］を開くか、command + ,（カンマ）で環境設定を開けます。

General

［General］タブでは、起動やサウンド、保存先などの基本設定ができます。

Wallpaper

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

Shortcuts

［Shortcuts］タブでは、各キャプチャ機能にショートカットキーを割り当てられます。

割り当ては、各項目の入力欄をクリックして、設定したいキーを実際に押すだけです。
割り当てできる項目は多いので、ここではよく使う主なものを挙げます。

Quick Access

［Quick Access］タブでは、キャプチャ後に表示されるQuick Accessの設定ができます。

私の場合はオーバーレイを左に表示し、保存ボタンは指定の保存先に直接保存する設定にしています。

Recording

［Recording］タブでは、画面録画に関する設定ができます。General・Video・GIFの3つに分かれています。

Screenshots

［Screenshots］タブでは、スクリーンショットの保存形式や見た目に関する設定ができます。

Annotate

［Annotate］タブでは、Annotate（注釈）ツールの挙動を設定できます。

Cloud

［Cloud］タブでは、CleanShot Cloudのアカウント連携やアップロードに関する設定ができます。

ログイン状態の管理や、アップロードしたファイルの扱い、共有リンクの形式などをここで設定します。

Advanced

［Advanced］タブでは、ファイル名やクリップボード、履歴など細かな挙動を設定できます。

About

［About］タブでは、バージョン情報やライセンス、アップデートの確認ができます。

現在使っているバージョンの確認や、最新版へのアップデート確認をここから行えます。

アクションURL

CleanShot XにはアクションURLが設定されています。
これはURLのような形式で、アプリの特定機能を発火できる機能のことです。

CleanShot

CleanShot X - URL scheme API

https://cleanshot.com/docs-api

CleanShot X is the best screenshot and screen recording app for Mac with a built-in annotation tool, Cloud uploading, scrolling capture, and a lot more.

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

多くのキャプチャ系アクションはactionパラメータにcopy／save／annotate／upload／pinを指定でき、キャプチャ後の動作をURL側から決められます。

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

Keyboard Maestroの活用

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

Keyboard Maestroのトリガーを2回押しを設定して、escで標準のスクショをキャンセルしてから、アクションURLでCleanShot Xを呼び出しています。

これならショートカットキーを忘れる心配がありませんし、標準機能とCleanShot Xを使い分けられます。

他にもshift + command + 5の2回押しならAll in Oneが起動するようにもしています。

このように、アクションURLがあると他アプリとの連携がラクに実現できます。

Alfredの活用

アクションURLを一覧で表示して、そこからAlfredで絞り込んで実行できるワークフローを作成しました。

下記GitHubリポジトリ内の「CleanShot X Actions」です。

GitHub

GitHub - 31mskz10/alfred-workflows: My Alfred Workflows

https://github.com/31mskz10/alfred-workflows

My Alfred Workflows. Contribute to 31mskz10/alfred-workflows development by creating an account on GitHub.

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

PixelSnapとの連携

ふわっとの岡田さんがCleanShot XとPixelSnapの連携についてnoteを書いてくださいました。
ぜひこちらの記事もご覧ください。

note（ノート）

CleanShot Xがもっと便利になる。私が手放せない「PixelSnap」との組み合わせ｜岡...

https://note.com/fuwhat_okada/n/nf2a52c739325

友人のサイトウさんが、Mac向けスクリーンショットアプリ「CleanShot X」のとても詳しい記事を公開されました。 機能や基本的な使い方については、まずサイトウさんのこちらの記事をご覧ください。 高機能なスクリーンショットアプリ「CleanShot X」macOSではshift + command + 3で画面全体のスクショが撮れて、shift + command + 4でwebrandum.net 私もCleanShot Xを長く愛用していますが、ひとつだけ「これはぜひ知ってほしい」と思う使い方があります。 それが、PixelSnapとの組み合

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

まとめ

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

スクショを撮る機会が多い人や、撮った画像に手を加えて共有することが多い人にはオススメのアプリです。

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

CMD-F

コミュニティの名前はCMD-F（コマンド エフ）にしました。
macOSユーザーにはおなじみの検索ショートカットのcommand + Fに由来しています。

お互いの効率化方法をシェアして、集まった知見の中から自分に合った最適解を探す場という意味を込めています。

X（旧：Twitter）のアカウントも@cmd_f_jpで作成しました。

CMD-Fでできること

現時点で大きく分けて「交流」と「共有」「質問」ができます。

交流

「#雑談」チャンネルでは、macOSに関することはもちろん、それ以外の話題も気軽に雑談できます。

「#宣伝」チャンネルで登壇情報やご自身で作成したウェブサービス・アプリ等の宣伝ができます。

共有

「#マクロ・スクリプトシェア」チャンネルで作成したマクロやスクリプトの共有ができます。
タイトルや説明と合わせてデータを添付してシ共有します。

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

また、「#アプリ情報」チャンネルでは、アプリごとにスレッドを立てて情報交換できるようにしています。

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

どのように運用していくかは様子を見ながら柔軟に見直していく予定です。

質問

「#質問」チャンネルでは、困ったことや「他の人はどうしているのだろう？」と思ったことを気軽に質問できます。

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

Discordを採用した理由

コミュニティを作るにあたって、選択肢はいろいろあります。
Slack、X（旧Twitter）、Facebookグループなどなど。

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

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

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

ぜひご参加ください

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

t.co

https://discord.gg/eC6nau9q8w

https://t.co/z9rN96gdxe

今回は1Passwordの開発者向け機能についてまとめます。

1Password

1password.com

1Password Developer – Secure Your Secrets | 1Password

https://1password.com/developer-security

1Password provides essential DevOps security tools to secure infrastructure. Protect developers secrets without slowing down your pipeline.

1Passwordはパスワード管理アプリです。マスターパスワードを1つ覚えておけば、あらゆるサービスのパスワード情報を全部管理できます。

この手のパスワード管理アプリは数多くありますし、最近はApple純正のパスワード管理アプリもあります。

そして今回紹介する1Password Developerは、1Passwordが開発者向けに用意している機能の総称です。
執筆時点では主に下記の4つがあります。

• SSHエージェント（1Password SSH Agent）
• 環境（1Password Environments）
• CLI（1Password CLI）
• Watchtower（Developer Watchtower）

すでに1Passwordのアプリをインストールして使っている場合、［環境設定］→［開発者］で有効にして使用できます。

1Password CLIのインストール

1password.com

Download Command Line (CLI) | 1Password

https://1password.com/downloads/command-line

Get the 1Password CLI download to manage secrets and automate tasks. Integrate the 1Password command line tool into your development workflow today.

1Password CLIを使うためには、デスクトップアプリとは別でインストールする必要があります。

Homebrewでインストールするか、公式サイトからインストーラーをダウンロードして実行しましょう。

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

brew install --cask 1password-cli@beta

Environmentsが不要な場合は通常版をインストールしましょう。

brew install --cask 1password-cli

1Password Developerの初期設定

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

これで1Passwordアプリのサイドバーに［開発者］が表示されるようになります。

そのうえで、用途に応じて下記もオンにしておきます。

• ［1Password CLIと連携］
• ［ディスク上の開発者認証情報をチェックする］

これで最初の設定は完了です。

1Passwordの開発者向け機能

ここからは4つの機能を1つずつ紹介します。
それぞれの機能の概要は下記の通りです。

SSHエージェント

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

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

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

ただし、LinuxのFlatpak版やSnap版の1PasswordアプリだとSSHエージェントが動きません。Linuxで使う場合は注意が必要です。

SSHエージェントの初回設定方法

まずは［環境設定］→［開発者］で［SSHエージェントを使用］にチェックを入れます。

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

正常に追加されると、モーダルが閉じて「SSHエージェントが追加されました」メッセージが表示されます。

SSHキーの登録

次に、すでに使っているSSHキーを1Password側に登録したり、SSHエージェントで利用するように設定する必要があります。

1Passwordアプリのサイドバーにある［開発者］をクリックし、［SSHエージェントを表示］ボタンをクリックします。

［新しいSSHキー］ボタンをクリックすると、新たにSSHキーの新規アイテム登録画面が表示されます。

ちなみに、ここから登録しなくても［新規アイテム］の中から［SSHキー］を選択しても登録できます。

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

ターミナルなどで「agent.toml」ファイルが開くので、ここにSSHエージェントのアイテムを下記の形式で追加します。

agent.toml[[ssh-keys]]
item = "アイテム名"
vault = "アイテムを格納しているVault名"

入力して保存したら、1Passwordを一度ロックしてから再度解除する必要があります（shift + command + Lでロックできます）。

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

ここからさらにGitのコミットに署名するには、再度SSHキーのアイテム詳細画面に移動します。

今度は［次のステップ：Gitのコミットに署名する］と書かれているので、［設定する…］ボタンをクリックします。

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

最初の設定は面倒ですが、1Passwordで管理しているSSHキーをそのまま使えるようになります。

あとはいままでSSHキーを1Passwordで管理していなかったので、この機会に少しずつ1Passwordで管理するように移行していっています。
PCの移行時などにも1Passwordを接続して移行できるので便利そうです。

1Password Environments

1Password Environmentsは、プロジェクト用の環境変数（.envファイル）を1Password上で管理する機能です。
通常のアイテムとは別枠で、.envファイルを管理できます。

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

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

例えば、下記のコマンドを実行すれば指定の.envを使ってnpm run devを実行できます。

op run --environment <environment-id> -- npm run dev

また、.envファイルをマウントする仕組みも用意されていて、平文の.envをディスクに置かずに済みます。

環境の追加方法

1Passwordアプリのサイドバーにある［開発者］をクリックし、［環境を表示］ボタンをクリックします。

［新しい環境］ボタンをクリックして追加します。

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

これで環境変数の追加は完了です。

ローカルにマウントする

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

［ファイルパスを選択する］ボタンをクリックしてマウントしたいフォルダを選択すれば、そこに.envファイルがマウントされます。

1Password CLI経由で読み込む場合

ターミナルコマンド上で使用したい場合は、1Password CLIを使って読み込みます。

［アクセスの管理］の右横にあるボタンを選択して［環境IDをコピーする］をクリックします。

そのあと、下記コマンドの「<environment-id>」部分にコピーした環境IDをペーストして、「npm run dev」部分は実行したいコマンドを入力します。

op run --environment <environment-id> -- npm run dev

これでコマンドを実行すると1Passwordの認証が求められて、解除すると1Password Environmentsで管理している環境変数が渡った状態でコマンドが実行されます。

1Password CLI

1Password CLIをインストールすると、ターミナル上でopコマンドが使えるようになります。
このコマンドを使うことで、1Passwordの情報をターミナル上で扱えるようになります。

また、［環境設定］→［開発者］で［1Password CLIと連携」にチェックを入れておくと、opコマンドを使うときの認証にTouch IDが使えるようになります。

1Passwordの開発者向け機能はCLIと組み合わせて使い場合が多いので、基本1Password CLIはインストールする前提で考えた方が良さそうです。

Developer Watchtower

Developer Watchtowerは、ローカルディスク上の開発者向け認証情報をチェックする機能です。
現時点の対象は~/.ssh以下にあるSSH秘密鍵になっています（APIキーや.envまで全部スキャンしてくれるわけではありません）。

1Passwordアプリのサイドバーにある［開発者］をクリックし、［Watchtowerを表示］ボタンをクリックして確認できます。

通常のWatchtowerが漏えいパスワードや弱いパスワードを確認する機能なのに対して、こちらは開発用のSSH鍵まわりを見る機能だと考えると分かりやすいです。

SSHエージェントを使うためにすべて1Password上で管理している場合は不要ですが、そうでない場合はSSHキーの監査をしてくれます。

検出対象はOpenSSH、PKCS#8、PKCS#1形式のSSH秘密鍵で、~/.ssh配下を最大3階層までスキャンします（シンボリックリンクは追わず、1MiBを超えるファイルはスキップされます）。

警告内容は下記のようなものです。

• 1Passwordにすでに取り込んだ鍵の重複
• パスフレーズなしで平文保存された秘密鍵
• 古い方式の危険な鍵

いままで雑に管理していた人は、一度見ておくと良いかもしれません。

まとめ

1Passwordは単純なパスワード管理だけでなく開発者にとって便利かつセキュリティ上注意しないといけない情報の管理もできるようになっています。

チームプランを利用すれば、これらをチームで共有して管理できるのも嬉しいポイントです。
.envを直接チャットサービスなどで送付していたり、どこかにそのままファイルを置いているよりも1Passwordで管理している方がセキュアです。

こうした取り組みは面倒ですが、セキュリティ関連は何かあってからでは遅いです。

すでに1Passwordを使っている人は試してみてはいかがでしょうか。

今回はDefault Folder Xを使った、保存ダイアログ内でファイルリストにフォーカスする方法をまとめます。

Default Folder X

www.stclairsoft.com

Default Folder X

https://www.stclairsoft.com/DefaultFolderX/

Default Folder Xは、macOSの開く・保存ダイアログ（Open/Saveダイアログ）を拡張するユーティリティアプリです。

標準のダイアログに下記機能を追加してくれます。

• Open/SaveダイアログにDefault Folder Xのツールバーを表示
• 最近使ったフォルダへのスピーディーなアクセス
• よく使うフォルダへのショートカット割り当て
• Finderで開いているフォルダを開く

古くからあるMacの定番アプリで、Default Folder X無しのMacは考えられません。
金額は$39.95の買い切りですが、Setappにも対応しています。

Setappの活用

Webrandum

220以上の有料Macアプリが使えるサブスクサービス「Setapp」

https://webrandum.net/setapp

200種類以上のMac有料アプリが使い放題になるサブスクサービスの「Setapp」を最近使い始めました。もともと存在は知っていて、気になっていたのですが最近Path Finderがサブスク化して、Path FinderもSetappの中に入っているので「この機会に使ってみよう」と思い体験版から試しています。結論から言うとかなりお得なので、このまま継続して使い続けることになりそうです。SetappSetappなら本来個別に購入が必要なアプリを定額で使い放題にしてくれるサブスクリプションサービスです。使えるアプリは220種類以上で、今後も追加されてい...

有料アプリが使い放題になるサブスクサービスのSetappにも登録されています。

Default Folder Xは買い切りアプリなので、これ単体での利用なら買った方がお得です。しかし、すでにSetappを契約していたり他にも使いたいアプリがある場合は、Setapp経由で使うのがオススメです。

保存ダイアログでフォルダを選ぶときの問題

ここからが今回の本題です。
冒頭でも触れましたが、Macの保存ダイアログにはキーボード操作で地味に不便な点があります。

保存ダイアログでcommand + ↑を押すと、ひとつ上の親フォルダへ移動できます。この操作は問題ありません。

しかし、矢印キー（↑↓）で別のフォルダを選ぼうとしても選択できません。フォーカスがファイル名の入力欄にあるため、矢印キーの操作を入力欄が拾ってしまうからです。

tabキーを押せばフォーカスを移動できますが、ファイルリストにたどり着くまで何度も押す必要があります。かといって、ここだけマウスに持ち替えるのも面倒です……

保存ダイアログはファイル命名も行うので、できる限りキーボードに両手がある状態のまま最後まで操作を行いたいです。

今までもDefault Folder Xを使っているので、最近使ったフォルダや開いているFinderウインドウへはすぐ移動できますし、よく使うフォルダにはショートカットも割り当てています。そのため、なんとか我慢できるレベルでした。

それでも、保存先を兄弟フォルダに振り分けたいときなどは、お気に入りに登録するほどでもなく、地味に面倒でした。

このあたりを以前はKeyboard Maestroのマクロで無理やり解決していたのですが、もっとスマートな方法がDefault Folder Xに用意されていました。

「キーボードを使って書類を選択する」にショートカットを割り当てる

解決方法は、Default Folder Xのショートカット設定を変えるだけです。

［環境設定］→［ショートカット］を開くと、操作ごとにショートカットキーを割り当てられる項目が並んでいます。

この中に［キーボードを使って書類を選択する］という項目があります。
デフォルトでは何も割り当てられていないので、ここに好きなショートカットキーを設定します。

私の場合は、とりあえずcommand + Kを割り当てました。

これで保存ダイアログを開いているときにcommand + Kを押すと、ファイルリストにフォーカスが移り、矢印キーでフォルダやファイルを選択できるようになります。

ファイル名の入力欄に戻りたいときは、command + Lで切り替えられます（デフォルトの場合）。KとLはちょうど隣合っているキーなので、command + Kとcommand + Lで押しやすいです。

これで簡単にファイル名入力欄とファイルリストのフォーカスを切り替えられるようになり、長年のストレスがこれだけで解消されました。

Keyboard Maestroを使った方法

Default Folder Xの設定を見つけたのでもう不要ですが、今まではKeyboard Maestroを使って無理矢理解決していました。

やっていることはファイルリストにある前後の「戻る」「やり直す」アイコンを見つけて、それを基準にファイルリストの空白部分をクリックしてフォーカスを移動していました。

かなり無理矢理ですし、たまにうまくいかないときもあったりで動作が不安定でした。

まとめ

ずっと我慢していたうえに、わざわざKeyboard Maestroでマクロまで作っていたので、Default Folder Xであっさり解決できたときは少し拍子抜けしました（もっと早く知っていれば……）。

普段から使っているアプリでしたが、Default Folder Xに限らず改めてアプリの機能や設定を見直すとこうした発見があります。
定期的に見直していくのも大切だと感じました。

Webrandum

Obsidianを使った「自己流PKM」で行う知識トレーニング

https://webrandum.net/obsidian-pkm

過去記事の『1つのノートアプリにすべて集約するのをやめた理由｜2025年時点のノートアプリの使い分け』で、ObsidianをPKMとして使っていると紹介しました。今回はその具体的な方法や考え方についてまとめます。PKMとは何か？PKMは「Personal Knowledge Management（個人の知識管理）」の略で、個人が持つ情報や知識を管理・活用するための概念や手法の総称です。かなり広い概念ですが、単にメモを残しておくというよりも知識が体系化されていて、活用できる状態になっていることが重要です。私がPKMを行う目的は「知識のトレーニング...

整理した知識をさらに記憶に定着させたいなら、Ankiというフラッシュカードアプリとの組み合わせが効果的です。

今回はAnkiの概要と、ObsidianからAnkiのカードを作成してインポートする方法をまとめます。

Anki

apps.ankiweb.net

Anki - powerful, intelligent flashcards

https://apps.ankiweb.net

Anki - a program which makes remembering things easy.

Ankiはかなり自由度の高いフラッシュカードアプリです。
表面と裏面にそれぞれ問題と答えを書き、タップ（またはspace）で答えが表示されます。

学生時代に使った暗記カードのデジタル版のようなものです。

料金体系は少し変わっていて、Web版・PCアプリ版（Windows / macOS）・Android版のAnkiDroidは無料ですが、iOS版のAnkiMobileだけは有料の買い切りです。執筆時点のApp Store価格は4,000円です。

どうやらiOS版のAnkiMobileの売り上げが、Anki全体の開発資金を支える役割も担っているようです。

後ほど紹介するObsidianからCSVを生成してインポートする方法はWeb版・PCアプリ版で行うので無料でできますが、日々使うならスマホから気軽に開ける方が続けやすいので、iPhoneを持っている人はAnkiMobileの購入もオススメです。

エビングハウスの忘却曲線に沿って学習できる

Ankiに限らずですが、最近のフラッシュカード系のアプリは最適なタイミングで復習ができるようになっています。

これは有名な「エビングハウスの忘却曲線」の研究がもとになっています。

人間は新しく覚えた情報を24時間後には約67%忘れてしまうそうです。
この忘れかけたタイミングで復習することで記憶が定着しやすくなり、次は3日後、その次は1週間後……という風に、復習間隔を徐々に広げていくことで長期記憶として定着させていきます。

Ankiでは簡単だと感じたカードは次回の復習間隔が長くなり、難しいと感じたカードは短い間隔で復習するように設計されています。

このように、理想的な復習タイミングを管理するシステムのことをSRS（Spaced Repetition System）と呼びます。

そして多くのアプリでは復習間隔は自動またはざっくりしか設定できませんが、Ankiはこの設定もかなり細かく調整できます。

他フラッシュカード系アプリとの比較

フラッシュカード系のアプリはAnkiの他にもQuizlet・reminDO・WordHolicなど数多くあります。
いま上げたアプリの主な違いを比較すると下記の通りです。

Ankiは他アプリに比べてカスタマイズ性が高いのが特徴です。

カスタマイズ性がかなり高い

Ankiはほぼすべての要素をカスタマイズできます。
カードにはHTML・CSSを使えるのでデザインも自由自在です。

• カードのデザイン
• フィールド構成
• 復習間隔のアルゴリズム
• 1日の新規カード数などの細かい設定

さらにアドオン（プラグイン）が数多くあり、それらを使うことで基本機能だけでは物足りない部分も補えます。

他のアプリだとここまで自由にはできません。
しかし、逆に設定項目が多すぎて面倒と感じる人もいるかもしれません。

Ankiのアカウント作成

Ankiを使い始めるには、まずAnkiWebのアカウントを作成します。
AnkiWebは各デバイス間でカードを同期するためのサービスで、アカウントは無料で作成できます。

公式サイトにアクセスし、「Sign Up」からメールアドレスとパスワードを入力して登録します。

このアカウントがあると、Web版とMac版、iOS版など異なるデバイスで情報を同期できるようになります。
私の場合はカードの作成やインポートはMacで行い、日々の復習はiPhoneで行うという使い分けをしているので同期は必須です。

Ankiの基本的な使い方

macOSアプリ版

macOSアプリ版は公式サイトからダウンロードするか、Homebrewでインストールします。

brew install --cask anki

Mac App Storeには公開されていないので、どちらかの方法でインストールする必要があります。

アプリを起動すると、下記の画面が表示されます。

デッキの管理

デッキはカードをまとめるフォルダのようなものです。
最初は「デフォルト」という名前のデッキ1つだけですが、メイン画面下部にある［デッキを作成］ボタンからデッキを追加できます。

デッキ名に::（コロン2つ）を使うと階層構造を作れます。
例えば「AWS::IAM」「AWS::S3」のように命名すると、「AWS」の下に「IAM」と「S3」がサブデッキとして配置されます。

「フォルダじゃなくてデッキなんだ……」や「/（スラッシュ）じゃなくて::（コロン2つ）で区切るんだ……」などちょっとクセがありますが、このあたりは慣れていく必要があります。

カードの作成

カードを手動で作成するには、画面上部の［追加］メニューをクリックするとカード追加画面が表示されます。

カード追加画面では、上部で「ノートタイプ」と追加先の「デッキ」を選択し、「表面」に問題、「裏面」に正解を入力します。

通常はWYSIWYGで入力できますが、表面と裏面の一番右にあるコードアイコンをクリックすると、なんとHTMLで編集できます。HTMLの入力ができるので非常に自由度高くノートを作成できます。

入力できたら［追加］ボタンを押してカードを追加できます。

カードの使用

デッキをクリックして［学習開始］ボタンをクリックすると、実際にカードが表示されます。

カードの表面（問題）が表示されるので、答えが何になるか考えましょう。

答えを考えたら画面下の［解答を表示］ボタンをクリックして裏面（正解）を表示します。

正解を確認したら、自分の理解度に応じて下記の4段階で評価します。

• もう一度（Again）：全然分からなかった
• 難しい（Hard）：かなり迷った
• 正解（Good）：少し考えて思い出せた
• 簡単（Easy）：すぐに分かった

この評価に応じて次回の復習タイミングが決まります。
それぞれのボタンの上に次回復習タイミングまでの時間が表示されていて、［もう一度］を選んだカードはすぐに再表示され、［簡単］を選んだカードは数日後に表示されることが分かります。

ちなみに評価は左から順にキーボードの1〜4キーでも選択できますし、裏表の切り替えはspaceでもできるので、マウスを使わずにキーボードだけでサクサク進められます。

カードタイプ（ノートタイプ）

Ankiには「カードタイプ」という概念があり、これで追加するカードの機能や見た目が変わります。デフォルトは下記の6種類が用意されていて、これらをカード追加画面で選択して切り替えます。

• 基本：表面に問題、裏面に答えの基本的なタイプ
• 基本 (文字入力解答)：回答をテキスト入力して答え合わせするタイプ
• 基本 (裏表反転カード付き)：表→裏だけでなく、裏→表のカードも自動で作成されるタイプ
• 基本 (裏表反転カード追加可能)：裏→表のカードが必要な場合に追加できるタイプ
• 画像穴埋め問題：画像の一部を図形で隠して、裏面表示で隠していた図形を非表示にして答えを確認できるタイプ
• 穴埋め問題：{{c1::答え}}形式の書式で文中の一部を隠せるタイプ

私は「基本」のカードタイプばかり使っていますが、人によっては画像穴埋めなどは重宝しそうです。

タグの活用

カードにはタグを付けられます。
カード作成画面の下部にある「タグ」フィールドに入力してreturnで確定します。

タグを付けておくと、ブラウザ画面（画面上部の［ブラウザ］メニューから開く）でタグ別にカードを絞り込めます。デッキとは別の軸でカードを分類できるので、「重要」のようなタグを付けておくと管理しやすくなります。

学習設定の調整

デッキごとに学習設定を調整できます。
デッキ名の右側にある歯車アイコンから「オプション」を選択します。

よく変更する設定は下記の通りです。

• 1日の新規カード導入枚数の上限
• 1日の復習枚数の上限
• 新規カードを集める順序

特に［新規カードを集める順序］は［デッキの並び順］から［ランダム（カード単位）］に変更することが多いです。

1日の上限系は多すぎるとカードが溜まっていくばかりになってモチベーションが下がってしまうので、無理のない枚数に設定した方が続けやすいです。

［負荷軽減日］という設定項目もあり、平日は負荷を下げておくといった設定も可能です。

よく使うショートカットキー

macOSアプリ版では下記のショートカットキーをよく使います。

基本的にはiOS版をスキマ時間や寝る前などに解いていることが多いのでmacOS版を使う頻度は低いですが、ショートカットキーだけで操作できるのは嬉しいです。

同期設定

［同期］メニューを選択すると、初回は下記のログイン画面が表示されます。

ここに先ほど作成したAnkiWebのログイン情報を入力することで同期できます。次回以降は［同期］を押すだけで実行されるようになります。

自動同期ではないので、何か変更をしたり学習を進めたあとは自分で同期を実行する必要があります。

iOSアプリ版

App Store

AnkiMobile Flashcardsアプリ - App Store

https://apps.apple.com/jp/app/ankimobile-flashcards/id373493387

Anki Software, LLCの「AnkiMobile Flashcards」をApp Storeでダウンロードしてください。スクリーンショット、評価とレビュー、ユーザのヒント、「AnkiMobile Flashcards」に似たゲームを見ることなどができます。

iOS版はApp Storeからダウンロードします。
基本的な操作はMac版と同じで、画面をタップして回答を表示し、評価ボタンを選択するだけです。

iPhoneで使う最大のメリットは、通勤中や待ち時間などのスキマ時間にサッと復習できることです。
アプリを開いて［同期］ボタンを押せばAnkiWebと同期してくれるので、Macで追加したカードを反映できます。

iOS版ではカードの作成や設定変更もできますが、操作性はMac版の方が良いです。
私の場合はiOS版は復習専用と割り切って、カードの追加やインポートはすべてMacで行っています。

Web版

ankiweb.net

https://ankiweb.net/decks

https://ankiweb.net/decks

Web版はAnkiWebにログインすると使えます。
カードの学習や追加・管理など問題なくできますが、Macアプリ版の方が操作性も高いので、あえて使う必要はあまりありません。

基本的には使うことがなさそうです。

Obsidian_to_Anki

GitHub

GitHub - ObsidianToAnki/Obsidian_to_Anki: Script to add flashcards from text/...

https://github.com/ObsidianToAnki/Obsidian_to_Anki

Script to add flashcards from text/markdown files to Anki - ObsidianToAnki/Obsidian_to_Anki

Obsidianで書いたノートを自動的にAnkiのカードに変換できる「Obsidian_to_Anki」というプラグインがあります。

私の場合は使っていませんが、ObsidianとAnkiの連携方法としてよく紹介される手段なので、どういう仕組みかを押さえておきます。

導入方法

このプラグインを使うには、Anki側に「AnkiConnect」というアドオンをインストールしておく必要があります。

ankiweb.net

https://ankiweb.net/shared/info/2055492159

https://ankiweb.net/shared/info/2055492159

AnkiConnectはAnkiの外部アプリ連携用のAPIを提供するアドオンで、これがないとObsidianからAnkiにカードを送信できません。

1. Ankiのメニューバーから［ツール］→［アドオン］→［新たにアドオンを取得…］を選択
2. コード2055492159を入力してインストール
3. Ankiを再起動
4. ［ツール］→［アドオン］→「AnkiConnect」を選択して「Config」をクリック
5. webCorsOriginList に "app://obsidian.md" を追加して保存

{
  "webCorsOriginList": [
    "http://localhost",
    "app://obsidian.md"
  ]
}

このCORSの設定をしないと、ObsidianからAnkiへの接続が失敗します。

次にObsidian側でObsidian_to_Ankiプラグインをインストールします。

1. Obsidianの［設定］→［コミュニティプラグイン］→［閲覧］から「Obsidian_to_Anki」を検索してインストール
2. プラグインを有効化
3. Ankiが起動している状態でObsidianのコマンドパレットから「Obsidian_to_Anki: Scan Vault」を実行して接続を確認

ノートの書き方

Obsidian_to_Ankiでは、ノート内に特定の書式で問題と回答を書くとカードとして認識されます。

デフォルトで動作する基本的な書き方は下記のブロック形式です。

START
Basic
IAMとは何の略か？
Back: Identity and Access Management
END

START と END で囲まれた部分がカード1枚として認識され、2行目がカードタイプ、3行目以降がFront、Back: 以降がBackになります。

穴埋め形式も同様に書けます。

START
Cloze
AWSのIAMは{{c1::Identity and Access Management}}の略である
END

プラグインの設定では、問題 :: 回答 のような短縮形式や {答え} 形式の穴埋めに対応する書式も用意されています（デフォルトではオフ）。

カードの送信

ノートを書いたら、コマンドパレットから「Obsidian_to_Anki: Scan Vault」を実行します。
プラグインがVault内のノートをスキャンし、カード形式で書かれた部分を自動的にAnkiに送信してくれます。

送信済みのカードにはノート内にAnkiのIDが自動で埋め込まれるため、同じカードが重複して作成されることはありません。ノートの内容を修正して再度スキャンすると、Anki側のカードも更新されます。

使わなかった理由

便利なプラグインですが、私の場合は使っていません。

理由は、ObsidianのノートをAnkiカード形式に合わせて書く必要があるからです。
Obsidianでは自分が理解しやすいように自由にノートを書きたいので、Ankiへの変換を意識した書き方に縛られるのが合いませんでした。

そこで代わりに試したのが、次のCSVを生成する方法です。

ObsidianからCSVを生成する方法

私はObsidianのノートからClaude CodeやCodexなどのコーディングエージェントを使って、Anki用のCSVを生成しています。

Obsidian_to_Ankiのようにノートの書き方を変える必要がなく、既存のノートをそのまま活用できるのがメリットです。

AnkiのCSV形式

AnkiのCSVインポートはタブ区切りに対応しており、「表面」と「裏面」の2列が基本です。
3列目にタグを追加しておくと、インポート時に自動でタグが付与されるので管理しやすくなります。

問題のテキスト, 答えのテキスト, タグ

例えば下記のような内容です。

IAMは何の略か？, Identity and Access Management, AWS
S3の正式名称は？, Amazon Simple Storage Service, AWS
Lambdaの最大実行時間は？, 15分, AWS::Lambda

文字コードはUTF-8で保存する必要があるので注意が必要です。

カードにHTMLを使いたい場合は、答えにHTMLタグを含めることもできます。
例えばリスト形式で答えを表示したい場合は下記のように書きます。

EC2のインスタンスタイプの分類は？, <ul><li>汎用（t/m系）</li><li>コンピューティング最適化（c系）</li><li>メモリ最適化（r/x系）</li></ul>, AWS::EC2

CSVの生成

Obsidianのノートを指定して、AIにフラッシュカード用の問題と答えのペアを生成してもらいます。

Obsidianのノートはすべてローカル上に存在するMarkdownファイルなので、Claude CodeやCodexのようなCLI型のAIツールと相性が良いです。
Vaultのディレクトリを開いて指示を出すだけでノートの内容を読み取って生成してくれます。

例えば下記のように指示します。

AWSフォルダ配下のノートからAnki用のCSVを生成して。
カンマ区切りで、1列目に問題、2列目に回答、3列目にタグを入れてください。
タグはノートのファイル名をもとに付けてください。

これで簡単にObsidianに書いた内容を元にしてCSVファイルを生成してくれます。

プロンプトで「問題は簡潔に、回答は要点のみ」のように指示すると、復習しやすいカードになります。
逆に「回答にはHTMLのリストを使って」と指示すれば、見やすいカードも生成できます。

生成されたカードの確認と修正

生成された問題をそのまま使うのではなく、一度目を通して修正するようにしています。
問題の品質がイマイチだと復習の効果も下がりますし、自分で確認する過程自体が学習になるからです。

確認していく過程で簡単すぎる問題は省いていくようにもしていて「このレベルの問題はもう分かる」とコーディングエージェント用のMarkdownファイルに記載して、次回以降の生成では問題の難易度を上げてもらうようにします。

よくある修正ポイントは下記の通りです。

• 問題が曖昧すぎる（「〜について説明せよ」のような広すぎる問題は、具体的に絞る）
• 回答が長すぎる（要点だけに削る。復習時にサッと確認できる分量が理想）
• 似たような問題が重複している（片方を削除するか、角度を変える）
• タグが適切でない（デッキ構成に合わせて調整する）

CSVはテキストファイルなので、テキストエディタやスプレッドシートでも修正できます。

Ankiへのインポート

生成したCSVファイルはAnkiの画面下部の［インポート］ボタンから選択してインポートします。

CSVファイルを選択するとインポート設定画面が表示されるので、そこでさらに細かい設定を行います。

［フィールドの区切り］でコンマ（,）以外も設定できますし、［フィールド内でHTMLを使う］にチェックを入れておくと、HTML形式で装飾されたカードもそのまま反映されます。

また、インポート設定では同じ［表面］のカードがすでに存在する場合の処理を「更新」「スキップ」「無視」の中から選択できます。CSVを修正して再インポートする場合などに活用できます。

まとめ

Claude CodeやCodexのようなコーディングエージェントが登場したことで、ObsidianのノートからAnkiのカードを生成する流れがかなりラクになりました。

ObsidianのノートがローカルのMarkdownファイルであることが、ここでも活きています。

Ankiのカード作成は正直面倒な作業なので、AIでざっくり生成してから自分で修正するくらいがちょうどいいバランスだと感じています。
Obsidianの自由なノート作成を崩さずにAnkiへつなげたいなら、このやり方はオススメです。

そもそも今後知識がどこまで必要になるのか怪しいですが、瞬発的に情報を引っ張り出せる力はまだ必要になってくるのではないかと思っています。

あとはAIばかり使っていると明らかに脳のパフォーマンスが下がっていると感じるときがあるので、ちゃんと脳を鍛えておくという意味でも、フラッシュカードは有効そうです。

「他のデザインツールと同じ機能はショートカットキーを揃えたい」
「右手はマウスを使っていることが多いから、左片手で押せるキーに変更したい」
「プラグインにショートカットキーを割り当てたい」

このように思ってもそもそも設定できませんし、Figmaはマウスを使わないとできない操作も多いです。

メニューバーの設定であればmacOS標準の［システム設定］→［キーボード］→［キーボードショートカット…］にある［アプリのショートカット］でも設定できますが、管理が大変です。

そこで活用したいのが、Keyboard Maestroです。
今回はFigmaの操作をKeyboard Maestroで効率化する方法についてまとめます。

基本の考え方

私の場合、メインの業務がフロントエンド開発のため、普段はDev Modeでデザインの確認を行う + 何か調整することがあれば調整するレベルです。

たまに使うときにはストレスなく使いたいので、Illustratorとできる限りショートカットキーを揃えています（IllustratorとFigmaだけでなく、例えば配置系のショートカットキーはSketch、Keynote、PowerPointなどですべて統一しています）。

普段から長時間Figmaを使っている人はもちろん、たまにしか使わない人もショートカットキーの整理は余計なストレスを無くしたり、無駄な気力消費を抑えてくれます。

ショートカットキーの統一はデザインツールに限らず他アプリも同様です。
過去にテキストエディタやノートアプリのショートカットキー統一についても記事にしているので、こちらもぜひご覧ください。

Webrandum

テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統...

https://webrandum.net/integrate-shortcut-keys-note-app

同じ機能なのにアプリによってショートカットキーが違っていると、アプリごとに覚えないといけなくて大変です。特にたまにしか使わないアプリの場合、せっかく覚えても次に使うときには忘れてしまうかもしれません。ショートカットキーを統一しておくことで、アプリごとの差異を吸収して使いやすくできます。今回はKeyboard Maestroを使って、テキストエディタやノートアプリのショートカットキーを統一する方法について紹介します。統一するアプリケーション私は現在、内容に応じてノートアプリを複数使い分けるようにしています。詳...

Keyboard Maestro

www.keyboardmaestro.com

Keyboard Maestro 8.2: Work Faster with Macros for macOS

https://www.keyboardmaestro.com/main/

Keyboard Maestro is the leading software for macOS automation. It will increase business productivity by using macros(or short cuts) with simple keystrokes.

Keyboard MaestroはMacでマクロを作成するアプリです。
発火条件となるトリガーと、実際の操作のアクションを組み合わせて自由度の高いマクロを作成できます。

このアプリを使うことで「ショートカットキーを押したら → メニューバーアイテムを選択する」といったマクロを作成し、自由にカスタマイズできます。

大抵のことは、下記のアクションを使うと実現できます。

• Select or Show a Menu Item：メニューバーを選択する
• Type a Keystroke：指定のキーを押す
• Click at Found Image：あらかじめ設定した画像をもとに、画像と同じ箇所をクリックする

Figmaはアプリ版を使用する必要がある

Figmaはブラウザでも使えるのが大きな特徴ですが、Keyboard Maestroで発火アプリを指定したりメニューバーを選択できるようにするためにも、Figmaはアプリ版を使用する必要があります。

ブラウザでも不可能ではないのですが、条件分岐や考えることが多くなってきますし、アプリ版で設定した方がラクです。

Keyboard Maestroのマクログループで［Available in these applications］を選択し、Figmaを追加するだけです。

この設定をしておくことで、このマクログループ内のマクロはFigmaアプリ上でしか発火しないようになります。

設定前に言語設定を決めておく

カスタマイズする際に注意しないといけないのが言語設定です。
Keyboard Maestroはメニューをラベルで指定しているので、メニューが英語から日本語に変わってしまうと、せっかく登録したマクロが機能しなくなります。

やろうと思えば、言語設定を確認して条件分岐で日本語と英語それぞれのメニューを指定する方法もありますが手間がかかります。

マクロを登録する前に、英語か日本語のどちらでFigmaを使うのか決めてから設定した方が手戻りが少なく済みます。

初級編

まずは簡単に作れるマクロから紹介します。

メニューバーにショートカットキーを割り当てる

メニューバーから辿れる項目は、Keyboard Maestroの［Select or Show a Menu Item］アクションで設定できます。

例えば下記のマクロだとcontrol + command + CでFigmaの［配置］→［水平方向の中央揃え］が選択されます。デフォルトでもoption + Hが割り当たっていますが、他デザインツールと統一するために設定しています。

ショートカットキーが割り当てられていないメニューや、割り当たっているけど別のショートカットキーも登録したいメニューがある場合はこの方法で設定できます。

プラグインにショートカットキーを割り当てる

Figmaのプラグインは、プラグイン側でショートカットキーが設定されているものもありますが、特に設定されていない場合は割り当てることができません。
また、毎回ツールバーの［アクション］から検索して実行するのは面倒です。

しかし、プラグインを保存済みにしておくと、メニューバーの［プラグイン］→［保存済みプラグイン］に項目が追加されるようになります。

保存するにはツールバーの［アクション］から検索して、保存したいプラグインを選択します。

プラグインの詳細画面が表示されるので、［実行］ボタンの左横にある［保存］を選択します（command + enterでも保存できます）。

あとは［Select or Show a Menu Item］アクションでメニューを選択するだけで、好きなショートカットキーでプラグインを起動できます。

頻繁に使うプラグインは登録しておくと便利です。
ただしこれも注意が必要で、プラグインのアップデートでメニューラベルが変わると機能しなくなります。

また、Figmaはアップデートでメニュー構成が変わる可能性があるので、その場合はマクロを設定し直す必要があります（実際に［プラグイン］周りのメニューは過去に構造が大きく変わったことがあります）。

右サイドバーの内容を操作する

右サイドバーの各パネル（位置、レイアウト、外観など）はクリック前提のものが多く、何か設定するたびにマウス移動が必要になります。

Keyboard Maestroなら［Click at Found Image］アクションで補えます。
例えばX座標にフォーカスしたい場合は、目印になる［右90°回転］［左右反転］［上下反転］の3つのアイコンのスクショを設定し、そこから目的の位置への距離を指定します。

上記の場合、目印の画像の中心から右へ「-110px」、下へ「-30px」の位置をクリックします（負の数の場合はそれぞれ左・上に移動します）。

特徴的なアイコンの場合はそれを目印にして、そこからの距離を指定することで好きにクリックできます。

また、［Click at Found Image］アクションの右上にある歯車アイコンをクリックして［Restore Mouse Location］にチェックが入るようにしておくと、クリック後にマウスの位置を元の場所に戻してくれます。

このアクションのおかげでメニューに無い操作にもショートカットキーを割り当てられますが、FigmaのアップデートによるUIの変更に弱いので注意が必要です。

ライトモード・ダークモードを切り替える場合にも注意が必要で、その場合は［If Then Else］アクションを使って条件分岐をする必要があります。

中級編

Figma製品に合わせてマクログループを切り替える

今までFigma Designを前提に紹介してきましたが、Figma Designを使っているときとFigJamを使っているときでマクロを変えたい人もいるはずです。

複数のFigma製品（Figma DesignやFigJamなど）でマクロの内容を分けたい場合は、製品ごとにマクログループを作成し、さらにこのマクログループ達の有効・無効を切り替えるマクロを作成するのがオススメです。

私の場合はトリガーを［The focused window（ウインドウのフォーカスを変えるときに発火）］にして、メニューバーに［名前を付けて保存(.fig)…］が有効化どうかで判定してマクログループの有効・無効を切り替えています。

まだFigma DesignとFigJamでしか切り替えていませんが、今後他のFigma製品でもマクロを作成したら分岐を増やそうと思います。

マクログループが増えたらその分変更する必要がありますが、これでFigma製品ごとにマクロの有効・無効を切り替えられます。

パレットでショートカットキーを管理する

ショートカットキーが増えてくると「全部覚えられない」という人もいると思います。
そこで活用したいのが、Keyboard Maestroのパレット機能です。

パレットは、マクロを一覧表示してクリックやキー入力で選べる小さなウインドウのことです。すべてのショートカットキーを暗記しなくても、パレットを開いて選択して実行できます。

Keyboard Maestroのパレットは大きく分けて2種類あります。

まず1つ目が「コンフリクトパレット」です。
これは、同じトリガー（ショートカットキー）を複数のマクロに割り当てたときに自動的に表示されるパレットです。
Keyboard Maestro上で同じショートカットキーに設定しておけば、そのショートカットキーを実行しようとしたときに自動で表示されます。

2つ目が「マクログループパレット」です。
マクログループの表示設定でパレットを表示するオプション（［Shows/hides a palette when:］など）を選ぶと、そのグループ内のマクロをパレットとして表示できます。

また、マクロ名の先頭に「01) 」のように数字と半角丸括弧閉じの記号を入れておくと、パレット上には数字が表示されず、パレット上の並び順指定ができます。

パレット機能をうまく使うことで、例えばプラグイン機能を表示するパレットを表示できます。

ショートカットキーが覚えられない場合はパレットでまとめておいて、パレットを呼び出すショートカットキーを1つだけ覚えておくと便利です。
そして、よく使う機能に関してはそれとは別に指定していくと便利です。

上級編

FigmaでJavaScriptを実行する

私が作成している「Do JavaScript」というFigmaプラグインを使うと、モーダルに表示されたテキストエリアにJavaScriptを記述して実行できます（TypeScriptは不可）。

Figma

DoJavaScript | Figma

https://www.figma.com/ja-jp/community/plugin/1268748233815911262/dojavascript

JavaScriptをFigma上で実行できるプラグインです。ユーティリティー系の外部アプリと組み合わせることで、Figmaのさまざまな操作をショートカットキーでカスタマイズすることを目的に作成しました。※以前はexecCommandを使用していましたが、アップデートで利用できなくなりました。Clipboard APIもFigmaは対応していないため、仕方なくペーストまで外部アプリ側で行う方針に変更しています。想定しているユーティリティー系アプリはKeyboard Maestroです。Keyboard Maestroで、クリップボードにFigmaを操作するJavaScript...

このプラグインとKeyboard Maestroを組み合わせることで、さらに自由度は上がります。

本来はプラグインをわざわざ作成してFigmaに自作プラグインとして読み込み、呼び出して使用する必要がありますが、Keyboard Maestro上にコードを入力するだけで簡単に実行できるようになります。

初期設定だけ下記のように手間が発生しますが、それが完了すれば以降は簡単に追加できます。

1. Keyboard MaestroでJavaScriptコードをクリップボードにコピーする
2. Figmaで「Do JavaScript」プラグインを起動する
3. 起動完了まで待つ
4. Keyboard Maestroでペースト（command + V）する
5. Keyboard Maestroでcommand + returnキーを押す
6. Do JavaScriptが発火してコードが実行される

本当はクリップボードをFigmaプラグインから取得したいのですが、現在のFigmaではクリップボードを取得することができません（Clipboard APIには対応しておらず、document.execCommandも過去は使えていましたが現在は使用できなくなりました。

今後対応されたらアップデートしようと思いますが、ひとまずはKeyboard Maestro側でプラグイン起動後にペーストするようにしています。

また、後から修正しやすいように、2〜5までの共通処理部分は1つのマクロにまとめています。

こうすることで、各マクロでやっていることは「クリップボードにJavaScriptコードを設定して、共通処理用マクロを呼び出すだけ」になります。

ここから紹介するマクロは、すべてこの方法を使って実現します。
なお、JavaScriptで使えるAPIに関してはFigmaのプラグインで使えるものと同じなので、Figma公式のドキュメントを確認しましょう。

あらかじめ指定した設定のドロップシャドウを付ける

よく使う設定のドロップシャドウがある場合、下記のJavaScriptで色やオフセット含めて指定しておくと、ショートカットキーからドロップシャドウを付けられます。

(async () => {
    const onChangeShadow = (node) => {
        if(node.effects){
            let effects = JSON.parse(JSON.stringify(node.effects));
            let shadow = {
                blendMode: "NORMAL",
                color: {r: 0, g: 0, b: 0, a: 0.25},
                offset: {x: 0, y: 4},
                radius: 4,
                showShadowBehindNode: false,
                spread: 0,
                type: "DROP_SHADOW",
                visible: true
            }
            let isAddShadow = true;
            for (let effect of effects) {
                if(effect.type == 'DROP_SHADOW' && isAddShadow){
                    Object.assign(effect, shadow);
                    isAddShadow = false;
                }
            }
            if(isAddShadow){
                effects.push(shadow);
            }
            node.effects = effects;
        }
    }

    let selection = figma.currentPage.selection.slice();
    for (let node of selection) {
        onChangeShadow(node);
    }
})()

もしこれをプラグインでやろうとすると、ドロップシャドウを付けるためだけのプラグインを作成して読み込む必要があります。
さらにそれをメニューバーから選択したりするのは非常に手間ですし管理も大変です。

この方法ならあくまでKeyboard Maestro上でコードを入力して、共通となる1つのプラグインを実行するだけで済みます。

また、バリエーションも増やしやすいです。
先ほど紹介したパレットと組み合わせることで、よく使うエフェクト一覧を呼び出すこともできます。

最近はよく使うものはスタイルで管理するのが一般的だと思いますが、簡易的にサクッと作りたいときなどに重宝します。

バリアントとして結合し、プロパティ 1をstatesに変更する

下記のJavaScriptコードを実行すると、選択したコンポーネントをバリアントとして結合できます。

figma.combineAsVariants(figma.currentPage.selection, figma.currentPage)
figma.currentPage.selection = [figma.currentPage.selection[0].parent];
figma.currentPage.selection[0].editComponentProperty(
    'プロパティ1',
    {
        name: 'states'
    }
)

普通にバリアントとして結合すると、日本語設定の場合はプロパティの名前が「プロパティ 1」になります。
このままでも問題はないですが、個人的な好みで「states」としています。

毎回名前を変更するのは面倒なので、このようにしています。

ブレンドモードの選択

ブレンドモードはデフォルトだとショートカットキーが設定できません。
しかし、JavaScriptコードなら選択オブジェクトに対してブレンドモードの指定ができるので、ショートカットキーを設定できます。

(async () => {
const selection = figma.currentPage.selection.slice();
for (let node of selection) {
    node.blendMode = 'NORMAL';
}
})()

node.blendModeに値を指定します。

• パススルー：PASS_THROUGH
• 通常：NORMAL
• 暗く：DARKEN
• 乗算：MULTIPLY
• 焼き込み（カラー）：COLOR_BURN
• 明るく：LIGHTEN
• スクリーン：SCREEN
• 覆い焼き（カラー）：COLOR_DODGE
• オーバーレイ：OVERLAY
• ソフトライト：SOFT_LIGHT
• ハードライト：HARD_LIGHT
• 差分：DIFFERENCE
• 除外：EXCLUSION
• 色相：HUE
• 彩度：SATURATION
• 色：COLOR
• 輝度：LUMINOSITY

このように、今まではKeyboard Maestroでやろうとすると［Click at Found Image］を使って無理矢理クリックさせる方法しかなかった操作も、JavaScriptを使って操作することで発火精度を上げられます。

指定背景色のフレームを追加する

デフォルトだとフレームの背景色は白色です（昔は透明でした）。
他の背景色がいい場合、いちいち設定しないといけないのは面倒なので、指定の背景色ありでフレームを作成します。

const rect = figma.createFrame()
const zoom = figma.viewport.zoom;

// size
let w = 100
let h = 100

let x = figma.viewport.center.x-(w/zoom)/2;
let y = figma.viewport.center.y-(h/zoom)/2;
const options = {"position":{"x":x, "y":y}, width:w, height:h}

rect.x = x
rect.y = y
rect.resize(w, h)

// color
rect.fills = [{ type: 'SOLID', color: {
    r: 217 / 255,
    g: 217 / 255,
    b: 217 / 255
}}]

最後のr（赤）とg（緑）とb（青）を、255分のいくつにするかで色を指定します。

サイズを入力して図形作成

Keyboard Maestroの［Prompt for User Input］を使うと、入力画面を表示できます。

ここで横幅と高さを入力して、それを元に長方形を作成することもできます。

const rect = figma.createRectangle()
const zoom = figma.viewport.zoom;
const selection = figma.currentPage.selection.slice();

let w = %Variable%横幅%;
let h = %Variable%高さ%;
let x, y;

if(selection[0] && selection[0].type == 'GROUP'){
    selection[0].appendChild(rect);
    x = selection[0].x + ((selection[0].width/zoom)/2) - (w/zoom);
    y = selection[0].y + ((selection[0].height/zoom)/2) - (h/zoom);
}else{
    x = figma.viewport.center.x-(w/zoom)/2;
    y = figma.viewport.center.y-(h/zoom)/2;
}
const options = {"position":{"x":x, "y":y}, width:w, height:h};

rect.x = x;
rect.y = y;
rect.resize(w, h);

// Set solid red fill
rect.fills = [{ type: 'SOLID', color: { r: 217/255, g: 217/255, b: 217/255 } }];

figma.currentPage.selection = [rect];

%Variable%横幅%と%Variable%高さ%がKeyboard Maestro変数の部分です。

このようにKeyboard Maestro上でいろいろ操作をしてから、それを元にJavaScriptコードを組み立てて実行もできます。

まとめ

まず、ショートカットキーの整理とよく使うプラグインの起動だけでも設定しておくとかなり便利にFigmaを使えるようになります。

特にIllustratorなど他ツールを使っている人は、同じ機能は同じショートカットキーに統一していくと、どんどん使いやすくなってきます。
ぜひお試しください。

そこで活用したいのが、ウインドウを簡単に決まった位置にスナップしてくれる「Magnet（マグネット）」です。

Magnetはウインドウリサイズアプリの中でもマウス操作の完成度が高いのが特徴です（もちろんキーボードショートカットによるリサイズにも対応しています）。

今回はそんなMagnetの基本的な使い方から環境設定までまとめます。

Magnet

magnet.crowdcafe.com

Magnet – Window manager for Mac

https://magnet.crowdcafe.com

MagnetはBOOTCODE A.S.が提供しているウインドウリサイズアプリです。ダウンロードできるのはMac App Storeのみで他の方法は用意されていません。

価格は490円の買い切りです。過去に何度か値上げをしているみたいで、私が買ったときはかなり安かった印象がありますが、値上げしても既に購入していれば追加費用なしで使い続けられています。

ウインドウリサイズのアプリは他にもたくさんありますが、左右半分や4分割といったよくある配置だけでなく、横3分の1や3分の2への配置も標準で備えています。

また、マウス操作が非常によくできています。
横3分の1や3分の2、上半分や下半分もマウスで操作できます。

基本的なリサイズ以外はショートカットキーだけ用意されているアプリが多い中、マウスでここまでできるのは珍しいのではないでしょうか。

類似ツールとの比較

ウインドウリサイズアプリはMagnet以外にもいくつかありますし、macOSにもSequoia以降は標準でリサイズ機能があります。

主な選択肢をまとめると下記の通りです。

macOS標準のウインドウ整列機能との比較

macOSはSequoiaからウインドウを画面端にドラッグしてリサイズする機能が標準で追加されました。左右半分や4分割といった基本的な配置だけなら、標準機能でも十分にこなせます。

しかし、標準機能には横3分の1や3分の2のような細かい配置がありませんし、細かいカスタマイズもできません。

標準機能以上の細かなカスタマイズや、その他リサイズもマウスでできるようにしたい場合はMagnetがオススメです。

インストール方法

App Store

Magnet App - App Store

https://apps.apple.com/us/app/magnet/id441258766?mt=12

Download Magnet by BOOTCODE A.S. on the App Store. See screenshots, ratings and reviews, user tips, and more apps like Magnet.

MagnetのインストールはMac App Storeから行います。App Storeで「Magnet」を検索して購入・インストールしましょう。

インストール後、初回起動時にウインドウのスナップを行うためのアクセシビリティ権限を求められます。

［システム設定］→［プライバシーとセキュリティ］→［アクセシビリティ］でMagnetを許可しないとスナップが動かないので、最初に許可しておきましょう。

マウス操作によるリサイズ

Magnetをインストールすれば、ウインドウを画面端にドラッグするだけでリサイズできます。ドラッグした位置に応じてスナップしてくれます。

ドラッグする位置とスナップ後のサイズの対応は下記の通りです。

• 画面の左端・右端 → 左半分・右半分
• 画面の四隅 → 4分割（左上・右上・左下・右下）
• 画面の四隅から縦方向に少し動かした位置 → 上半分・下半分
• 画面の上端 → 最大化
• 画面の下端 → 横3分割（左・中央・右の3分の1）

ドラッグ位置は細かく調整もできます。

［Settings…］→［Commands］で変更したい項目を選択し、［Activation area for dragging］をドラッグして位置調整します（画面端以外も設定できます）。

キーボードショートカットによるリサイズ

Magnetはマウス操作だけでなく、キーボードショートカットでも実行できます。

デフォルトのショートカットは下記の通りです。

ショートカットキーはcontrol + optionが基本になっています。

それに矢印キーを加えて上下左右です。
他にも、4分の1系のショートカットキーはcontrol + optionとU / I / J / Kの組み合わせが設定されていて、これはホームポジションから押しやすい4つのキーが選ばれています。そしてキーの位置関係がそのまま左上・右上・左下・右下に対応するようになっています。

他のショートカットキーも順番に追っていくと押しやすい位置やキーの位置関係がそのままウインドウのリサイズ後の位置と対応するようになっていて、ショートカットキーの考え方としても学べる部分があります。

ただ、私の場合はショートカットキーによるウインドウリサイズはKeyboard Maestroで行っています。
Keyboard Maestroならショートカットキーの複数回押しによって挙動を変えられるのが大きな理由です。

そのため、Magnet標準のショートカットキーは使わず、Magnetはマウスを使ったリサイズ担当として併用しています。

ウインドウの緑色ボタンからのリサイズ

ドラッグ以外にも、ウインドウ左上の緑色のボタン（フルスクリーンボタン）にカーソルを合わせると配置メニューが表示され、そこから選ぶこともできます。

ショートカットキーを忘れた場合などは、ここから呼び出すこともできます。

環境設定

Magnetの設定は、アプリ全体の挙動を決める［Preferences］と、配置ごとの設定を行う［Commands］の2つに分かれます。

Preferences

アプリ全体の挙動に関する設定で、項目は下記の通りです。

私の場合はウインドウ間の余白は不要でピッタリくっつけたい派ですが、ここまで細かく指定できるのは良いですね。

あと、ターゲットエリアの見た目もデフォルトで十分シンプルでちょうど良くてお気に入りです（Magnetはその辺も丁寧に作られています）。

Commands

［Commands］設定ではリサイズそれぞれにショートカットを割り当てたり、スナップ領域やリサイズ結果の設定を行います。

また、項目は「＋」ボタンをクリックして自由に追加できます。

［Intended window size and position］でリサイズ後のサイズや位置を指定し、［Keyboard shortcut］の設定と［Activation area for dragging］でスナップ領域を指定します。

ショートカットキーとスナップ領域は、不要な方はオフにもできますし、［Visible in green button menu］で緑色のボタンホバー時のメニューに表示するかどうかも選択できます。

まとめ

［Commands］画面を見て貰うと、Magnetの完成度の高さがよく分かると思います。
マウス操作によるリサイズをここまで分かりやすく自由に設定できるアプリは他に見たことがありません。

普段キーボードがメインの人はあまり使わないかもしれませんが、デザイン作業などをしていてマウスを使っている時間が多い人には特にオススメです。

標準のウインドウ管理を使っていて「もう少しカスタマイズできたらな……」と感じている人は、試してみる価値があると思います。

しかし、複数ディスプレイ環境はmacOSのデフォルト設定のままだと、メニューバーがメインディスプレイにしか表示されなかったり、command + tabのアプリケーションスイッチャーが意図しないディスプレイに出たりと、地味に不便な場面が多いです。

そこで今回は、複数ディスプレイ環境を快適にするためにやっておきたい設定をまとめます。

紹介する設定は下記の通りです。

1. アプリケーションスイッチャーをすべてのディスプレイに表示する
2. メインディスプレイを指定する
3. ディスプレイごとに個別の操作スペースを有効にする
4. マウスカーソルを見失わないようにする
5. Alfred・Raycastの表示画面を指定する
6. 別のディスプレイにウインドウを移動する

1. アプリケーションスイッチャーをすべてのディスプレイに表示する

command + tabで呼び出すアプリケーションスイッチャーは、デフォルトだとメインディスプレイにしか表示されません。
別のディスプレイで作業しているときにcommand + tabを押しても、視線をメインディスプレイへ動かしてアプリを選ぶことになり、地味にストレスです。

これはターミナルから下記コマンドを実行すると、すべてのディスプレイに表示されるようになります。

defaults write com.apple.dock appswitcher-all-displays -bool true
killall Dock

defaults writeでDockの内部設定を書き換え、killall DockでDockを再起動して反映させています。設定後はすべてのディスプレイにもアプリケーションスイッチャーが表示されるようになります。

元に戻したいときは下記コマンドです。

defaults write com.apple.dock appswitcher-all-displays -bool false
killall Dock

これで全画面にアプリケーションスイッチャーが表示されるので、見ている画面と違う場所に表示されて余計な視線移動が必要になるストレスから解放されます。

2. メインディスプレイを指定する

メインディスプレイには通知やDock、メニューバーが表示されます。
複数ディスプレイを接続している場合、まずはどのディスプレイがメインなのかをハッキリさせておくのが基本です。

［システム設定］→［ディスプレイ］を開くと、接続しているディスプレイが一覧で表示されます。
「配置」ボタンをクリックすると、ディスプレイの並びを変更する画面が出ます。

各ディスプレイのアイコンの上部に白いバーが付いているのがメインディスプレイです。
この白いバーはcontrolを押しながらドラッグで動かせて、別のディスプレイへ移すとメインを切り替えられます。

私の場合は、目線をなるべく動かしたくないので、正面に置いている外付けディスプレイをメインにしています。

また、通知が表示されるのもメインディスプレイなので、右画面に設定していると通知が一番右端に表示されてしまって見落とす可能性があります。
そのため、左右2画面で使っている場合は左側をメインにすることをオススメします。

3. ディスプレイごとに個別の操作スペースを有効にする

複数ディスプレイを使っているのに、メインディスプレイにしかメニューバーが表示されない状態になっている人は［ディスプレイごとに個別の操作スペース］がオフになっている可能性があります。

［システム設定］→［デスクトップとDock］のページを下にスクロールしていくと「Mission Control」のセクションがあり、その中に「ディスプレイごとに個別の操作スペース」という項目があります。

オンにすると下記のように挙動が変わります。

• 各ディスプレイに独立したメニューバーが表示される
• Mission Controlでもディスプレイごとに操作スペース（仮想デスクトップ）を切り替えられる
• フルスクリーンアプリをディスプレイごとに別々に開ける

私の場合は操作スペースは使用していませんが、メニューバーはそれぞれのディスプレイに表示しておきたいのでこの設定にしています。

4. マウスカーソルを見失わないようにする

複数ディスプレイ環境では、マウスカーソルが「いまどの画面のどこにあるのか」が分からなくなる場合があります（特に大型ディスプレイを使っている人は頻繁に発生しそうです）。

macOSにはこれを解消する設定が用意されていて、［システム設定］→［アクセシビリティ］→［ディスプレイ］にある［ポインタ］セクションで設定できます。

［マウスポインタをシェイクして見つける］で、マウスやトラックパッドを大きく素早く動かすとカーソルが一時的に大きくなります。デフォルトでオンになっているので、マウスを見失ったときはとりあえずマウスやトラックパッドを素早く動かしましょう。

また、そもそも画面が大きい人の場合は、マウスカーソルを少し大きくしてみるのも良いかもしれません。

［カーソルのサイズ］でサイズ変更ができるので、頻繁に見失ってしまう人は試してみると良いでしょう。

5. Alfred・Raycastの表示画面を指定する

ランチャーアプリは、複数ディスプレイ環境では「どのディスプレイに表示されるか」が重要です。
カーソルがあるディスプレイに表示されないと、毎回視線を大きく動かす必要が出てきます。

今回はAlfredとRaycastそれぞれの表示画面設定を紹介します（Spotlightに関しては自動的にマウスカーソルがあるディスプレイに表示されます）。

また、ランチャーアプリの比較については過去記事の『macOSのコマンドパレット比較！SpotlightとAlfred、Raycastどれを使えばいい？』でまとめているので、気になる方はこちらもご覧ください。

Webrandum

macOSのコマンドパレット比較！SpotlightとAlfred、Raycastどれを使えばいい？

https://webrandum.net/mac-command-palette

macOSでアプリ起動やファイル検索など、基本的な操作をラクにしたいなら、コマンドパレットの活用は必須です。今回はmacOSで使える有名なコマンドパレットを3つ比較します。コマンドパレットとは？検索ボックスのような画面を開き、キーワードを入力して検索して選択することで操作するインターフェースを「コマンドパレット」と呼びます。もともとはQuickSilverというアプリがあり、現在のmacOS標準で搭載しているSpotlightはその影響を強く受けています。また、コマンドパレットを中心にしたアプリは「ランチャーアプリ」と紹介され...

Alfredの場合

Alfredは［Preferences］→［Appearance］→［Options］の中にある［Show Alfred on］で表示画面を変更できます。

選択肢は下記の3つです。

• Default screen（メインディスプレイ）
• Mouse screen（マウスカーソルのあるディスプレイ）
• Active screen（アクティブなウインドウがあるディスプレイ）

私の場合は［Mouse screen］を選んでいます。
カーソルがあるディスプレイがいま自分が見ているディスプレイのはずなので、視線移動が発生しないからです。

Raycastの場合

Raycastは［Settings］→［Advanced］→［Show Raycast on］で同様の設定ができます。

選択肢の名前は違いますが機能は同じなので、こちらも［Screen containing mouse（マウスカーソルのあるディスプレイ）］を選んでおくのがオススメです。

• Screen containing mouse（マウスカーソルのあるディスプレイ）
• Screen with active window（アクティブなウインドウがあるディスプレイ）
• Primary screen（メインディスプレイ）

6. 別のディスプレイにウインドウを移動する

複数ディスプレイ環境では「いま開いているウインドウを隣のディスプレイに移したい」場面が頻繁に発生します。
タイトルバーを掴んでドラッグするのが基本ですが、毎回マウスを使うのは面倒です。

そこで、隣のディスプレイにサクッと移すためにウインドウ管理アプリを使うのがオススメです。
代表的なのは下記の4つで、すでにどれか使っているものがあれば、設定を見直して別ディスプレイへの移動もできるようにしておきましょう。

Raycastを使う方法

RaycastのWindow Management機能に［Next Display］［Previous Display］というコマンドが用意されています。
デフォルトではショートカットキーが未設定なので、自分で割り当てます。

無料版のRaycastでもWindow Management機能は使えるので、ウインドウ管理アプリを別途入れなくても複数ディスプレイ間の移動はカバーできます。

Magnetを使う方法

ウインドウ管理に特化したアプリのMagnetでも次のディスプレイへの移動と、前のディスプレイへの移動が可能です。

Magnetは特にマウス操作でのウインドウサイズ変更が優秀です。
横幅3分の1や3分の2のウインドウに簡単に変更できるので、ショートカットキーだけでなくマウス操作でウインドウサイズ変更を行う人に向いています。

Magnetの設定画面から好きなショートカットキーを割り当てられます。

BetterTouchToolを使う方法

BetterTouchToolはトラックパッドジェスチャーのカスタマイズで有名なアプリですが、ウインドウ管理機能もしっかり用意されています。

ウインドウを別ディスプレイへ送ったり、別ディスプレイに移動しつつ最大化するアクションも用意されています。

キーボードショートカットだけでなくトラックパッドジェスチャーやマウスジェスチャーでも発火できるのがBetterTouchToolの強みです。

Keyboard Maestroを使う方法

Keyboard Maestroの「Manipulate a Window」アクションでも、ウインドウを別の画面に移動できます。
ただし、「次のディスプレイに移動」のような直接的なオプションはないため、Custom指定とSCREEN()関数でディスプレイ座標を計算する必要があり、少し設定が面倒です。

すでにRaycast・Magnet・BetterTouchToolのどれかを使っているなら、わざわざKeyboard Maestroで自作する必要はないかもしれません。

しかし、Keyboard Maestroを使ってウインドウ管理するメリットは［is tapped twice］トリガーなどを使って、2回押し・3回押しの場合に処理を変えられる点にあります。

例えば私の場合、修飾キー全押し + ←で、ウインドウを画面左半分にリサイズしますが、2回押すと画面1/3リサイズになります。
さらに3回押すと画面2/3リサイズになります。

ショートカットキー1つ1つ考えて設定し、覚えておくのは大変ですが、回数で処理が切り替わるようにしていると覚えやすいです。

まとめ

複数ディスプレイ環境は、デフォルト設定だと「メインディスプレイ前提」の挙動が多く、サブディスプレイで作業しているときに地味なストレスが溜まりがちです。

特に「アプリケーションスイッチャーの全ディスプレイ表示」は、設定するだけで毎日の小さなストレスが減ります。
普段複数ディスプレイを使っている人はぜひ試してみてください。