フロントエンド・PHPカンファレンス北海道2026参加記 & 小樽旅行記

2026/06/06に札幌で開催されたカンファレンスと懇親会、次の日の小樽旅行

フロントエンド・PHPカンファレンス北海道2026参加記

2026/06/06に開催された、フロントエンド・PHPカンファレンス北海道2026に参加しました!

以下参加ブログ。時系列はある程度まとまってるが基本バラバラ。

参加したきっかけ

  • フロントエンドを日常的に触っているから。
  • フロントエンドとPHPが一緒に開催されていて、幅広いテーマの発表があって面白そうだったから。
  • 登壇者に知り合いがいたのと、学生支援で移動費・交通費込みでほぼ無料で参加できたのも大きかった。

前日

16:40くらいの函館発の北斗に乗り、札幌に向かいました!
途中の新札幌で降り、普通電車に乗り換えて苗穂に向かいました。

shinsapporo

naebo

なんで北斗は苗穂で止まらないんだ、五稜郭で止まるのに…
苗穂で降りた理由は宿…ではなく温泉に行くため。

露天風呂はいい感じにぬるかった。七重浜の湯みたいなぬるさ。


すすきののどこか。ホテル着。

枕がデカすぎる!

当日

ホテルの朝食っておいしいよね。

morning

会場

セッション

以下のセッションにお邪魔しました!

  1. フロントエンドとバックエンドで「1文字」を揃えよう by てきめん
  2. あえてPHPでリアルタイム通信をやってみる by みやもとなおゆき
  3. 「おすすめ」 はなぜ信用されないのか 〜 信頼を築くUI/UX設計 〜 by ryu
  4. Sync と Async ─ useSyncExternalStore を使う者の岐路 / 株式会社カケハシ 様
  5. AI時代のUIはどこへ行く?その2! by Yusuke Wada
  6. React、まだ楽しくて草 by うひょ

タイムテーブル

1

「フロントエンドとバックエンドで『1文字』を揃えよう」というテーマ。
そもそも「1文字」とは何かという問いから、バイト・コードポイント・書記素クラスターといった数え方の粒度を、絵文字やZalgo text、異体字セレクタを例に整理していく流れが面白かった。

異体字セレクタの話が出てきたので自分の名前の漢字でも調べてみた(名前に「凜」が入っているのだが、入力してもらう際にまれに「凛」のほうしかないと言われることがあり、ずっと気になっていた)。
→凛と凜は異体字セレクタではなくコードポイントでの分類だった?

その他、文字カウントなどでJavaScriptなら for...of / [...values] でコードポイントごとに数えられるのは有益だった。

個人的に興味のある分野なので最後まで面白かった。

2

過去に技育CAMPキャラバンなどで知っていたので、発表を楽しみにしてました。

なかなかパソコンが接続されない不具合もありつつ開始。

「あえてPHPでリアルタイム通信をやってみる」というテーマ。
他言語との比較が計測値付きで示されていて、PHPの実行モデルの話まで踏み込んでいたのが分かりやすかった。
PHPerじゃないのですべてを理解できたわけではなかったが、話し方が上手で最後まで楽しく聴けた。

彼のスライドとブログ

5

過去の発表スライドを前から読んでいたので、Yusukeさんの発表を一度生で観たかった。

「AI時代のUIはどこへ行く?」というテーマでチャットでの検索が増えてもUIは必要で、UIとAIの関わり方が3つに分類できるという話だった。

  1. UIの中でAIを使う (既存のUIにLLMを埋め込む。NotionAI、スプレッドシート+Geminiなど)
  2. AIがUIを作る (LLMがUIそのものを生成する。ClaudeのArtifactsなど)
  3. AIがUIを受け取る (MCP経由でUIを受け取る。MCP-UIという実装がある)

ラーメン屋を探すMCP-UIのデモでは、チャットから返ってきたUIをスライダーやクリックで操作すると、その操作がまたチャット側へ戻っていく。チャットとUIが行き来していて面白かった。

