【初登壇】FlutterKaigi mini#6 @Okayamaで「Flutter製スライド」を使って自己紹介してきた話

はじめに

こんにちは、はりねずみです。

先日開催された FlutterKaigi mini#6 @Okayama に参加し、エンジニアとして人生初の登壇をしてきました！ ブログ投稿としてはこれが2回目になります。

社内の温かいメンバーに囲まれていたこともあり、過度な緊張に押しつぶされることもなく、純粋にイベントを楽しみながら発表することができました。

この記事の3行まとめ

• 初登壇で「Flutter製自作スライド」に挑戦し、Web特有の沼（カーソル判定ズレ）を踏みつつ完走！
• マイクラきっかけでエンジニアになった経緯と、Flutterの概念（Navigator）の直感的理解をLTで発表
• 発表駆動で成長する「BBD（勉強会・駆動・開発）」の圧倒的パワーを体感したレポートです

会場の雰囲気とイベントの様子

会場は岡山市天神町にある「tenjin9」（能楽堂ホール）でした。

▲ 会場の雰囲気

受付で転職ドラフトさんのビールと、ノベルティの可愛いステッカーをいただいて会場へ。

▲ 受付でいただいた転職ドラフトさんのビール＆可愛いステッカー

能楽堂ホールの独特な雰囲気に圧倒されつつも、ワクワクと少しの緊張が入り混じった気持ちでした。

こういった技術イベントへの参加自体も今回が初めてだったのですが、社内メンバーの皆さんが中心となって設営や受付をされており、初参加の自分でも緊張がほぐれるような温かくアットホームな空間でした。運営の皆さんの細やかな心配りがとても印象的でした。

自分の登壇：Flutter製スライドで自己紹介＆Flutterを学んだ感想

今回の登壇タイトルは「ダイヤが欲しかっただけなのに、なぜかFlutterを書いています。」というテーマで発表しました。

ただ普通にスライドで発表するのも面白くないと思い、「スライド自体もFlutterで作って発表する」という小さな挑戦をしてみました！

▲ 自作したFlutterスライドの表紙

登壇で使用したFlutter製スライドは、Web上で実際に動かしてご覧いただけます。

👉 登壇スライドはこちら

発表でお話しした内容（要約）

1. なぜエンジニアになったのか（バックグラウンド）

   • 私はMinecraft（マイクラ）にハマったことがきっかけで未経験からエンジニアを目指し、転職を果たしました。
   • ダイヤを掘っていたはずが、気づけばコードを書くようになっていたという経緯をお話ししました（笑）。

2. 業務でFlutterを使って作ったもの

   • 現在の業務ではFlutterを採用しており、以下のような機能の開発を担当しました。
     • Bluetooth連携機能: 接続した温度計のデータをリアルタイムで取得し、数時間の推移を画面にグラフ表示する機能
     • 文字認識（OCR）機能: Googleレンズのように、カメラでかざした文字を読み取る機能

3. マイクラで例えるFlutterの概念

   • Flutterの画面遷移である Navigator.push / pop をマイクラで例えて解説しました。

     push: 拠点から「採掘場」に入る（新しい画面を重ねる）
     pop: 採掘場から「拠点」に戻る（前の画面に戻る）

   • 身近なゲームの動作に置き換えることで、概念がすんなり理解できた体験をシェアしました。

4. Flutterを始めてみた素直な感想

   正直なところ、最初は「Flutterってめちゃくちゃ難しい…！」と壁にぶつかることばかりでした。
   ですが、1つのコードでアプリもWebもマルチに作れてしまう圧倒的な便利さを体感してからは一気に世界が変わりました。
   「難しさを超える楽しさがある、Flutterって本当に面白い！」と実感しています。

Flutter製スライドを作ってみた感想（と直面した課題）

• スライドのコードを書くこと自体が、最高のFlutterの実践練習になりました
• Web特有の沼にもハマりました

▲ スライド内のカスタムカーソル（だしゅまるくん）。このカーソル画像によってクリック判定がずれる現象に直面しました…！

