<p data-line="0" class="code-line"><strong>これは</strong> <a href="https://adventar.org/calendars/10408" target="_blank" rel="nofollow noopener noreferrer">Livesense Advent Calendar 2024 DAY 16</a> <strong>の記事です。</strong></p>
<p data-line="2" class="code-line">リブセンスでマッハバイトのiOSエンジニアをしている伊原です。</p>
<p data-line="4" class="code-line">iOSアプリの開発をしていると1日の中でXcodeに触れている時間が長くなりがちです。<br>
そこで今回は、私がXcodeを長時間快適に使用する上で工夫していることをまとめてみました。</p>
<h2 id="%E5%AE%9F%E8%A1%8C%E7%92%B0%E5%A2%83" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E8%A1%8C%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 実行環境</h2>
<p data-line="8" class="code-line">Xcode 16.1<br>
macOS Sonoma 14.5</p>
<h2 id="%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%81%AE%E6%B4%BB%E7%94%A8%E4%BE%8B" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%81%AE%E6%B4%BB%E7%94%A8%E4%BE%8B" aria-hidden="true"></a> ブックマークの活用例</h2>
<p data-line="12" class="code-line">Xcode 15からブックマーク機能を使える様になりました。<br>
ブックマークの使い方は色々ありますが、私の場合は<strong>頻繁に参照・更新するファイルをブックマークで登録する</strong>様にしています。</p>
<p data-line="15" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/de574924c010-20241212.png" loading="lazy" class="md-img"></p>
<p data-line="17" class="code-line">また特定の機能の開発を行う時に、変更対象のファイルや動作確認時によく値を書き換える場所等をあらかじめ登録しておくと、ファイル名を検索する機会がグッと減るのでオススメです。</p>
<p data-line="19" class="code-line">一見地味なことに思えますが、長時間作業をする場合は疲れにくくなります。</p>
<p data-line="21" class="code-line">行をブックマークに登録する場合はファイルに変更が入った時に位置がずれてしまうので、その点は注意が必要です。</p>
<h2 id="%E3%81%82%E3%81%BE%E3%82%8A%E7%9F%A5%E3%82%89%E3%82%8C%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E4%BE%BF%E5%88%A9%E3%81%AA%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88" data-line="23" class="code-line">
<a class="header-anchor-link" href="#%E3%81%82%E3%81%BE%E3%82%8A%E7%9F%A5%E3%82%89%E3%82%8C%E3%81%A6%E3%81%84%E3%81%AA%E3%81%84%E4%BE%BF%E5%88%A9%E3%81%AA%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88" aria-hidden="true"></a> あまり知られていない便利なショートカット</h2>
<p data-line="25" class="code-line">Xcodeの基本的なショートカットについては、既にたくさんの記事が書かれているのでここでは紹介しませんが、私の使用頻度が多いかつあまり知られていなさそうなショートカットを集めてみました。</p>
<h3 id="human-interface-guidelines%E3%82%92%E9%96%8B%E3%81%8F" data-line="27" class="code-line">
<a class="header-anchor-link" href="#human-interface-guidelines%E3%82%92%E9%96%8B%E3%81%8F" aria-hidden="true"></a> Human Interface Guidelinesを開く</h3>
<p data-line="28" class="code-line"><code>command + shift + H</code><br>
Xcodeでこのコマンドを入力するとHuman Interface Guidelinesがブラウザで開かれます。</p>
<p data-line="31" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__86f25af5717c1" src="https://embed.zenn.studio/card#zenn-embedded__86f25af5717c1" data-content="https%3A%2F%2Fdeveloper.apple.com%2Fdesign%2Fhuman-interface-guidelines%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.apple.com/design/human-interface-guidelines/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.apple.com/design/human-interface-guidelines/</a></p>
<h3 id="apple%E3%81%AE%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E9%96%8B%E3%81%8F" data-line="33" class="code-line">
<a class="header-anchor-link" href="#apple%E3%81%AE%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E9%96%8B%E3%81%8F" aria-hidden="true"></a> Appleのドキュメントを開く</h3>
<p data-line="34" class="code-line"><code>control + option + command + /</code><br>
以下は<code>View</code>にカーソルを当てた状態でショートカットを入力した時の表示です。<code>View</code>のドキュメントが表示されています。</p>
<p data-line="37" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/ba936a8ced42-20241212.png" loading="lazy" class="md-img"></p>
<h3 id="%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" data-line="39" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" aria-hidden="true"></a> エラーの詳細をまとめて表示/非表示</h3>
<p data-line="40" class="code-line"><code>control + command + L</code><br>
1つずつエラーをクリックするのが面倒なので、このショートカットでまとめて表示させています。</p>
<p data-line="43" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/730a1f67bf19-20241209.gif" width="1000" loading="lazy" class="md-img"></p>
<h3 id="fix%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A7%E4%BF%AE%E6%AD%A3%E5%8F%AF%E8%83%BD%E3%81%AA%E3%82%A8%E3%83%A9%E3%83%BC%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E4%BF%AE%E6%AD%A3" data-line="45" class="code-line">
<a class="header-anchor-link" href="#fix%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A7%E4%BF%AE%E6%AD%A3%E5%8F%AF%E8%83%BD%E3%81%AA%E3%82%A8%E3%83%A9%E3%83%BC%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E4%BF%AE%E6%AD%A3" aria-hidden="true"></a> Fixボタンで修正可能なエラーをまとめて修正</h3>
<p data-line="46" class="code-line"><code>control + option + command + F</code><br>
以下の様なFixボタンが表示されているエラーであれば、ファイル内のエラーをこのコマンドでまとめて自動修正できます。</p>
<p data-line="49" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/a84c96764d24-20241209.png" loading="lazy" class="md-img"></p>
<h3 id="swiftui%E3%81%AE%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" data-line="51" class="code-line">
<a class="header-anchor-link" href="#swiftui%E3%81%AE%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" aria-hidden="true"></a> SwiftUIのプレビューを表示/非表示</h3>
<p data-line="52" class="code-line"><code>option + command + return</code><br>
横幅を広く使いたい場合にプレビューを一時的に非表示にするとコードがとても見やすくなります。</p>
<h3 id="navigator-area(%E5%B7%A6%E5%81%B4%E3%81%AE%E3%82%A8%E3%83%AA%E3%82%A2)%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" data-line="55" class="code-line">
<a class="header-anchor-link" href="#navigator-area(%E5%B7%A6%E5%81%B4%E3%81%AE%E3%82%A8%E3%83%AA%E3%82%A2)%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" aria-hidden="true"></a> Navigator Area(左側のエリア)を表示/非表示</h3>
<p data-line="56" class="code-line"><code>command + 0</code><br>
こちらも横幅を広く使いたい時に便利なショートカットです。</p>
<h3 id="utility-area(%E5%8F%B3%E5%81%B4%E3%81%AE%E3%82%A8%E3%83%AA%E3%82%A2)%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" data-line="59" class="code-line">
<a class="header-anchor-link" href="#utility-area(%E5%8F%B3%E5%81%B4%E3%81%AE%E3%82%A8%E3%83%AA%E3%82%A2)%E3%82%92%E8%A1%A8%E7%A4%BA%2F%E9%9D%9E%E8%A1%A8%E7%A4%BA" aria-hidden="true"></a> Utility Area(右側のエリア)を表示/非表示</h3>
<p data-line="60" class="code-line"><code>command + option + 0</code><br>
右側のエリアを非表示にしたい場合はこちらのショートカットを使います。</p>
<h3 id="%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AB%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E8%BF%BD%E5%8A%A0" data-line="63" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AB%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E8%BF%BD%E5%8A%A0" aria-hidden="true"></a> メソッドにコメントを追加</h3>
<p data-line="64" class="code-line"><code>option + command + /</code><br>
引数を自動で出力してくれます。</p>
<p data-line="67" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/d082f3de69f2-20241209.png" loading="lazy" class="md-img"></p>
<h3 id="%E7%8F%BE%E5%9C%A8%E9%96%8B%E3%81%84%E3%81%A6%E3%81%84%E3%82%8B%E3%82%BF%E3%83%96%E4%BB%A5%E5%A4%96%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E9%96%89%E3%81%98%E3%82%8B" data-line="69" class="code-line">
<a class="header-anchor-link" href="#%E7%8F%BE%E5%9C%A8%E9%96%8B%E3%81%84%E3%81%A6%E3%81%84%E3%82%8B%E3%82%BF%E3%83%96%E4%BB%A5%E5%A4%96%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%A6%E9%96%89%E3%81%98%E3%82%8B" aria-hidden="true"></a> 現在開いているタブ以外をまとめて閉じる</h3>
<p data-line="70" class="code-line">ショートカットではないですが、<code>option</code>を押しながら任意のタブを閉じると現在開いているタブ以外を全て閉じられます。タブが溜まってきたら使うと便利です。</p>
<p data-line="72" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/44e39764ba3c-20241209.png" loading="lazy" class="md-img"></p>
<h2 id="%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E5%AE%9F%E8%A1%8C%E6%99%82%E3%81%AE%E6%8C%AF%E3%82%8B%E8%88%9E%E3%81%84" data-line="74" class="code-line">
<a class="header-anchor-link" href="#%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E5%AE%9F%E8%A1%8C%E6%99%82%E3%81%AE%E6%8C%AF%E3%82%8B%E8%88%9E%E3%81%84" aria-hidden="true"></a> ビルドやテスト実行時の振る舞い</h2>
<p data-line="75" class="code-line">XcodeのSettings(<code>command + ,</code>で開きます)からビルドやテストを実行した時の振る舞いを設定することが出来ます。これらの設定はBehaviorsタブから行います。</p>
<p data-line="77" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/85e858955317-20241212.png" loading="lazy" class="md-img"></p>
<h3 id="%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E6%88%90%E5%8A%9F%E3%83%BB%E5%A4%B1%E6%95%97%E6%99%82%E3%81%AB%E9%9F%B3%E3%82%92%E9%B3%B4%E3%82%89%E3%81%99" data-line="79" class="code-line">
<a class="header-anchor-link" href="#%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E6%88%90%E5%8A%9F%E3%83%BB%E5%A4%B1%E6%95%97%E6%99%82%E3%81%AB%E9%9F%B3%E3%82%92%E9%B3%B4%E3%82%89%E3%81%99" aria-hidden="true"></a> ビルドやテストの成功・失敗時に音を鳴らす</h3>
<p data-line="80" class="code-line">上の画像の赤色の枠で囲った<code>Play sound</code>から任意の音を設定できます。<br>
シチュエーションごとにそれぞれ別の音を設定しておくと区別ができるのでオススメです。</p>
<p data-line="83" class="code-line">ビルドやテストの実行時間が長い場合に、コーヒーを淹れたりチャットを返したり、他の作業を行いつつ実行が完了したらすぐに気付ける非常に便利な機能です。まだ設定していないという方はぜひ設定してみてください。</p>
<h3 id="%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E6%88%90%E5%8A%9F%E3%83%BB%E5%A4%B1%E6%95%97%E6%99%82%E3%81%AB%E7%89%B9%E5%AE%9A%E3%81%AEnavigator%E3%82%92%E9%96%8B%E3%81%8F" data-line="85" class="code-line">
<a class="header-anchor-link" href="#%E3%83%93%E3%83%AB%E3%83%89%E3%82%84%E3%83%86%E3%82%B9%E3%83%88%E3%81%AE%E6%88%90%E5%8A%9F%E3%83%BB%E5%A4%B1%E6%95%97%E6%99%82%E3%81%AB%E7%89%B9%E5%AE%9A%E3%81%AEnavigator%E3%82%92%E9%96%8B%E3%81%8F" aria-hidden="true"></a> ビルドやテストの成功・失敗時に特定のnavigatorを開く</h3>
<p data-line="87" class="code-line">上の画像の緑色の枠で囲った部分を変更すると、特定のシチュエーションで指定したnavigatorを開いてくれます。</p>
<p data-line="89" class="code-line">例えば、ビルド失敗時に自動で<code>issues</code>タブに切り替わる様にしておくことも出来ます。こうすることで毎回マウスでクリックして<code>issues</code>タブを開く必要がなくなります。</p>
<p data-line="91" class="code-line">ちょっとした機能なのですが、積み重なると結構楽になります。</p>
<h2 id="github-copilot-for-xcode%E3%81%AE%E5%B0%8E%E5%85%A5" data-line="93" class="code-line">
<a class="header-anchor-link" href="#github-copilot-for-xcode%E3%81%AE%E5%B0%8E%E5%85%A5" aria-hidden="true"></a> GitHub Copilot for Xcodeの導入</h2>
<p data-line="95" class="code-line">Xcode自体の機能ではありませんが、最近導入して良かったGitHub Copilot for Xcodeについても紹介します。</p>
<p data-line="97" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a3ef18f6691b" src="https://embed.zenn.studio/card#zenn-embedded__a3ef18f6691b" data-content="https%3A%2F%2Fgithub.com%2Fgithub%2FCopilotForXcode" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/github/CopilotForXcode" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/github/CopilotForXcode</a></p>
<p data-line="99" class="code-line">しばらく使用してみましたが、コード補完が優秀で、特に<strong>switch文など複数のパターンで似た処理を繰り返し書きたいケースでは精度高く補完がされている</strong>印象でした。もちろん精度は完璧ではないですが、コード補完に任せられる部分があると開発が楽になります。</p>
<p data-line="101" class="code-line">導入自体も簡単なので、まだ入れていない方はぜひ入れてみてください。</p>
<h2 id="%E3%81%8A%E3%81%BE%E3%81%91%3A-xcode-16%E3%81%8B%E3%82%89%E4%BD%BF%E3%81%88%E3%82%8B%E4%BE%BF%E5%88%A9%E6%A9%9F%E8%83%BD" data-line="103" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%81%BE%E3%81%91%3A-xcode-16%E3%81%8B%E3%82%89%E4%BD%BF%E3%81%88%E3%82%8B%E4%BE%BF%E5%88%A9%E6%A9%9F%E8%83%BD" aria-hidden="true"></a> おまけ: Xcode 16から使える便利機能</h2>
<p data-line="105" class="code-line">Xcode 16から使える様になった機能についても紹介します。</p>
<h3 id="%E3%82%AB%E3%83%83%E3%83%88%EF%BC%86%E3%83%9A%E3%83%BC%E3%82%B9%E3%83%88%E3%81%A7%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90" data-line="107" class="code-line">
<a class="header-anchor-link" href="#%E3%82%AB%E3%83%83%E3%83%88%EF%BC%86%E3%83%9A%E3%83%BC%E3%82%B9%E3%83%88%E3%81%A7%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90" aria-hidden="true"></a> カット＆ペーストでのファイル新規作成</h3>
<p data-line="109" class="code-line">structやclass等のコード全体を選択した状態で<code>command + X</code>で切り取り、Navigator Area(左側のエリア)の任意の場所に貼り付けると、新規のファイルとして切り出すことが出来ます。</p>
<p data-line="111" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/5c71b6b24444-20241212.png" loading="lazy" class="md-img"></p>
<p data-line="113" class="code-line">上記のケースで言えば、<code>Hoge</code>という名前のstructが別ファイルとして新規作成され、切り取ったコードが作成されたファイル内に展開されます、</p>
<h2 id="%E3%81%95%E3%81%84%E3%81%94%E3%81%AB" data-line="115" class="code-line">
<a class="header-anchor-link" href="#%E3%81%95%E3%81%84%E3%81%94%E3%81%AB" aria-hidden="true"></a> さいごに</h2>
<p data-line="116" class="code-line">最近よく使っている機能を中心にXcodeのTipsを紹介してみました。<br>
1つでも「使ってみたい！」と思える内容があればうれしいです。</p>
<p data-line="119" class="code-line">iOSアプリ開発をずっとやっていますが、まだまだ知らない機能はたくさんありそうです。<br>
この記事を読んでくれた方で他にも便利な機能を知っている方がいたら、ぜひ教えてください！</p>


