5月

30

Flutter webでポートフォリオサイトを作ろう！！

募集内容	参加枠1 無料先着順 6/5人
申込者	申込者一覧を見る
開催日時	2026/05/30(土) 13:30 ～ 16:00 Googleカレンダー icsファイル
募集期間	2026/05/14(木) 16:10 〜 2026/05/30(土) 16:00まで
会場	福岡市エンジニアカフェ福岡県福岡市中央区天神１丁目１５−３０マップで見る
出席登録	(イベント開始時間の2時間前から終了時間まで、参加者のみに公開されます)

イベントの説明

Flutter Web ハンズオン

Flutterを学びたい初学者向けに、モバイルアプリ開発の基礎をベースとしながら、FlutterでWebサイトを構築・公開する方法を学ぶハンズオンイベントです。

今回は、Flutterを使ってシンプルなポートフォリオサイトを作成し、最終的にはFirebase HostingやGithub Pagesを利用して実際にWebへデプロイするところまで体験します。
「Flutterってモバイルだけじゃないの？」「Webも作れるの？」という方にもおすすめの内容です。

当日は、Flutter Webの基本構成から、レスポンシブ対応、ルーティング、デプロイまでを、実際に手を動かしながら進めていきます。
完成後は、自分で作成したサイトをURLで公開し、スマホやPCから閲覧できる状態を目指します。

プログラミング経験が浅い方でも参加しやすいよう、できるだけ丁寧に進行しますので、ぜひお気軽にご参加ください。

対象者

Flutterを学び始めたばかりの方
FlutterでWebサイトを作ってみたい方
モバイルアプリ以外のFlutter活用方法を知りたい方
ポートフォリオサイトを作ってみたい方
Firebase HostingやGithub Pagesを使ったデプロイを体験したい方

スケジュール（13:30〜16:00）

時間	内容
13:30〜13:40	ゴール確認・事前準備
13:40〜15:15	Flutter Web 実装ハンズオン
15:15〜15:45	Firebase Hosting デプロイ
15:45〜16:00	質疑応答・まとめ

学べる内容

Flutter Web の基本構成
レスポンシブ対応の考え方
go_router を使ったルーティング
FlutterでのWeb UI構築
Firebase HostingやGithub Pages を使ったデプロイ

持ち物・事前準備

必須

ノートPC（Windows / macOS どちらでも可）

事前インストール

Flutter SDK
Google Chrome
VSCode
Firebase CLI
Node.js

※ flutter doctor が通る状態を推奨します。

エンジニアカフェ　

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

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

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

エンジニアカフェには行動規範がございます。ご一読ください。 https://engineercafe.jp/ja/topics/305