カーソルを「だしゅまるくん」の画像にするカスタムカーソルに挑戦したのですが、画面遷移ボタンのクリック判定（Hit Test）がずれてしまう問題が発生…。
ボタンの端をクリックすればどうにか反応するという「荒削り」な仕上がりになってしまいました…。
発表までの限られた時間と天秤にかけ、今回は「矢印キー」での操作に頼ることで、なんとか発表をやりきるという割り切りをしました。
発表後、同期から「スライドもFlutterで作ったの！？」と驚かれたり、「すごかった！」と言ってもらえてすごく嬉しかったです！
また、発表の練習に付き合ってくださった上司からも「練習したかいがあったね」と声をかけていただけて、勇気を出して挑戦して本当に良かったです！

他の登壇者の方々の発表を聞いて（参加レポート）

自分の発表だけでなく、他の登壇者の方々のセクションも「まさに今悩んでいること」や「共感・学び」に満ち溢れた刺激的な発表ばかりでした！

1. 画像を立体化して動かす話

個人開発で「AI生成した画像を立体にして動かしたいけれど、どうすればいいんだろう…」とちょうど悩んでいたのですが、Astraを使えば実現できると知れて視界が開けました！

2. スマホウィジェット × Apple HealthKit（歩数計）連携

実はイベント前から「個人開発でウィジェットを作りたい！」と調べていたのですが、手元の環境がWindows PCのため、iOS実機で試すにはMacが必要で、Windowsで試すならAndroid実機が必要という「実機テストの壁（コストの壁）」にぶつかり、一旦諦めていたアイデアでした。

会場で実際に形にされている方の発表を聞き、「やっぱり Mac か Android 実機を手に入れて絶対リベンジするぞ！」と開発意欲が再燃しました。

3. Flutter初学者が知っておくべきこと

自分自身が実際に学習の中でつまずいたこと・経験したことがいくつも盛り込まれていて、「うんうん！」と深く頷きながら聴いていました。

また、このLTの中で語られていた「BBD（勉強会・駆動・開発）」という言葉がとても印象的でした。「発表をするために開発を進める（期限を作って自分を駆動させる）」というスタイルで、発表者ご自身も今回のLTをBBDで実践されたとのこと。

登壇という目標があるからこそ開発が加速するという話に、今回のスライド作成で直面した自分の体験とも重なり、猛烈に共感しました！

4. iOS 27 / Liquid Glass / iPhone DuoとFlutter

新しいデザインシステムやハードウェアの進化に対して「Flutterだとどうなっていくんだろう？」と未来の技術動向に思いを馳せるワクワクするお話でした。

まとめと今後の目標：私もBBD（勉強会・駆動・開発）で進んでいく！

前回のブログ（1回目の記事）を書いた時から今回の登壇に至るまで、アウトプットのハードルをまた一つ越えられた気がします。

「自分なんかが登壇していいのかな…」という不安もありましたが、一歩踏み出して自分の歩みや作ったものを発信することの楽しさを実感できた最高のイベントでした。

特に登壇者のLTでも語られていた「BBD（勉強会・駆動・開発）」の凄まじい効果を、自分自身も「Flutter製スライド作成」を通して身をもって体験できました。

「発表する」というアウトプットの期限を先に作るからこそ、集中して作れるし、壁にぶつかっても泥臭く乗り越えられる。

今後もこのBBDのスタイルをペースメーカーにして、どんどん開発して発信していきたいです！

次のステップ

• 今回作成したFlutter製スライドのコード（だしゅまるくんカーソルの判定問題）をブラッシュアップする
• イベントで得た知見（Astraでの立体化など）を活かして、次の発表予定をセットしながら個人開発を進める！（まずはMacや実機の準備から…！）
• これからもBBD（勉強会・駆動・開発）を継続し、次回は具体的な技術トピックや深掘りしたテーマでの登壇に挑戦する！

最後になりましたが、素晴らしいイベントを開催・運営してくださったスタッフの皆様、そして温かく発表を聞いてくださった参加者の皆様、本当にありがとうございました！