今日から使いたくなるXcodeの便利機能

エラーの詳細をまとめて表示/非表示

Fixボタンで修正可能なエラーをまとめて修正

SwiftUIのプレビューを表示/非表示

Navigator Area(左側のエリア)を表示/非表示

Utility Area(右側のエリア)を表示/非表示

現在開いているタブ以外をまとめて閉じる

あまり知られていない便利なショートカット

ビルドやテストの成功・失敗時に音を鳴らす

ビルドやテストの成功・失敗時に特定のnavigatorを開く

ビルドやテスト実行時の振る舞い

カット＆ペーストでのファイル新規作成

おまけ: Xcode 16から使える便利機能

平成n年生まれ@iOSエンジニア志望

hiro

<p data-line="0" class="code-line">こんにちは。有益な記事の執筆ありがとうございます！</p>
<p data-line="2" class="code-line">「Appleのドキュメントを開く（control + option + command + M）」というショートカットですが、私と友人で試してみたのですがうまくいきませんでした。</p>
<p data-line="4" class="code-line">もしうまくいかない原因に心当たりがございましたら教えていただけると嬉しいです。</p>


<p data-line="0" class="code-line">コメントありがとうございます。<br>
すみません、改めて確認したところショートカットの記載が誤っておりました。</p>
<p data-line="3" class="code-line">正しくは<code>control + option + command + /</code>というショートカットでドキュメントを開くことが出来ます。<br>
記事の内容も修正させていただきます。お手数お掛けしました。</p>


<p data-line="0" class="code-line">試したところうまくいきました。お忙しい中ご確認ありがとうございました！</p>


Discussion