【DApp開発勉強会】03- React勉強会[JavaScript編]

概要

「Hacktivation 〜生成AI時代におけるブロックチェーンの可能性〜」にご興味頂きありがとうございます。

第三回では、ReactとMUIを用いて簡単な「いいねボタン」を作る手順を解説します。ブラウザさえあれば誰でも使えるので、環境構築は不要です。次回以降で取り扱うNode.jsやReactを学ぶために必要な文法をメインに解説します。これからWeb開発でブロックチェーンを実際に作りたいなら、参加してみてはどうでしょうか。

なお、本イベントは福岡市並びに福岡市エンジニアカフェが企画・運営するDApp開発勉強会「Hacktivation 〜生成AI時代におけるブロックチェーンの可能性〜」の一環として実施されます。YouTube Liveでの配信も実施します。しかし、オンラインでの質問対応は難しいので、質問対応を希望する方は現地参加の方をお願いします。

タイムスケジュール

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

登壇者

温水聖太(ぬくみず しょうた) / Shota Nukumizu

九州大学文学部卒業/Backend Developer

アイコン画像はStable Diffusionで出力したもの。大学では社会学を専攻していた。PythonでExcelを自動化できることに感動して大学3年の春休みから、暇つぶしを兼ねてプログラミングの独学を始める。得意とする言語はPythonとTypeScript。

日々の学習の備忘録、Web開発関連のどうでもいいネタや小話を残すことを目的に始めたSNSの総フォロワー数は2万弱にも及ぶ。

X(旧Twitter)：@Nameless_SN

Zenn：@nameless_sn

前提知識

Reactとは？

Meta(旧Facebook)が開発したJavaScriptのUIライブラリです。

Reactを実際に導入しているサービスや企業は？

Reactが応用されている技術を教えて

• Next.js：Vercel社が開発した、Reactの技術を応用したフロントエンドフレームワーク。

• SolidJS：Reactの問題を解決するために開発されたフロントエンドフレームワーク。Playgroundや公式ドキュメントが豊富で、Reactよりも初心者が学びやすい環境が整っている。

• MUI：Reactの技術を応用したUIライブラリ。SpotifyやNetflixを筆頭に、世界の大企業の公式サイトで採用されている実績を持つ。

Reactを学ぶことがブロックチェーン技術にどう役立つ？

ReactとWeb3.jsを組み合わせることで、ブロックチェーンネットワークと連携できます。ウォレットの接続、トランザクションの送信、スマートコントラクトの読み書きなど、ブロックチェーン関連の操作を直感的なUIでできるようになります。

実際にReactとWeb3.jsを組み合わせたアプリの開発手順はこちら。

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

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

商人の町であった博多地区と、城下町であった福岡地区の境目、西中島橋のすぐそばに、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.