appcode の基本 (インストール〜プロジェクト作成、実行まで) acnight jbugj

22
AppCodeの基本 インストール~プロジェクト作成、実行まで @akr | AppCode Night | 2013/12/16

Upload: akira-ueda

Post on 27-May-2015

1.362 views

Category:

Technology


5 download

DESCRIPTION

2013/12/17 に開催された AppCode Night (http://www.zusaar.com/event/1807003) で発表したセッションの資料です。 この内容を実際に AppCode で実演しました。

TRANSCRIPT

Page 1: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

AppCodeの基本インストール~プロジェクト作成、実行まで @akr | AppCode Night | 2013/12/16

Page 2: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

これから話すこと• ウォークスルー

• AppCode をインストールして

• プロジェクトを作成して

• コードを書いて

• ビルドして

• 実行!

Page 3: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

• AppCode は超高機能な IDE

• たくさん機能があるので最初はとっつきにくい場合も

• 最小限の機能に限定してお話します

Page 4: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

自己紹介• @akr

• AppCode 歴 0.5 年

• IntelliJ 歴 6+ 年

• 夏ライオン (OSX) 2008 年ごろ

• 「さけのわ」日本酒好きな方!

• http://www.sakenowa.com

Page 5: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

はじめに• AppCode の動作には Xcode が必要

• AppCode と Xcode を使い分けながら開発

• コードの編集は AppCode

• Interface Builder は Xcode

• ビルドの設定は Xcode… など

Page 6: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

プロジェクトモデル• AppCode は Xcode と同じプロジェクトモデルを使う

• Xcode で作ったプロジェクトを AppCode で開ける

• AppCode で作ったプロジェクトを Xcode で開ける

• 同時に使っても大丈夫

• 自動的に同期される

Page 7: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

ウォークスルー• AppCode をインストールして

• プロジェクトを作成して

• コードを書いて

• ビルドして

• 実行!

Page 8: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

インストール

• ここからダウンロード

• http://www.jetbrains.com/objc/

Page 9: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

初期設定

• 初回起動時に表示されるダイアログ

• Allow placement … は外しておく

• 後から設定できる

Page 10: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

プロジェクト作成

• Welcome ダイアログから

• File > New Project から

Page 11: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

画面構成プロジェクトビュー

エディタ

ツールウィンドウに アクセス (⌘⌘)

Page 12: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

コードを書く

• File > New… (⌘N)

!

!

• Generate… (⌘N)

Page 13: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

補完

• Code > Completion > Basic (^Space)

• 普通の補完

• Code > Completion > Smart (^⇧Space)

• コンテキストに応じた選択肢

Page 14: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

• CamelHumps による補完

• キャメルケースの大文字部分だけ入力

• UINC や UINavC など

Page 15: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

自動インポート

• インポートしていないクラスを使おうとするとポップアップ

• ⌥↵ でインポート

Page 16: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

インスペクション• 改善できる箇所を教えてくれる

• ⌥↵ で解決のためのアクションを実行する

Page 17: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

ナビゲーション

• ファイルを迅速に開くための機能

• Navigate > Related File…(^⌘↑)

• Navigate > Declaration (⌘B)

• Navigate > Classes… (⌘O)全部覚えたい

Page 18: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

xib ファイル

• 作成する

• File > New… File from Xcode Template

• 開く

• Project View の xib ファイルをダブルクリック

Page 19: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

実行

• 右上のボタンから実行コレ

Page 20: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

早く慣れるために

• Key Promoter プラグイン

• Help > Productivity Guide

Page 21: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

まとめ• インストールから実行まで

• ショートカット (覚えよう!)

• Code > Completion > Basic (^Space)

• ハイライトされている箇所で ⌥↵ !

• Navigate > Related File…(^⌘↑)

• Navigate > Declaration (⌘B)

• Navigate > Classes… (⌘O)

Page 22: AppCode の基本 (インストール〜プロジェクト作成、実行まで) ACNight jbugj

参考文献• AppCode Quick Start Guide

• http://www.jetbrains.com/objc/quickstart/index.html

• Android Studio最速入門

• http://gihyo.jp/dev/serial/01/android_studio/0001