Ionic

1. 【資料】７月22日開催
lonic 勉強会＠渋谷

2. 自己紹介
• 主催者プロフィール 三浦卓馬
• これまで大学院での学校支援プロジェクトや学会発表を経験後、
• 公立小の教員を半年間経験。その後G’sアカデミーにて新規Web サービ
スの企画立案から開発までの基礎を学びSNSを卒業制作として作成。
• またサービスの開発だけでなく、マーケティングやデータベース、サー
バーの基礎を学ぶ。 G’sアカデミー卒業後は、常駐案件のエンジニアをし
ながら、
• 今春フリーランスを経験後、エンジニアとして勤務予定。

3. この勉強会の目的と想定するレベル
・HTML,CSS,JSなどやった人
・一人でもググりながら進められるようになる
＊分かる方はLT側に回ったり、もくもく進めてください
目的

4. lonicとは何ぞや・
Ionicとは、Google社のAngularというアプリケー
ションフレームワークをベースに、HTML5アプリ
の開発に特化して作られたJavaScriptフレーム
ワークです。
公式ホームページ：https://ionicframework.com/

5. 特徴① 使いたくなるios/Androidのデザイン

6. 特徴② SPA（Single Page Application）開発パッケージ
ページ遷移を行わずにコンテンツの切り替えなどを行
うことで、ユーザー体験（UX）を大きく向上させることが
でき、アプリにするための手法で開発できる
＊またPWA(Progressive Web Apps)標準サポート

7. 特徴③スマホアプリに変換する機能装備
CordovaというHTML５をiOS/Androidアプリに
コンパイルする仕組みをサポートしている

8. アプリを通した新しいUXをIonicを利用する事
で生み出すことができる

9. 導入例・求人紹介
ゲーマガ・ ドワンゴ運営のゲーム配信サイト
https://gamemaga.denfaminicogamer.jp/app/

10. 導入例・求人紹介
TechFeed(キューレーションアプリ）
https://techfeed.io/main/realtime/now

11. 続きは、、、
・ Ionicでのアプリ開発の始め方
https://qiita.com/clown0082/items/5405c53e
b955f985edda

12. Ionic 日本コミュニティ
・ Ionic Japan
https://ionic-jp.connpass.com/

13. タイムテーブル
• 13:30 - 開場・受付開始
• 14:00 - 14:05 オープニング
• 14:05 - 14:30 自己紹介 全員
• 14:30 - 16:30 Reactでwebアプリを作成してみる
• 16:30 - 17:00 成果発表(フリートーク）
• 17:00 - 17:30 クロージング (アンケート)
• ※途中退場可能

14. 会場の注意事項
• 備品など間違って持ち帰らないように
• 飲酒は禁止です。
• 17時15分には撤収予定です。
• もし、Reactの案件やこんなサービス使ってるなど、
参加者の方でLTしたい方は事前に申し出てください！

15. グループを３つに分けます
初心者の方
環境構築や触り始めの方
自分で何かしらのの開発経験がある方 もくもくと進めたい方

16. 本日の目標
何かしらのWebサービスを作成する
・例 会員制のTo doサイト
・チャットサイト
・ブログサイト
参考
皆様に作業する箱を提供しますので各自、もくもく進めましょう！
＊質問はバンバンOKです！

17. Let’Sスタート！！