Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
インフラエンジニアでも Ionicで作れるスマホアプリ開発物語 by Ionic Meetup Tokyo #4
Slide 2
Slide 2 text
What is it? スマホアプリを作りたい
Slide 3
Slide 3 text
What is it? 例えば • 便利なAPIがあるんだけど見る方法がない • WebサービスのスマホUIでカスタマイズがしたい • ちょっとしたコマンドを手元のスマホで実行したい • アラートのログを出先ですぐ確認したい • その他にも色々…
Slide 4
Slide 4 text
What is it? スマホアプリを作りたい
Slide 5
Slide 5 text
What is it? スマホアプリを作りたい ↓ Ionicならできる!
Slide 6
Slide 6 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 7
Slide 7 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 8
Slide 8 text
自己紹介 名前 : 曽根 壮大(そね たけとも) 年齢 : 33歳(3人の子供がいます) 職業 : 副社長/CTO 所属 : 株式会社 オミカレ 日本PostgreSQLユーザ会(JPUG) 勉強会担当 技術的にはLL系言語やRDBが好きです
Slide 9
Slide 9 text
自己紹介 名前 : 曽根 壮大(そね たけとも) 年齢 : 33歳(3人の子供がいます) 職業 : 副社長/CTO 所属 : 株式会社 オミカレ 日本PostgreSQLユーザ会(JPUG) 勉強会担当 技術的にはLL系言語やRDBが好きです
Slide 10
Slide 10 text
婚活といえばオミカレ https://party-calendar.net/
Slide 11
Slide 11 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 12
Slide 12 text
Ionicの良いところ 簡単にはじめれる
Slide 13
Slide 13 text
Ionicの良いところ Windows Subsystem for Linux + Visual Studio Code
Slide 14
Slide 14 text
Ionicの良いところ Windows Subsystem for Linux + Visual Studio Code 無料で始めれるし、簡単
Slide 15
Slide 15 text
Ionicの良いところ 簡単にはじめれる その2
Slide 16
Slide 16 text
What is it? 例えば • 便利なAPIがあるんだけど見る方法がない • WebサービスのスマホUIでカスタマイズがしたい • ちょっとしたコマンドを手元のスマホで実行したい • アラートのログを出先ですぐ確認したい • その他にも色々…
Slide 17
Slide 17 text
Ionicの良いところ Webアプリならすぐ作れるのに…
Slide 18
Slide 18 text
Ionicの良いところ Webアプリならすぐ作れるのに… ↓ HTML+JSで作れる
Slide 19
Slide 19 text
Ionicの良いところ 始めやすいは正義
Slide 20
Slide 20 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 21
Slide 21 text
できるスマホアプリ! 本を読む
Slide 22
Slide 22 text
できるスマホアプリ!
Slide 23
Slide 23 text
できるスマホアプリ! 本の詳細は著者に聞いてくれ!
Slide 24
Slide 24 text
できるスマホアプリ! youtubeを見る https://www.youtube.com/watch?v=SwCtRZ1mYZk
Slide 25
Slide 25 text
できるスマホアプリ! デザインにこだわらない
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
できるスマホアプリ! 新しいチャレンジが多すぎると 続けるのが大変
Slide 28
Slide 28 text
できるスマホアプリ! 段階的にアプリを作る
Slide 29
Slide 29 text
できるスマホアプリ! 段階的にアプリを作る ↓ いきなり難しい開発をしない
Slide 30
Slide 30 text
できるスマホアプリ! 段階的にアプリを作る 1. UIだけで遷移 2. イベントを元に動作を変える 3. 外部APIからデータを取得 4. データをローカルに保存・取り出し 5. SDKを利用
Slide 31
Slide 31 text
できるスマホアプリ! これらが出来るようになってから 作りたいアプリを作る
Slide 32
Slide 32 text
できるスマホアプリ! アプリは作れる!
Slide 33
Slide 33 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 34
Slide 34 text
良いことばかりではない アプリは作れる! が銀の弾丸でない
Slide 35
Slide 35 text
良いことばかりではない 日本語ドキュメントが少ない
Slide 36
Slide 36 text
良いことばかりではない 日本語ドキュメントが少ない ↓ 英語を読むことが多くなる
Slide 37
Slide 37 text
良いことばかりではない 良くも悪くも進化が早い
Slide 38
Slide 38 text
良いことばかりではない 良くも悪くも進化が早い ↓ 見つけたドキュメントが古い
Slide 39
Slide 39 text
良いことばかりではない iPhoneが互換性に厳しい
Slide 40
Slide 40 text
良いことばかりではない iPhoneが互換性に厳しい ↓ iOSに合わせると Android 4系が死ぬ
Slide 41
Slide 41 text
良いことばかりではない 久々に触るとすべてを忘れている
Slide 42
Slide 42 text
良いことばかりではない 久々に触るとすべてを忘れている ↓ 本職じゃないと 定期的に触るのが難しい
Slide 43
Slide 43 text
良いことばかりではない 一般に使ってもらうには コードを書くだけではダメ
Slide 44
Slide 44 text
良いことばかりではない リリースするために必要なこと 1. Store登録 2. ロゴ画像や動画の準備 3. 使い方のドキュメント 4. 分かりやすいデザイン …etc
Slide 45
Slide 45 text
良いことばかりではない 普段やらないことばかり…
Slide 46
Slide 46 text
良いことばかりではない 普段やらないことばかり… ↓ 逆説的いえば新しいチャレンジ!
Slide 47
Slide 47 text
良いことばかりではない 続けることが大事
Slide 48
Slide 48 text
あじぇんだ 1 自己紹介 2 Ionicの良いところ 3 できるスマホアプリ! 4 良いことばかりではない 5 まとめ
Slide 49
Slide 49 text
まとめ 継続的に触ることが大事
Slide 50
Slide 50 text
まとめ 継続的に触ることが大事 ↓ 今日は諦めてもいい。 でも明日も触る。
Slide 51
Slide 51 text
まとめ 簡単にはじめれるので 日曜プログラマーにもおすすめ
Slide 52
Slide 52 text
まとめ 身近な問題を解決する
Slide 53
Slide 53 text
まとめ 例えば… • 保護者会の連絡網をアプリにしたり • エラーログを表示させたり • Status.ioまとめを作ったり
Slide 54
Slide 54 text
まとめ 新しいチャレンジは 自分の引き出しを増やす
Slide 55
Slide 55 text
ご清聴ありがとうございました