Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

142221c4c936c5c0c5a7429f40a7f3ff?s=128

KyoheiSaiki

March 06, 2020
Tweet

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でやるべき3つのこと 技術を身につけ、技術を使えるようになる! モチベ維持 問題レコメンド コミュニティ ゲーミフィケーション 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