未完Study「第4回ウェブ開発のすゝめ 〜最後に全部繋げて動かしてみよう!〜」

2021/12/27(月)19:00 〜 20:30 開催
ブックマーク

イベント内容

未完Study

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

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

概要

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

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

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

第4回(今回)の内容

  • 全てつなげて、サイトが動くことを確認!
  • hostingしてみよう!

第3回のおさらい

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

使用した資料 https://hackmd.io/@manattan/H1GYYw2qY

第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アプリケーションの開発を行っている。フロントエンドをメインとしている。

本シリーズの開催日程

回数 開催日時 内容
第1回 2021年12月6日19:00〜20:30 Git、Java Script、データベースなどおさらいから
第2回 2021年12月13日19:00〜20:30 Reactでモダンなフロントエンド開発をしてみよう!
第3回 2021年12月19日19:00〜20:30 サーバーサイドってなんだっけ?FlaskとSQL作っていこう
第4回(今回) 2021年12月27日19:00〜20:30 最後に全部繋げて動かしてみよう!

開催概要

項目 詳細
開催日時 2021年12月27日19:00〜20:30
開催方法 未完Project 公式 Discord

参加・視聴方法

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

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

こんな方におすすめ

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

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

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

注意事項

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

お問い合わせ

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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント