SIer流MobileApp開発教育Tips

2017/08/01 MonacaUG #1

Transcript

1. SIer流 MobileApp開発 教育Tips Shohei Oda From MKI ＠ Mobile Application Evangelist 2017/8/1 Monaca User Group #1
2. 本スライドは所属会社の公式見解 ではなく、あくまで一個人の見解 を基に作成しております。 勘違いしないでよね!!
3. 自己紹介 Let’s start introduce myself
4. Shohei Oda MITSUI KNOWLEDGE INDUSTRY CO,. LTD. Mobile Application Evangelist Mobile Application Development / Education / IoT(Device, Cloud, Machine learning etc...) odasho0618 @mki_oda odasho
5. Shohei Oda MITSUI KNOWLEDGE INDUSTRY CO,. LTD. Mobile Application Evangelist Mobile Application Development / Education / IoT(Device, Cloud, Machine learning etc...) odasho0618 @mki_oda odasho ←??
6. 来月も並ぶんだよきっと(´Д` )ww
7. I‘m DevRelCon Speaker!! 7/29に日本で開催されたDevRelCon Tokyo 2017に 唯一「スピーカー兼運営メンバー」として参加しました。 https://tokyo-2017.devrel.net https://speakerdeck.com/odasho/why-dont-you- have-evangelist-in-your-company 英語大変だったけど 楽しかったー♪
8. Let‘s Mokumoku Together!! 三井情報のエンジニアが主催するモバイルアプリ開発の オープンでもくもくな勉強会です。モバイルアプリ技術 者でしたらどなたでもご参加頂けます。 モバイルアプリ開発がテーマとなり、OSや開発手法等の プラットフォームは問いません。iOS/Androidでも、 Native/HybridでもOKです!! http://mkidev.connpass.com/ https://www.meetup.com/ja-JP/DevMob-Kai-Tokyo/
9. Mobile App開発 教育Tips Education Tips for Mobile App Development
10. Monaca is suitable for education とにもかくにも準備が大変なのよ。 参加者分IDE installしますか?って話。 MobileApp開発研修に必要なもの Computer(Windows ▸ / Mac) Network(Wired ▸ / Wireless) IDE( ▸ Xcode / AndroidStudio / VS) Software( ▸ Editer / Browser) SmartPhone ▸ (iOS / Android) Outlet(All participants) ▸ etc…
11. Monaca is suitable for education MonacaならChromeだけ入れときゃイイ!! Monacaを使うと…? ▸Computer(Windows / Mac) ▸Network(Wired / Wireless) ▸IDE(Xcode / AndroidStudio / VS) ▸Software(Editer / Browser) ▸SmartPhone(iOS / Android) ▸Outlet(All participants) etc…
12. Let's start the training! 当然HTMLでAppが開発できるだなんて 思ってもないそんな若人達。 今回の対象者 ▸4/1入社の新入社員 ▸実施時期は夏 ▸7/1配属後でやや疲れ気味(夏バテ?) ▸Skill Levelはバラバラ(未経験者も) ▸基本的にはHTML?なにそれ?状態
13. Let's start the training! とりあえず会社Mail Addressで登録して もらいました。
14. Let's start the training! 超地味だけどこれがないと始められない。 ▸Monacaに登録するMail Addressの 準備は受講者に事前にお願いする‼ Caution!!
15. Let's start the training! MonacaにLoginして開発Start‼
16. Let's start the training! 未経験者はHTML/CSS/Javascriptを そもそも知らなかった…。 ▸ドットインストール等の事前課題や 予習課題を用意するべき!! ▸HTML5 / CSS /Javascriptは無料!! Caution!!
17. One point! ▸講義中に説明&(時間があれば)ライブ コーディングもするけど事前学習つい でにOnsenUIのドキュメントを展開 しておくのも一興。
18. Let's start the training! アシアル社が公開しているソースの 写経から始めるスタイルにしました。
19. One point! ▸人によりタイピングや理解の速度は 異なるので時間がない時は最悪コピペ させる。
20. Let's start the training! 諦めないで!!(真矢みきｳﾞｫｲｽ) ▸書いてある通りに写経している(と 思っている)にも関わらずうまくい かないと諦めコピペをするパターン に注意。 ▸一緒に本人が気がつかなかったミス を探してあげましょう。 Caution!!
21. Let's start the training! 保存を忘れるうっかりさん以外は プレビューがいい感じに。
22. Let‘s install Application! そうそう。Monacaデバッガーも 忘れずに。個人スマホにInstall
23. Let's start the training! あとでアプリ消せばいいのに気に する人は気にする様子。 ▸後日アンケートで「個人スマホにア プリを入れるのは嫌だった」という 声が多数。 ▸可能であれば(タブレットでも良い から)用意する。スマホのセンサー 類を使用しない場合は最悪プレビュ ーで代用する。 Caution!!
24. Let's start the training! んー?格安スマホの1GB契約かな? ▸個人スマホOKでも通信制限の落と し穴がある…。 ▸慌てず騒がずテザリング or モバイ ルルータを差し出してあげましょう。 ▸事前にinstallしてもらった方が良い パターンも…。 Caution!!
25. Let‘s install Application! 即時反映されるのが良いところ♪
26. Advanced Task ▸2つのマスを×で埋めて隣 り合ったマスを線で結ぶと 選んだ場所によって余りが 出るのはなぜ?問題。 みなさんはわかり ますか?
27. Advanced Task ▸答えはこれ。 プログラムで再現 できるかな?
28. Advanced Task 去年の実績では30人中2人が 完成させました。
29. Let's start the training! これを守れば絶対うまくいく!! ▸Monacaに登録するMail Addressは 事前に用意してもらう。 ▸HTML/CSS/Javascriptの事前学習 課題を用意しておく。 ▸諦めさせずに一緒に解決。 ▸個人スマホを使用する時は無線環境 の整備が必須。 Looking back my caution!
30. THANKS! You can find me at ▸ @mki_oda facebook.com ▸ /odasho0618 linkedin.com ▸ /in/odasho/