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

こんにちは、.ごっちです。

2025年9月6日に札幌で開催されたフロントエンドカンファレンス北海道に一般参加してきましたので、その自分用の記録です。

• フロントエンドカンファレンス北海道2025: https://www.frontend-conf.jp/

前段階

石狩市出身ということもあって、帰省ついでに参加しました。交通の便がかなり悪いので、当日は札幌で寝泊まりしました。

本編

会場がめちゃくちゃキレイで札幌桑園にこういった建物があったの知らなかったです。

以下、メモをざっくりと書き直した内容になります。

奥深くて厄介な「改行」と仲良くなる20分

https://fortee.jp/frontend-conf-hokkaido-2025/proposal/e4d66f12-5ab8-40ed-bc3b-ec30df268023

改行に楔形文字の時代から歴史があるの知らなかったです。

txt

OSによって改行コードが異なるときもあります。 CRLFはタイプライター時代からあるキャリッジリターン（復帰）とラインフィード（改行）に由来します。 現代のは \n で事足りることが多いですが、一部古いWindowsでは \r\n でないといけないものがあるかもしれないです。

html

<wbr /> というタグがあり、これはスペースに余裕があれば改行するものですが、日本語だとうまくいかない。

css

プロパティは結構あるので、MDNを見るのが手っ取り早いです。

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_text/Wrapping_breaking_text

雑に設定していることが多かったので見直したくなりました。

AIエージェントによるWebアクセシビリティ試験の自動化 〜Gaudiyが実践するAI活用開発〜 / 株式会社Gaudiy 様

https://fortee.jp/frontend-conf-hokkaido-2025/proposal/34995dad-b5b6-4ced-bd07-1e169829d50f

• eslint-plugin-jsx-a11y
  • asでマッピングするとか
  • label-has-associated-control rule: labelを必須にするとか
• Storybook Test runner + axe-playwright: https://www.npmjs.com/package/axe-playwright
• Storybook coverage: https://storybook.js.org/docs/writing-tests/test-coverage
  • コンポーネントのカバレッジを計測する。
• axe-devtools: https://chromewebstore.google.com/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?pli=1
  • chromeの拡張
  • どの要素にアクセシビリティ対応が行き届いていないかを確認できる。

Claude Desktopを活用

• Playwright MCP: a11y対応されていないのでつらい
• a11y check MCP: 野良だけど。
  • コンテキストの制限がつらい
  • ログイン後のページができない
  • ビューポートの問題。

このあたりをカスタマイズして問題を解決している。 とはいえ、すべてをAIやLinterに任せるのは難しいので、人間でも確認したほうがいいです。

Viteのプラグインを作ると内部をイメージできるようになる

https://fortee.jp/frontend-conf-hokkaido-2025/proposal/7ff3a9e9-675f-411e-9481-442b87f6a546

nextjs以外はほぼviteになった説あります。honox, atro, tanstack, nuxtなど。 vite.config.ts にベタ書き。StackBlitzでいろいろ試せる。 reactのだけでなく svelteでもライブコーディングしていたのはかっこよかったです。

1から理解するWeb Push

https://fortee.jp/frontend-conf-hokkaido-2025/proposal/be93c660-8601-4f27-8f94-34298d804f01

firebaseを使うと実装が結構らくにできますが、firebaseは何をしてくれるのかを紐解いてみます。 Push APIはウェブアプリでpush通知を送ることができます。Safariも2023年3月より対応してほぼ使える状態になってます。 訪問時にプッシュ通知の許可を聞くことができなくなって、だいたいはスクロールしたら聞かれることが多い印象です。 0から実装すると結構理解できるので、試してみたいと思いました。

スポンサーブース

おさまりがよい。 pic.twitter.com/lXUBW1zd7J

— .ごっち (@gggooottto) September 6, 2025

ガウディくんかわいいね。

昼食

うまい。。!🍙 pic.twitter.com/Lz93kEpLTg

— .ごっち (@gggooottto) September 6, 2025

ひさびさに食べたいなーと思ったので、会場近くのイオンにあるサザエへ立ち寄って買ってきました。懐かしい味でうまかったです。

懇親会

懇親会でした!! pic.twitter.com/Gqu4bYlWX1

— .ごっち (@gggooottto) September 6, 2025

いろんな方とお話できて楽しかったです！ 気がついたら、はこだて未来大学同窓会っぽくなっていました。スタッフ合わせて10人ほど参加していたようです。

まとめなど

特定のフレームワークに特化したトークが少なく、学びが多かったです！

2026.6.6 @wayacon #wayacon pic.twitter.com/OQmuVqdncb

— wayacon (@wayacon) September 6, 2025

来年は3コミュニティ合同でカンファレンスをやるようなので、こちらも参加したいです。

おまけ

札幌帰省と技術イベント参加のハイライト
セイコーマートのTシャツとティッシュケース pic.twitter.com/ESrabKM5C2

— .ごっち (@gggooottto) September 8, 2025