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

概要

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

学習内容

Next.js公式チュートリアルを日本語化した資料に沿って、手を動かしながらWebサービス開発の初歩を学習します。今回はユーザーインターフェイスのフレームワーク React に焦点をあてて解説します。参加者のレベルに合わせて複数回に分けて進めます。初心者の方は現地参加がおすすめです。講義は録画しますので、途中参加も可能です。

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

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

リモート参加

Zoomで配信と録画をします。録画した映像はYouTubeで配信します。相談しながら進めたい場合はオフラインでの参加をお願いします。

用意するもの

開発用ノートパソコン

スケジュール

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

タイムライン

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

福岡市赤煉瓦文化館について

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

エンジニアカフェについて

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