[これは何]
フロントエンド・PHPカンファレンス北海道 2026への参加レポート
（これ以上遅くなると公開しないと思ったので内容はペラペラです）
[対象読者]
フロペチ北海道の様子を知りたい人
自己紹介
Yuma Satake
プロフィールに「Webフロントやめます」って書いて3年が経ちました
普段はWebフロントエンドエンジニアをしています
- 名前：佐竹友真
- 所属：DMM.com
- 職種：Webフロントエンドエンジニア
- 趣味：車・イベント運営
- Twitter：@yuma_satake22
フロペチ北海道2026に参加しました
2026年6月6日（土）に札幌コンベンションセンターで開催された「フロントエンド・PHPカンファレンス北海道2026」に参加してきました。（気づいたら1週間経っててビビる定期）
今までペチコンにもフロカンにも参加をしたことはありましたが、双方全然雰囲気が違うよなぁと思っていたので、合同開催だとどんな雰囲気になるのか楽しみにして行きました。
4月から社会人になったので、会社がカンファレンス参加費用をサポートしてくれるようになったのがありがたいところでした。
会場・オープニング
会場の札幌コンベンションセンターはかなり札幌の中心から近く、アクセスが良かったです。
最初はことみんの開催挨拶から始まりました。一緒に行ったカンファレンス初の友人が「カンファレンスって結構緩い感じなん？」って言い出して、アットホームさは敷居を下げるのに大事だなと思いました。
視聴したセッション
103 Early Hintsで始める、サーバー・フロントの協調最適化
103のステータスコード自体は認知していたものの、全く実用の経験がなかったため、面白いセッションでした。
そもそも現在の103に至っている歴史の話から、SPAに対しては初期HTMLが薄いためサーバー側の待ち時間がほとんどなく、103 Early Hintsの効果が薄いという話などを頷きながら聞いていました。
個人的には、Next.jsなどの最適化された分厚いフレームワークにおいては内部的に利用されて、開発者が個別に意識せずとも裏側で恩恵に預かる形になるのかなと思いました。
代数的データ型って何が嬉しいの？
代数的データ型や、Result型の概念がとてもわかりやすく説明されているセッションで感動しました。
この辺りの考え方については、普段使っているTSでも重要な概念だとは理解していますが、中々人に説明するのが難しいなぁと思っていたので、非常に勉強になるセッションでした。
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
TSのコードからPHPDoc Typesを生成するというものでしたが、実際に生成された型を見て他言語間での型共有ってやっぱ大変だなぁって思いました。（セッション中でも言及されていた対応する型が無いという表現の問題についても同様）
もちろんそういう話では無いのは分かりつつ、ここまで型を同期させる仕組みを作り込むコストを考えると、別アプリケーションとしてOpenAPIのSchemaぐらいで型を共有した方がシンプルだよなぁと思いました。
このセッション自体は、フロントエンドとPHPの合同カンファレンスだからこそ生まれたセッションだと思ったので、面白いセッションでした。
「おすすめ」 はなぜ信用されないのか 〜 信頼を築くUI／UX設計 〜
レコメンドシステムにおいてユーザーに押し付け感や不気味さを与えないためにはどうすれば良いか？というセッションでした
ユーザーに納得感を持って機能を受け入れてもらうためには、「学習元をユーザー自身で制御できること」や「推薦理由を明示すること」が重要であり、バックエンドの複雑なロジックをいかにフロントエンドがユーザー視点の体験へと翻訳して提示できるかが、プロダクトの信頼に繋がるという話で、なるほどなぁと思いながら聞いていました。
技術的に優れたレコメンドエンジンと、ユーザーがそれを信頼して使ってくれることは別問題であるというのは、大事な視点だなと思いました。
Sync と Async ─ useSyncExternalStore を使う者の岐路
Async Reactのパラダイムと、Zustandのような同期的状態管理ライブラリが抱えるアーキテクチャ上の問題について、実例ベースで理解できたセッションでした。
Zustandが内部でuseSyncExternalStoreに依存しているがゆえの制約があり、回避策としてuse-zustandを利用するアプローチなどを知ることができました。
AI時代のUIはどこへ行く？その2！
AIが生成するUIの3パターン（Controlled / Declarative / Open-Ended）における再現性、トークン消費、レイアウト自由度などのトレードオフが綺麗に整理されており、分かりやすかったです。
また、第4の方向性として、LLMに直接Reactコードを書かせて動的にUIをレンダリングするアプローチが紹介されていました。「でもセキュリティがなぁ...」とか思っていたら Cloudflare の機能が滑らかに出てきて思わず契約しそうになりました（適当）
LT
1日の最後には怒涛のLTレーンがありました（写真撮ってあったやつだけ）
実践！春の上川空知駆動開発
西原さんの詠唱がマジで良すぎて、俺ももっとLT上手くなりてぇなって思いました
「👍」と「👎」の押しミスに震えない世界を作りませんか?
リアクションUIの並び順にあんまり違和感を感じたことなかったので、確かに文字コードで並べただけやろな...って思いました
作って学ぶ、 JSX (TSX) ランタイムの基本
私は今までJSXランタイムを作ったことがないのでフロントエンドエンジニアではないことが発覚しました（！？）
PHPで使える日時の表現と、その知り方
JSこそがいろんな言語の中で一番やばいDateの実装をしていると信じていましたが、そんなことはありませんでした
その他
久しぶりにカンファレンスに一般参加者で楽しそうな成人男性
PR TIMESさんのブースのチャレンジでいい感じのスコアを出して、ノベルティをもらいました（感謝）
ランダムマッチランチという企画があり、ランダムに組まれたグループでランチに行きました（PHPの人とフロントエンドの人が半々になるように組まれていて面白かった）
会場近くのラソラ札幌に入っている「らぁめん銀波露」で味噌ラーメンを食べました。
札幌気分を出すためにコーンを入れたものの、ベースのラーメンがマジで重くて食べきれないかと思いました（）
懇親会でうひょさんの隣になったはいいものの、席の関係で肉を焼いてもらうことになり、恐ろしく単価の高い焼肉を食べることになりました
ツナギメエフエムのアカセさんから登壇者キーホルダーをもらいました。初めて実体のアカセさんと会えて嬉しかった。
北海道旅行の様子
これは初めての機外カメラではしゃぐ子どもの図
関東がクソ暑いからといって、北海道に半袖で行くのはやめましょう、死にかけました
ことみんの聖地巡礼をすべく、苫小牧に行きました
道民に運転をしてもらうことで、海鮮丼をサッポロクラシックで流すことができ感動しました
感想
初めてフロントエンドとPHPの合同カンファレンスに参加しましたが、流石に合同ならではのセッションも多く、面白いセッションが多いカンファレンスでした。（登壇手慣れた人が多くて最高だった）
会場自体も、フロントエンド人の若さと、PHP人の皆さんのアットホームさが混ざっており、過ごしやすい（？）雰囲気でした。
あと北海道最高！！来年も行くぞー！！！
運営の皆さん、運営お疲れ様でした！最高！！！