ANGEL_Dojo_最終発表_問題とミニブログで技術を学ぶ_エンジニア向け学習サービス_Loop_I_O.pdf

Transcript

1. 問題とミニブログで技術を学ぶ エンジニア向け学習サービス「Loop I/O」 ANGEL Dojo最終発表 2020/03/06

2. こんに ちは！

3. Working Backwords お客様は誰ですか？ 3

4. めそ太郎。エンジニア、新卒3年目、彼女ナシ 4 エンジニアとして強くなりたいけど、 どうしていいか分からない

5. めそ太郎 = 私たち若手エンジニア 5

6. 10年後に日本で不足するIT人材 59万人 出典: IT人材の最新動向と将来推計に関する調査結果 6

7. 私たち若手エンジニア = 今後の日本のITの中心 7

8. 仮説 めそ太郎が元気 = 若手エンジニアが元気 = 日本が元気!!! 8

9. Working Backwords お客様の課題や改善点は明確ですか？ 9

10. めそ太郎の悩み 10 技術を 自分のものに できていない 学習を 継続できない エンジニアとして やりたいことが 分からない

11. めそ太郎に必要なもの 1.体系的な学習 2.自分の言葉でのアウトプット 3.モチベーション維持の仕組み 11

12. Why アウトプット？ 12

13. 講義 読書 視聴覚 デモンストレーション グループ討論 自ら体験する 人に教える 5% 10% 20%

    30% 75% 90% 平均学習定着率 50% ラーニングピラミッド アメリカ国立訓練研究所 （National Training Laboratories） 勉強の仕方を定着率順に並べたもの 学習方法により定着率は異なる 「AWSに超詳しいエンジニアが育つ 環境をつくる方法」 より改変 13 https://dev.classmethod.jp/event/report-developers- io-2019-tokyo-cm-engineer-grow-up-environment/

14. 講義 読書 視聴覚 デモンストレーション グループ討論 自ら体験する 人に教える 5% 10% 20%

    30% 75% 90% 平均学習定着率 50% ラーニングピラミッド アメリカ国立訓練研究所 （National Training Laboratories） 勉強の仕方を定着率順に並べたもの 学習方法により定着率は異なる 「AWSに超詳しいエンジニアが育つ 環境をつくる方法」 より改変 ブログ 14

15. 実際にブログを書いてる人の声 資格取得に役立ちました！ 15

16. めそ太郎に必要なもの（再掲） 1.体系的な学習 2.自分の言葉でのアウトプット 3.モチベーション維持の仕組み 16

17. Loop I/O 中途半端で終わらせない。 問題とミニブログで技術を学ぶエンジニア向け学習サービス 17

18. Loop I/Oでやるべき３つのこと 技術を身につけ、技術を使えるようになる！ モチベ維持 問題レコメンド コミュニティ ゲーミフィケーション etc. 18

19. DEMO 19

20. Loopio.io 20

21. Loop I/Oでやるべきこと 21

22. Loopio.io 22

23. めそ太郎の 悩みとアンサー 23 Loopio.io

24. めそ太郎の悩み① エンジニアとして やりたいことが 分からない 24 Loopio.io

25. 気になる技術が見つかる 25 Loopio.io

26. ホットな技術に関する問題が揃っている 今ホットな問題が たくさんあります！ 26 Loopio.io

27. めそ太郎の悩み② 技術を 自分のものに できていない 27 Loopio.io

28. 快適な環境での アウトプット型学習 28 Loopio.io

29. 問題＆ブログ投稿画面 理解したこと やったこと できたもの →ブログに書く！ Markdown記法に対応 29 Loopio.io

30. 問題に困ったら他人のブログを参考に 困ったら他の人の ブログを見る！ 30 Loopio.io

31. めそ太郎の悩み③ 学習を 継続できない 31 Loopio.io

32. モチベーションを 維持する仕組み 32 Loopio.io

33. SNSやコメント欄でコミュニケーション 33 Loopio.io コミュニケーション機能 でモチベアップ！

34. おすすめ問題が分かる 34 次にやる問題に 悩まない！ Loopio.io

35. Loop I/Oを支える技術 35 Loopio.io

36. コアアーキテクチャ Amplifyのメリット • 爆速で開発をスタート • バックエンドの実装がCLIで一発 • 自動デプロイで10回/週デプロイ • ログインの実装も超簡単

    開発者は本質的な機能の開発に集中できる 36 Loopio.io

37. ログイン、登録画面 Cognitoを使ったユーザー登録、ログイン、画面出し分け超簡単！ const Login: React.FC = () => { const

    state = useContext(LoginContext); useEffect(() => { state.setLogin(true); }, []); return <Redirect to="/problems" />; }; export default withAuthenticator(Login); 37 Loopio.io

38. 開発費用 38 AWS Configを除け ば 1.53$ Loopio.io

39. OSSのライブラリの活用 39 Loopio.io

40. Loop I/Oのプロジェクト管理 40 Loopio.io

41. GitHubの活用 GitHubのIssue/Project Board(kanban)を 活用したプロジェクト管理 41 Loopio.io

42. GitHubの活用 ・CodeBuildを利用したテスト ・GitHubのPull Requestと紐付けられて 便利 42 Loopio.io

43. GitHubの活用 ・Dependabotでnpmパッケージの 自動アップデート ・SlackにGitHubインテグレーション 43 Loopio.io

44. 今後の機能拡張 ・Jupyter Notebookのようにブログを書ける機能 ・ Lambdaでコードを実行する ・Amplify Analytics / Pinpointでユーザー行動分析 ・Personalizeで問題のレコメンド表示

    ・Chime SDKを利用して問題を一緒にやる人を募集する機能 → 更にコミュニティーを意識出来るように 44 Loopio.io

45. 未来のめそ太郎 チョットデキル 45 Loopio.io

46. None