iPhoneアプリ開発Swift講座無料セミナー(appcre.com)
•
2 gostaram•811 visualizações
2015年7月23日に横浜さくらWORKS<関内>で開催されたiPhoneアプリ開発Swift講座無料セミナーで使用した資料です。画面をタップすると雨が降り、木が成長するという簡単なアプリの作成を行いました。
Recomendados
Mais conteúdo relacionado
Mais procurados
Semelhante a iPhoneアプリ開発Swift講座無料セミナー(appcre.com)
Semelhante a iPhoneアプリ開発Swift講座無料セミナー(appcre.com) (20)
iPhoneアプリ開発Swift講座無料セミナー(appcre.com)
- 2. 自己紹介 桑村 治良 (くわむらはるよし) 音楽雑誌の編集者からアプリエンジニアに転身したクリエイター。神奈川県三 浦市に在住し、地域に根ざしながらアプリも多数リリースしている。主宰する アプリレーベルonTheHammockでは、街ナビアプリ『FM ヨコハマ藤田-穂積の ズッシリスカ 横須賀 / 逗子案内』、三浦半島の野菜直売所紹介アプリ『三浦の おやさい』などをリリース。
- 3. 書籍『世界一受けたいiPhoneアプリ開発の授業［iOS 8 & Xcode 6 & Swift対応］』 ・プログラミング経験のない方を対象にした 学習書 ・アプリ開発ツールXcodeの使い方と開発言 語Swiftの基礎を学びながら実践的なアプ リ開発を紹介する内容 ・各著者がアプリ開発スクールで講師をして おり、何度も講座をやってきたなかで得た 経験やノウハウを本書に詰め込みました。 ・最新プログラミング言語Swiftに対応してい ます。
- 6. Swi%は進化中の言語 ・「WWDC 2015」において、プログラミング言語「Swift 2.0」が発表された (現在はSwift1.2)。Swift2.0はオープンソースでリリースされる。 ・Swift2.0はさらに高速になり、機能も追加される。 ・Swift 2.0では、新しいバージョンのSwiftでも古いバージョンのSwiftでもコ ンパイルできるようになる。 ・Swift2.0ではOSXやiOSだけでなく、Linuxでも動作する。サーバサイドのOS として普及しているLinuxで使えるようになる。オープンソース化によって、 iOSやOS Xだけではない拡がりが期待できる。 ・仕様変更によって、記述したコードにエラーが出たりする。 ・まだ、現場の主力はObjective-Cであり、これからSwiftに移行していく。
- 7. アプリ開発の流れ iOSのアプリ開発は基本的に下記の流れで開発していきます。 1.Xcodeプロジェクト作成 2.アプリ基本設定（アプリアイコン、画面の傾き、アイコンラベル） 3.画面デザイン 4.プログラミング 5.シュミレーターで動作確認 6.実機で動作確認（※ iOS Developer Programへの加入が必要 有料） 7.アプリ申請 8.リリース
- 9. プロジェクトを作成 「Create a new Xcode project」を選択してください。
- 11. 設定 次の画面で下記のとおりに入力して「Next」ボタンをクリックしてください。 入力項目 入力内容 Product Name GrowingTree Oranization Name アカウント名(任意) Oranization Identifier com.swifttest(任意) Language Swift Device iPhone Use Core Data チェックしない
- 13. Xcodeの画面構成
- 18. ダウンロードした素材をXcodeに取り込む 1.ダウンロードした素材をナビゲータエリアにドラッグ&ドロップします。 2.オプション画面が表示されるのでDestinetionの「Copy Items if needed」に チェックします。
- 19. アプリ画面のデザインのための準備 1.Main.storyboardを選択します。 2.インスペクタペインのAttributesインスペクタでサイズを4.7インチ(iPhone6) に設定します。
- 25. 雨の画像を配置 1. ライブラリペインのMediaライブラリから「rain.png」を画面の下に貼り 付けます。 2. インスペクタペインのAttributeペインのDrawingの「Hidden」にチェック を入れます(これで配置したrain.pngが隠れます)。 3. シミュレータを起動して確認しましょう。
- 29. プログラミング タッチを離すと画像を隠す 1. タッチを離すと実行するメソッドを記述します。 2.touchesEndedメソッドを入力補完を用いて記述してください。touchEnded と入力すれば自動的に記述したいコードが表示されます。 3.codeとある部分に「rain.hidden = true」とコードを記述します。これは「雨 の画像のhidden(隠す)設定を行う」という意味のコードです。 4.シミュレータを起動して画面にタッチを離すと雨の画像が消えます。
- 30. プログラミング タッチした数をカウントする 1. 変数「touchCount」を宣言します。初期値に0を入力します。 2.touchesBeginメソッドに画面がタッチされるごとにtouchCountの数を1つづ つ足されるコードを記述します。 3.ラベルを管理するcountLabelにtouchCountの値を表示させます。 countLabel.text = (touchCount) と入力してください。 ※バックスラッシュは[option]+¥で入力
- 31. プログラミング 10回雨を降らせたら木を成長させる 1. 変数「touchCount」が10になったら、木の画像を差し替えます。 touchBeganメソッドのなかにある条件の時に実行するif文を用いてコードを 記述します。 if touchCount == 10 { } と記述してください。これは「もしtouchCount変数の値が10と等しい場 合」という意味です。 2.If文の{ }内にtree.image = UIImage(named: step2 )と記述してください。 これはtree変数の画像を「step2.png」画像に変更するという意味です。
- 33. さらにアプリをグレードアップさせるためには… 1. 画面をタップする時に音が鳴る方がいい！ 2. 木が成長したときにメッセージが表示されるといい！ 3. 木が成長したときに特別な音が鳴るといい！ 4. 木が成長したときにアニメーションがあるとリッチ！
- 34. 7/30から始まるiPhoneアプリ開発Swi%講座に来れば、 もっと面白いアプリを作ることができます！ お申し込みはアプリクエイターズラボ「アプクリ」サイトから。 http://appcre.ne 講座は全 10 回 (1コマ 2.5時間)。 前半ではSwiftの基礎や、アプリ開発 ツールXcodeを使った初級 中級レ ベルのアプリ開発を学びます。 講座の後半では、受講者がそれぞれ iPhoneアプリの企画を考え、その企 画を元にしたオリジナルアプリの開 発を行います。 講座は前半のみの受講も可能。受講 料は全講座75,600(税込)、前半5回の 基礎講座のみの受講は54,000円(税 込)となります。
- 35. 本日、受講を申し込まれた方は 書籍『世界一受けたいiPhoneアプリ開発の授業［iOS 8 & Xcode 6 & Swi%対応］』をプレゼントします！ また受講者の方は本書を2500円+税で購入できます。