テラコヤテック Webアプリ開発研修 in 渋谷オフィス

リツアンでは、7/18(土)に、渋谷オフィスにてWebアプリの開発研修を実施しました。

講師はチーム開発プロジェクトと同じく、兵頭弘訓さんです。

今回は都合の合わない方が多く少人数開催となりましたが、遠方は富山から参加されている方もおり、和気あいあいとした雰囲気で行われました。

お絵描き判定アプリの開発演習

今回は、AIを使った簡単なお絵描き画像判定アプリの開発を実践します。

• 事前準備：VSCode、Node.js、Docker Desktopのインストール

• デモ：今回作成するお絵描きアプリの完成形の動作を見てイメージする

講師の兵頭さんが電車を書こうとしますが…

AIの判定は「ヘリコプター」…残念！

座学とハンズオン

• 座学タイム
  • JavaとReactの違い、コンポーネントとは何か
  • 教材用の未完成アプリケーションの内容確認、ReactによるUI/UX改善のリアルタイム性の体感
• ハンズオン：Reactの開発の流れを体感
  • 文章を表示してみる
  • サーバーの起動方法の確認
  • アプリの画面を起動して表示の変更を確認
  • Constでテキストコンポーネントを作ってみる
• ルーティングとは何か

白版に図解しながら解説する兵頭さん

AIとの向き合い方

最後に、ここまで学んだことを、各自で実際にデモアプリに対して実装してみる時間が設けられました。 現代のプログラミングにおいては、AIを使えば知識や経験がなくても開発を進めることができますが、このフロントエンド研修ではあえてAIを使わずにやり切ることを大事にしています。

AIが作ったものに潜んでいる潜在的なバグやセキュリティの脆弱性などは、自分で作った経験がないとレビューできないためです。

自力のプログラミングで自分自身の知識や経験を深め、分かるようになった・出来るようになったことをAIに任せるという流れでスキルアップしていくことが、信頼されるエンジニアへの道です。