SIer流MobileApp開発教育Tips

SIer流 MobileApp開発教育Tips Shohei Oda From MKI ＠ Mobile Application
Evangelist 2017/8/1 Monaca User Group #1

本スライドは所属会社の公式見解ではなく、あくまで一個人の見解を基に作成しております。勘違いしないでよね!!

自己紹介 Let’s start introduce myself

Shohei Oda MITSUI KNOWLEDGE INDUSTRY CO,. LTD. Mobile Application Evangelist
Mobile Application Development / Education / IoT(Device, Cloud, Machine learning etc...) odasho0618 @mki_oda odasho

Shohei Oda MITSUI KNOWLEDGE INDUSTRY CO,. LTD. Mobile Application Evangelist
Mobile Application Development / Education / IoT(Device, Cloud, Machine learning etc...) odasho0618 @mki_oda odasho ←??

来月も並ぶんだよきっと(´Д` )ww

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
英語大変だったけど楽しかったー♪

Let‘s Mokumoku Together!! 三井情報のエンジニアが主催するモバイルアプリ開発のオープンでもくもくな勉強会です。モバイルアプリ技術者でしたらどなたでもご参加頂けます。モバイルアプリ開発がテーマとなり、OSや開発手法等のプラットフォームは問いません。iOS/Androidでも、 Native/HybridでもOKです!! http://mkidev.connpass.com/
https://www.meetup.com/ja-JP/DevMob-Kai-Tokyo/

Mobile App開発教育Tips Education Tips for Mobile App Development

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…

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…

Let's start the training! 当然HTMLでAppが開発できるだなんて思ってもないそんな若人達。今回の対象者 ▸4/1入社の新入社員 ▸実施時期は夏 ▸7/1配属後でやや疲れ気味(夏バテ?)
▸Skill Levelはバラバラ(未経験者も) ▸基本的にはHTML?なにそれ?状態

Let's start the training! とりあえず会社Mail Addressで登録してもらいました。

Let's start the training! 超地味だけどこれがないと始められない。 ▸Monacaに登録するMail Addressの準備は受講者に事前にお願いする‼ Caution!!

Let's start the training! MonacaにLoginして開発Start‼

Let's start the training! 未経験者はHTML/CSS/Javascriptをそもそも知らなかった…。 ▸ドットインストール等の事前課題や予習課題を用意するべき!! ▸HTML5 /
CSS /Javascriptは無料!! Caution!!

One point! ▸講義中に説明&(時間があれば)ライブコーディングもするけど事前学習ついでにOnsenUIのドキュメントを展開しておくのも一興。

Let's start the training! アシアル社が公開しているソースの写経から始めるスタイルにしました。

One point! ▸人によりタイピングや理解の速度は異なるので時間がない時は最悪コピペさせる。

Let's start the training! 諦めないで!!(真矢みきｳﾞｫｲｽ) ▸書いてある通りに写経している(と思っている)にも関わらずうまくいかないと諦めコピペをするパターンに注意。 ▸一緒に本人が気がつかなかったミス
を探してあげましょう。 Caution!!

Let's start the training! 保存を忘れるうっかりさん以外はプレビューがいい感じに。

Let‘s install Application! そうそう。Monacaデバッガーも忘れずに。個人スマホにInstall

Let's start the training! あとでアプリ消せばいいのに気にする人は気にする様子。 ▸後日アンケートで「個人スマホにアプリを入れるのは嫌だった」という声が多数。 ▸可能であれば(タブレットでも良い
から)用意する。スマホのセンサー類を使用しない場合は最悪プレビューで代用する。 Caution!!

Let's start the training! んー?格安スマホの1GB契約かな? ▸個人スマホOKでも通信制限の落とし穴がある…。 ▸慌てず騒がずテザリング or モバイ
ルルータを差し出してあげましょう。 ▸事前にinstallしてもらった方が良いパターンも…。 Caution!!

Let‘s install Application! 即時反映されるのが良いところ♪

Advanced Task ▸2つのマスを×で埋めて隣り合ったマスを線で結ぶと選んだ場所によって余りが出るのはなぜ?問題。みなさんはわかりますか?

Advanced Task ▸答えはこれ。プログラムで再現できるかな?

Advanced Task 去年の実績では30人中2人が完成させました。

Let's start the training! これを守れば絶対うまくいく!! ▸Monacaに登録するMail Addressは事前に用意してもらう。 ▸HTML/CSS/Javascriptの事前学習課題を用意しておく。
▸諦めさせずに一緒に解決。 ▸個人スマホを使用する時は無線環境の整備が必須。 Looking back my caution!

THANKS! You can find me at ▸ @mki_oda facebook.com ▸
/odasho0618 linkedin.com ▸ /in/odasho/

SIer流MobileApp開発教育Tips

SIer流MobileApp開発教育Tips

odasho

More Decks by odasho

Other Decks in Education

Featured

Transcript