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