概要

Web3アプリ開発を目的として2025/9/14（日）、9/21（日）に開催される「ハックデイ」に向けた勉強会です！
今回は、ReactとそのフレームワークであるNext.jsの環境構築を行い、Webアプリを制作できる環境を整えます！

Reactは、WebサイトやWebアプリのユーザーインターフェース (UI) を開発するためのJavascriptライブラリです。Instagram、Facebook、Netflix、Airbnbをはじめ、多くの有名サービスのフロントエンド開発に採用されています。

このイベントでは、初心者の方でも安心して参加できるように、Reactの基礎知識や文法について解説しながら、ハンズオン形式でReact及びNext.jsの環境構築を行った後、ChatGPTを使ったコーディングを活用して、簡単なWebアプリを制作します。
HTML/CSS/Javascriptの基礎知識があると内容の理解がスムーズになりますので、軽い予習をしてからの参加をお勧めいたします。

Reactの基礎・環境構築が不安な方、是非お気軽にご参加ください！

次回(09/13[土]開催)について

ブロックチェーンの概要を説明した後、軽く手を動かしながらSolidityの基礎を学んでいきます！
独自の地域通貨やNFTを発行できるようになるための、ブロックチェーン上でのプログラミングを勉強しましょう！
お申込みは「バックエンド（ブロックチェーン概要・Solidityの基礎）」ページへ

こんな方にオススメ

・ハックデイに向けて、Reactの環境構築・基礎を学んでおきたい
・Web3[Blockchain]やAIなどを用いたプロダクト開発をしてみたい

タイムスケジュール

注意：こちらの日程はあくまで予定です。変更する可能性がありますのでご了承ください。

参加方法

当connpassページから申し込みください。

準備物

・PCの持参をお願いします。
・VScode、ChatGPTを使用可能な状態にしておいてください。
・HTML/CSS/JavaScriptの基礎知識があると内容の理解がスムーズになりますので、軽い予習をしてからの参加をお勧めいたします。

登壇者

▶️名前：臼井遼太郎
　所属：Engineer Cafe Staff

今後の予定(プログラム構成)

○Web3[Blockchain]開発未経験者
　　・サポートを準備
　　　　└　開発勉強会
　　　　　　　3段階に分けて開催
　　　　　　　　3-1.Dockerの基礎・環境構築　※Dockerの基礎・環境構築が不安な方はご参加ください
　　　　　　　　　　開催方法：オフライン&オンラインのハイブリッド
　　　　　　　　　　開催回数：全1回
　　　　　　　　　　→ 全1回(08/20[水])：Docker基礎の説明・環境構築
　　　　　　　　　　申込む←クリックして別connpassページから参加ください
　　　　　　　 3-2.Reactの基礎・環境構築　※Reactの基礎・環境構築が不安な方はご参加ください
　　　　　　　　　　開催方法：オフライン&オンラインのハイブリッド
　　　　　　　　　　開催回数：全1回
　　　　　　　　　　→ 全1回(08/27[水]：React基礎の説明・環境構築
　　　　　　　　　　申込む
　　　　　　　 3-3.バックエンド(ブロックチェーン概要・Solidityの基礎)
　　　　　　　　　　開催方法：オフライン&オンラインのハイブリッド
　　　　　　　　　　開催回数：全1回
　　　　　　　　　　→ 全1回(09/13[土])：ブロックチェーンの概要説明・Solidityの基礎
　　　　　　　　　　　　申込む←クリックして別connpassページから参加ください
　◯[ハックデイ編]
　　　・　開催方法：オフライン　※1日目(09/14[日])前半のみオフライン&オンラインのハイブリッド
　　　・　開催回数：全2回(2日)(09/14[日]、09/21[日])
　　　　　　　　　　1日目(09/14[日])：（前半）ハッカソンの説明、フロントとバックエンドの連結部分について概説
　　　　　　　　　　　　 　　　　　　　 （後半）アイデア出し/チームビルディング/フリー環境構築タイム
　　　　　　　　　→環境構築はメンターがサポートしますが、DockerやReactが初めてだったり不安な方は、ぜひDockerの基礎・環境構築やReactの基礎・環境構築のイベントにご参加ください！
　　　　　　　　　　　　申込む←クリックして別connpassページから参加ください
　　　　　　　　　2日目(09/21[日])：開発作業（出入り自由）、ハッカソン、ハッカソン授賞式
　　　　　　　　　→メンターが常駐しているので、各自で作業していただいて（出入り自由）詰まったり壁打ちがしたくなったらぜひお声がけください！
　　　　　　　　　　　　申込む←クリックして別connpassページから参加ください

※イベント全体ページは こちら

オンライン参加者の皆様へ注意事項

申し訳ございませんが、講師やスタッフの負荷の都合上、オンラインのみの参加者様の質問は十分にケアできないことがございます。 あらかじめご了承の上、自信が無い方はオフラインでのご参加をご検討ください。

赤煉瓦文化館とエンジニアカフェの紹介

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

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

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

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

Fukuoka City Akarenga Cultural Center

Near the Nishinakajima Bridge between merchant town Hakata and castle town Fukuoka, Nissay Kyushu had opened since 1909. The structure was designed by Tatsuno Kataoka design office. As same as Tokyo station Marunouchi area, Kingo Tatsuno designed it. This architecture is English Queen Anne style. As the Fukuoka city history museum since 1972. Engineer Cafe opened on August 21st in 2019. Many tourists and engineers are visiting here today.

Engineer Cafe

Engineers getting together, active, and grow up in Fukuoka. As part of the “Engineer Friendly City Fukuoka”, inside of Fukuoka City Akarenga Cultural Center, this facility opened on August 21 in 2019. We would like to provide various opportunities for a wide variety of people by enabling engineers to expand their range of more advanced challenges and skills. A facility for engineers born in the public and private sectors.