AIに画面を作らせるときのアプローチについても整理されていた。
既に考えられている3つの方法とそれらのいいトコどりのような方法の計4つを、札幌のラーメン屋を探すデモを交えながら発表していた。

やっぱり話上手いよなぁ…自分もこのくらい話せるようになりたい。

Yusukeさんのスライドとブログ

ブース・空き時間

セッションに参加しなかった時間にブースを回りました!
無事にコンプリート。

complete

ブースを回り終えたころに某UUID配りの人と邂逅した。

このタイミングでこの三人が邂逅。アツい。


その他、空き時間にやったこと。

ランチマッチング

年上の方二人とrasora内の中華屋に入りました。
ザンギ定食頼みました。

lunch

LT

勉強(LT)会の部長としてここは見なければならない(使命感)

とみおさんめっちゃ早口だったな…

その他にも JSX ランタイムを自作する話とか、「👍」と「👎」の位置の話とか、 C# のデバッグをブラウザでする話とか…

数が多くて全員分は書ききれませんが、皆さんの発表とても面白かった!短い時間で面白さを伝えられるのがLTの魅力ね。

懇親会

ジンギスカン、ウマー!

ジンギスカン鍋でジンギスカンやったのはものすごく久々で感動してしまった。だいたいフライパンかホットプレートなので…


「最近、またCoffeeScriptやってます」という話を自己紹介ついでにしたらウケた。なぜ。

懇親会終わった後にYusukeさんと話せる機会が。
「Hono使ってます!たまにContributeしてます!」というコミュ障じみたアプローチで話しかけて、いろいろな話をしました。昨今話題の AI Slop の話や Pull Request / Issue の話など…
最後になぜかフォロバをもらいました。ありがとうございます…
なんか夢叶ったって感じがした。
またどこかで逢いたい。

カンファレンスまとめ

幅広いテーマの発表といろんな人との交流があって、良いカンファレンスだった。
それぞれの発表すごく興味深かったし、最後まで面白かった。ただ実を言うとフロントエンドは触れど、個人では Astro / Svelte しか触らないので React 系はわからなかったことが多かった。ただこの機会にいろいろ触ろうと思った。
知らない分野にも触れるきっかけになったし、また参加したい。


小樽旅行記

おたる水族館

案内に水族館表記されてた。

到着。

otaru-aquarium

エロ漫画みたいなルビ振りしてんな…

ero


小樽潮風高校の皆さんに挨拶してきました。

三人集合。

panel1

時間なくて聴けなかった…

bluesymphony

あとは普通に水族館を楽しんだり。

魚のあほ面かわいいよね。

uo

😡

uouo


閑話休題。


まちめぐり

小樽に行って「第七回小樽まちめぐりスタンプラリー」をやってきた。

台紙を買ってなかったので、おたる水族館にあるスタンプは押せなかった;;

以下画像など。

panel2
panel3
panel4

rikka
karin
chifuyu1
chifuyu2

shop

View on mixi2

Tシャツを購入。

Click to Open

このTシャツ、クレカで支払おうとしたら「クレカだと手数料5%増しになるけど」と言われ現金で購入。あれ、加盟店規約違反では…

10か所でスタンプを押し、クリアファイルを入手。目的完了。

10


函館にメロンブックスないからね。行かなきゃね。

この後北斗に乗って帰宅した。

おんねないさん、北大のDJイベント行くのはいいけど、発車1分前のギリギリに乗車するのは怖いっス。

小樽~帰宅までまとめ

おたる水族館までの道が別イベントのせいで激混みで戻れなかったのが心残り。だが、目的はほぼ達成できたのでよかった。
水族館にまちめぐりスタンプラリー、久々のメロンブックスと、小樽・札幌を満喫できた。


まとめ

カンファレンスもついでの小樽も、どちらも盛りだくさんな二日間だった。
発表で新しい発見や刺激をもらいつつ、観光まで楽しめて、とても充実した週末になった。
普段あまりReact系を使わなかったがこの機会に何かに使ってみようと思った。
また機会があれば、ぜひカンファレンスに参加したい。