swift勉強会での発表資料 人に教えたいアプリ開発のすすめ

1. 最近考える
人に教えたいアプリ開発のすすめ
柳原 光里
Github: @ave-hikari
Qiita: @ave
Facebook: @hikari.x.yanagihara

2. 自己紹介
• 新卒エンジニア2年目 Webアプリ開発が主
• 好きなもの 漫画、旅行、西洋画、服、デザ
イン、三国志、飲酒
• 最近の注目度 WordPress>swift
• 使うのは断然Android派！！！
仕事はもっぱらこれ→

3. アプリ歴
• Objective-c
仕事で約半年(2015/4~9)。
ECアプリ作りました
• swift
2015/7ごろからプライベートでちょこちょこと
AppleStoreに公開中のものは今の所1個

4. 本日の内容について

5. swiftでもObj-cでも、
アプリ作りたい意欲はある！
しかし、何を作ればいいか分からない・・・
わからないので、モチベが保てない・・・
何て事は
ありませんか？

6. アプリ開発する時に自分が
これやってみてよかった！
これで開発のモチベあがった！
と思えた手法を紹介します

7. • アプリ開発や言語を触ることには慣れてきたけど
作りたいものが見えない人の助けになれば幸いです
• 技術的な要素は特にありません

8. アプリ作るぞ！しかし作りたいも
のが思い浮かばない！アイデアが
浮かばない！

9. こんな機能
こんなUIのアプリを作ってみたい
けど、
難しそう。実現不可能そう。

10. 公開されているライブラリ
を調べて、使ってみよう！
アプリのライブラリは豊富に
あります。ソースを読むこと
で勉強にもなる！
アプリのUIが良いライブラリ
とか見てると使いたくなって
そこから着想を得ることも
あると思います！

11. 公開されているライブラリ
を調べて、使ってみよう！
こういうアプリかっこいい！
しかし実現できなそう。。。と諦
めるのは早い。
案外、実現したいと思ってるもの
に近いものが、ライブラリとして
すでに公開されていたりする。

12. 【悲報】リリースしたアプリで作った機
能、最近公開されたAdobe Creative
SDK for iOS を使えば超爆速で実装でき
たことが判明 ・・・そんなこともある

13. PageMenu
タブメニューをタップしての
ページの切り替えが簡単に実
装できます
取り入れやすい！
ちなみに最近自分が使ってみたライブラリ

14. いまいち、作りたいアプリの
画面のイメージor
画面遷移イメージがつかない。

15. プロトタイプツールを
活用して画面イメージを作ってみる
➡さあやるぞで
いきなりXcodeで始めるのではなく、
作りたいイメージを先にしっかり
固めてしまってから実装始めた方が
やりやすい。

16. プロトタイプツールを
活用して画面イメージを作ってみる
• POP
紙に書いたアプリ画面を読み込み、タップする位置を
指定したりして実際の画面遷移を直感的に試してみた
りすることができる
iOS/Androidアプリが出てます

17. プロトタイプツールを
活用して画面イメージを作ってみる
• Cacoo
ワイヤーフレームや画面遷移図を作る時便利。
複数人で同時共有＆編集できるので業務に使うなら
一番取り入れやすそう

18. プロトタイプツールを
活用して画面イメージを作ってみる
• Justinmind Prototyper
ワイヤーフレームをかなり精巧に作ることができます
正直これを会得したらフォトショやイラレはお手の物
な気がする（難易度高い）

19. 他、日常的にやっていること

20. 色んなアプリを
見て使って研究する
•こんなこともアプリで実現できるんだ！
•このアプリのUIイケてるから参考にしよう
と日々発見することでモチベを上げる
&自分の引き出しを増やす

21. まとめ

22. 何かアプリをつくろう、
でも中々アイデア出ないなーって時
世の中にすでに出ているもの
（ライブラリなり、アプリを作るのに役立てられる
ツールだったり）
をヒントにしてみれば
いいアプリ作れるかもしれないよ！という話

23. @キルラジェネレータ
http://wakufactory.jp/html5/webfont/killla.html