未経験者向けNext.jsワークショップ ②

概要

ウェブサービスの開発に一般的なフレームワーク「Next.js」を初歩から学びます。少人数制で、現地参加の場合はプロのエンジニアと相談しながら進められます。

資料

• GitHub
• 録画

学習内容

＊第一回目で全て終わってしまったので番外編をやります。番外編ではReactのチュートリアルに沿って「丸ばつゲーム」を作ります。

React公式チュートリアルに沿って、手を動かしながらWebサービス開発の初歩を学習します。初心者の方は現地参加がおすすめです。

1. ReactとNext.jsについて
2. ユーザーインターフェイスの仕組み
3. JavaScript でユーザーインターフェイスを更新する
4. React をはじめる
5. コンポーネントを組み合わせてユーザーインターフェイスをつくる
6. コンポーネントを設定してデータを表示する
7. コンポーネントの状態でインタラクションをつくる
8. ReactからNext.jsへ
9. Next.jsのインストール
10. サーバーコンポーネントとクライアントコンポーネント

番外編. Reactで丸バツゲームをつくる

本ワークショップの完了後は「初心者向けNext.jsワークショップ」を開催予定です。初心者向けワークショップではNext.jsで会計ダッシュボードを作ります。参加者が自由にプロダクトを作り、それを支援する中級者以上向けのワークショップも開催予定です。

リモート参加

Zoomで配信と録画をします。録画した映像は後日、YouTubeで配信します。Zoomでは一定時間ごとに質問タイムをとりますがやり取りが難しいので、相談しながら進めたい場合はオフラインでの参加をお願いします。

Zoom URL

用意するもの

開発用ノートパソコン

スケジュール

毎週火曜日19:00 ~ 20:30 にエンジニアカフェで開催予定です。

タイムライン

開発タイムではプロのエンジニアのサポートを受けながら、自身のプロダクトの開発に集中できます。参加は任意です。作りたいサービスがある方は相談してみませんか？

講師

芝原 隼人

マッドソフト株式会社代表取締役。3Dダンスモーション生成AIサービス「最強AIダンサー」開発者。慶應義塾大学大学院メディアデザイン研究科博士課程中退後、メガベンチャーでAIを活用したサービスの開発に従事。福岡市主催のハッカソンと起業プログラムでの受賞をきっかけに創業。「面白いプロダクトを作り、世界を変える」ミッションを持ち、新技術の研究開発と社会実装に取り組む。エンジニアカフェコミュニティーマネージャーでもある。

福岡市赤煉瓦文化館

商人の町であった博多地区と、城下町であった福岡地区の境目、西中島橋のすぐそばに、1909年、旧日本生命保険株式会社九州支店として竣工。設計は辰野片岡建築事務所。辰野金吾が後に手掛ける東京駅の丸の内駅舎と同様に、建物には英国のクイーンアン様式が見られる。1972年に福岡市歴史資料館として開館。1994年より福岡市赤煉瓦文化館へ。2019年8月21日より、エンジニアカフェがオープン。今日も、多くの観光客、エンジニア達が訪ねてきています。

エンジニアカフェ

『エンジニアが集まる、活躍する、成長する街、福岡。』を掲げる福岡市の「エンジニアフレンドリーシティ福岡」活動の一環として、福岡市赤煉瓦文化館内に2019年8月21日オープン。エンジニアがより先鋭的なチャレンジやスキルの幅を広げることができることで多様多種の方に様々な機会を提供したいという想いから、官民一体で生まれたエンジニアのための施設です。