未完Study

様々な技術に興味がありながらも学業と自分の領域の情報収集から別の技術に発展しにくい、各技術を体型的にどう学んでいいのかわからずに足が止まってしまっている学生エンジニアにむけ、アンバサダーや他講師の専門領域の学び方や一連の開発を学んでいく。それぞれ全4回程度ずつの勉強会を開き、新しい技術に触れる学びの場を作る企画です。

未完Study 『ウェブ開発のすゝめ』

概要

このイベントでは、4日間でフロントエンドとバックエンドの開発体験を通して基本的なコーディングの知見を身につけていただくことができるほか、かつ世の中にWebサービスが公開されている仕組みやネットワーク・サーバーの知識を広く得られる内容になっています。

「実際に実践的な開発をしてみたい」「Webサービスの概要を知りたい」と感じている方におすすめのイベントです。実際に皆さんで手を動かしていくだけでなく、幅広い知識も得られるものになっています。予め模範のリポジトリを公開しておくので、不安な人も安心です。

目標：自分でtrello風todoアプリを作ってみよう

第3回の内容

• サーバーサイドって？復習
• flaskサーバーを立ててみよう
• APIを作ろう
  • ユースケース / エンドポイントの確認
  • sqlのコマンドを確認しよう、打とう
• curlで叩いてみよう

第2回のおさらい

• Reactアプリを手元で動かしてみよう
• とりあえずいい感じにいっぱい表示させてみよう
• APIからデータを取得してみよう
• 複数のAPIを叩いてみよう

使用した資料 https://hackmd.io/@manattan/HJv6-K1qY

第1回のおさらい

• 一連の勉強会で取得することや作るものの紹介
• 前提となる知識についての基礎勉強会
• JavaScriptについておさらいしよう
• データベースについて詳しく触れてみよう

使用した資料 https://docs.google.com/presentation/d/19DmtsmAtrb9Gsnf0bneXtvXfnfGWxT_i4kdsDGqnh74/edit?usp=sharing

習得できる技術

• JSの歴史を踏まえてwebpackとは何かを学び、Reactを用いでモダンなフロントエンド開発の手法を学ぶ（宣言的UIや仮想DOMの概念についても軽く触れる）
• Pythonで軽量なAPIサーバーを作成できるFlaskを用い、リクエストを得てからデータベースにアクセスしてresponseを返すところまでの一連の流れを身につける
• 実際に作成した自分のアプリを世界に公開する方法を取得する
• サーバー間の通信で気をつけた方がいいこと（CORSや、sslって何〜？）も、知識として身につける

講師紹介

北海道大学3年 Takanori Mogi

北海道大学休学中。北大IT研究会の運営を務めながら長期インターンシップにてWebアプリケーションの開発を行っている。フロントエンドをメインとしている。

本シリーズの開催日程

開催概要

参加・視聴方法

• 当日は 未完Project オンラインコミュニティ 未完Labo Discord 「イベント チャンネル」で開催します。Discordへの参加は以下のリンクからフォームに記入の上、自動返信されたメールに記載のリンクから参加ください。

未完Labo Discord 参加申し込みフォーム

こんな方におすすめ

• ウェブ開発に興味のある人
• ビジュアルの表現に興味がある
• 触ったことがあるけど次に何をやったらいいのかわからない
• プログラミングの初心者で、結果が目で見えるプログラムを学びたい

事前に用意してほしいもの

こちらを参考にお手元のパソコンで準備をお願いします。

注意事項

• 当日はYouTubeやSNSでのコメントを受け付けておりますが、嫌がらせ行為や差別・セクハラ・恫喝など、場に不適切な発言は控えていただくようお願いいたします。

お問い合わせ

イベント内容や未完プロジェクトについてご質問等ございましたら、以下の連絡先にご連絡ください。

• mikan-prj@irenkakotan.co.jp
• 未完Project 公式 Twitter @mikan_prj