Xcodeで作業内容によって画面レイアウトを素早く切り替えたいなら、タブ機能を使うと楽だよー

公開日: : 最終更新日:2013/11/15 Xcode

    

Xcodeを使う際は、「画面を作成する」「コードを書く」「アウトレット・アクションを作成する」など、作業内容によって画面レイアウトを変更すると快適に作業できますが、次の作業へ移るたびに画面レイアウトを変更するのはかなり面倒です。

そこで便利なのが「タブ」機能。タブを複数作成し、タブごとに異なる画面レイアウトを設定しておくことで、複数の画面レイアウトを素早く切り替えることができるようになります。

スポンサード リンク

タブバーを表示する

タブ機能を使用するには、「タブバー」を表示する必要があります。

    

Xcodeのメニューから、「View」→「Show Tab Bar」を選択します。

    

これにより、タブバーが表示されます。

ちなみに、タブバーを非表示にするには「メニュー」→「View」→「Hide Tab Bar」をクリックします。

    

新しいタブを開く

新しいタブを開くには、タブバーの一番右にある「+」ボタンをクリックします。

    

新しいタブが開きました。ちなみにショートカット「command + T」でも、新しいタブを開くことができます。

    

タブを閉じる

タブを閉じるには、タブの左側にカーソルを近づけて「×」を表示し、これをクリックします。

ちなみに、ショートカット「command + W」でもタブを閉じることができます。

    

タブの名前を変更する

タブのファイル名をダブルクリックすると、タブに名前を付けることができます。

    

タブを切り替える

タブをクリックすることで、使用するタブを切り替えることができます。また、ショートカット「command + {」「command + }」でもタブを切り替えることができます。

    

ファイルを新しいタブで開く

shiftとoptionを押しながら、新しいタブで開きたいファイルをクリックします。

    

右上の「+」をクリックします。

    

ファイルが新しいタブで開かれます。

    

操作方法のまとめ

今回紹介したタブ機能に関する操作方法を表にまとめてみました。

機能 やり方
タブバーを表示 「メニュー」→「View」→「Show Tab Bar」
タブバーを非表示 「メニュー」→「View」→「Hide Tab Bar」
新しいタブを開く タブバーの一番右にある「+」をクリック
command + T
タブを閉じる タブの「×」をクリック
command + W
タブの名前を変更 タブをダブルクリック
タブを切り替える タブをクリック
command + {
command + }
ファイルを新しいタブで開く shift + optionを押しながらファイルをクリックし、「+」をクリック

    

僕はタブをこんな感じで使っています

僕は、「UI」「Connect」「Code」「Diff」「Other」という5つのタブを作って、作業ごとにタブを使い分けています。

    

「UI」タブでは、画面を分割せずにストーリーボードを開いて、画面のレイアウトやセグエの作成などを行います。ストーリーボードの表示領域が広いので作業しやすいです。

    

「Connect」タブでは、左側にストーリーボード、右側にコードを開いて、アウトレットやアクションなどの設定を行います。

    

「Code」タブでは、画面を2分割してコードを表示しています。他のファイルを見ながらコードを書けるので便利です。

    

「Diff」タブでは、「Version Editor」にして、コードの変更点をいつでもチェックできるようにしています。

    

「Other」タブは、プロジェクトの設定などを行うのに使っています。その他の雑多な作業も、このタブで行います。

    

アキオはこう思った。


     

作業内容ごとにタブを分けて、それぞれに適した画面レイアウトを設定することで、快適にコーディングできるようになりますよ。

みなさんもぜひ試してみてくださいね!

    

関連記事

skitched-20120812-191701.png

Xcode4でビルドされたファイルの出力先を変更する方法

     こんにちは。Xcodeのリファレンスは遅いので「Dash」というアプリを愛用

記事を読む

skitched-20121215-103653.jpg

Xcode4でアイコンの光沢を消す方法

     こんにちは。Xcode大好き、アキオ(@akio0911)です。   

記事を読む

skitched-20120803-121450.png

Xcode4.3/4.4をアンインストールする方法

     こんにちは。Xcode4.4で追加されたAssistant Editorで呼

記事を読む

skitched-820.jpg

Xcode4でアプリ名を変更する方法

     こんにちは!Xcodeでは、アシスタントエディタがお気に入りなアキオ(@ak

記事を読む

20140529-001817.jpg

Xcode 5でカーソル位置にある単語のクイックヘルプとドキュメントを表示するショートカット

今回は、Xcode 5でカーソル位置にあるキーワードのクイックヘルプとドキュメントを表示する

記事を読む

xcode-shortcut-20130723-145532.jpg

【Xcode】このショートカットを覚えたら、キーボードだけでコードをナビゲートできるようになるよ!

     以前、Xcode4でカーソルのフォーカスを隣のエリアに移動するショートカット

記事を読む

20140425-215755.jpg

Xcode 5のメソッド一覧で選択したメソッドをアシスタントエディターの右側に表示する

以前、現在開いているファイル内にあるメソッドの一覧を表示する方法を以下の記事で紹介しましたが

記事を読む

skitched-20120731-103959.png

Xcode4でiPhoneアプリのアイコンを設定する方法

     こんにちは。iPhoneアプリ開発でクラスリファレンスはDashで見ているア

記事を読む

no image

「Error from Debugger: Previous frame inner to this frame (gdb could not unwind past this frame)」が出たときの対処方法

Xcodeでのデバッグ時に Error from Debugger: Previous fra

記事を読む

skitched-20120910-172617.jpg

知らなかった! Xcode4でアクションの追加・接続をする時の小技!

Photo by tswicegood      こんにちは。Xcode4の便利

記事を読む

20140714-144729.jpg
サンフランシスコのピア39にあるチャウダーズでクラムチャウダーを食す!

アップルの開発者向けイベント「WWDC2014」に参加するため

slooProImg_20140714064146.jpg
ミスドのカルピスドーナツとカルピスポンデリングを食べてみた!

ミスドで期間限定のカルピスコラボ商品「カルピスドーナツ」と「カルピ

slooProImg_20140713230358.jpg
十三カレー計画で牛すじカレーネギのせを食す!(大阪・十三)

「iPhoneアプリ開発キャンプ@大阪」のランチで、十三カレー計画

slooProImg_20140712085918.jpg
大阪・難波の加寿屋 法善寺でかすうどんを食す。ランチタイムはおにぎり2個まで無料!

大阪・難波の加寿屋 法善寺 (かすうどん KASUYA)で、かす

20140625-114250.jpg
ライブドアブログで運営していた「あきお商店」を「卵は世界である」に改名しました

少し前からライブドアブログで「あきお商店」というブログをやって

→もっと見る

PAGE TOP ↑