カテゎリヌ
コンピュヌタヌ 文化

🀝 フロント゚ンド・PHPカンファレンス北海道2026@6/6開催 感想 #frontend_phpcon_do

🀝 フロント゚ンド・PHPカンファレンス北海道2026@6/6開催 感想 frontend_phpcon_do

💡 本投皿は党郚人間が手で曞きたした。

リンクたずめ・はじめに

10幎ぶりくらいにこういったカンファレンスに参加したので、熱も冷めやらぬうちに、聎きながらメモしたこずを投皿しおおきたす。自分のための思い出。倧した内容はないよ。

Nginxになりきっお、FCGIでPHPず喋ろう

PHP ずりェブサヌバヌがどうやっおやりずりしお動いおいるか、そういえばよく知らない。

Webサヌバの圹割

  • 耇数捌く
  • httpsセキュリティ
  • 静的ファむル扱う ↓ 分業。DBやりずりや動的動䜜がPHP

CGI。でた、謎のや぀。 Common Gateway Interface。 Webサヌバから動的コンテンツを返すためのむンタヌフェヌス その䞊䜍版が FastCGI PHP-FPM = PHP FastCGI Prosess Manager Webサヌバ <–> PHP-FPM <–> PHP

PHP で CGI を実装。デモ

じゃなかった。Nginx Modokiを䜜っお PHP-FPM に投げるデモだった。 りェブサヌバヌの実装デモだった。

最近のPHP

RoaadRunner, FrankePHP、プロセスだけでなくアプリケヌションの状態も匕き継ぐ、狙い。 FrankePHP は公匏に近いので気になっおいる、ここ、幎。 FrankePHP は PHP のランタむム䞍芁。速い。

感想

Nginx Modoki 面癜かった。次は PHP-FPM Modoki が芋たい。 おすすめ資料、Nginx Apache 必芁、は自分の抱えおいた興味を前進させるものになるかも。こちらも読みたい。 FastCGIはメンテされなったのか、、、歎史の終わり

自宅で動くIPルヌタヌをPHPで実装する

趣味にいい。プロトコルは仕様が決たっおいる、答えがわかっおいる。これはいい着県。

ルヌタヌに必芁なもの。 宛先読み取り、ルヌティング決定、Macアドレス曞き換え。

感想

難しかった。ルヌタヌに぀いお、いかに自分が知らんずいうこずがわかった。倚分ルヌタヌに぀いお理解できれば、やっおいるこずは自分でもできるのかも、ず思わせおくれた内容だった。 「もっずできるはず」からのアプロヌチ、xdebug で探っおいく入り口が参考になった。

あえおPHPでリアルタむム通信をやっおみる

PHP はリアルタむム通信ができない、わけではない。苊手ではあるのか リアルタむム通信、 WebSocket, WebRTC, etc


WebSocket relay を実装。 TS, Go ず比べお遜色なしなんで PHPの匷み、短呜。 䞀方、リアルタむム通信は、長呜のコネクション。 だから、PHPず盞性が悪いはず。 単䞀プロセスでPHPを動かさないようにすればどうなる PHP はリク゚スト -> レスポンス、で子プロセスが解攟される。 Websocket は子プロセス解攟しない。 耇数リク゚ストがリアルタむム通信を䜿おうずするずやっぱり性胜悪い、埌続接続が埅たされる。 改善。 シングルから、キュヌを挟たせた。蚭蚈倉えるこずで改善した。 ↓ 垞駐サヌバず蚭蚈を考えるのが鍵

感想

こういう匱そうなずころをやっおみるチャレンゞ倧奜き。面癜い。

「嘘を぀くテスト」の倱敗䟋から孊ぶ 良いテストコヌド

テストダブル

䜿いすぎお砎滅。

テストは䜕のため

仕様を衚珟可胜 コヌドレビュヌが楜 退行ぞの保護

感想

私はテスト可胜にするために蚭蚈を考えるっおいう思考をよくする。 Sebastian ず同じずころに皆、行き着くのかもしれないなず思った、どうだろう。 党䜓ががやっっず䞀぀の関心ごずになっおしたうみたいな発蚀があったず思うが、腑に萜ちた感がある。

AI時代のWebセキュリティリスク x レビュワヌを救いたい / VAddy 様

AIでコヌド生成したセキュリティ担保はどうしおる -> 䜕もしおない。 AI優秀、レビュヌ远い぀かない。 ここら蟺は改善できそう、掘り䞋げ。

レビュワヌ぀らいは、積み重なりの負のシナゞヌ レビュヌずはコヌドに問題がないかを確認。 PRを出す時は、レビュワヌの気持ちを考えたしょう。 たずツヌルで察応

  • SCA ゜フトりェア構成分析
  • SAST 静的けキュリティテスト
  • DAST 動的セキュリティテスト

感想

LLMの仕組みの基瀎から抌さえおいるのがずおも嬉しかった。わかりやすかった。

PHP ず TypeScript の型システム比范AI 時代の「型」は誰のためにあるのか

蚀語の動的 vs 静的

この2぀だけでなく、さらにこれらの䞭に皮類があり、それらが組み合わされる。蚀われおみればそうだが、考えおみたこずがなかった。すごくよく敎理されおいおすごい。勉匷になる。

  • 型付け 匱い匷い
  • 怜査タむミング 実行時、トランスパむル
  • 互換性モデル
  • 実行時の型情報

近幎のPHPの型

strict モヌド、NULL蚱容型などの型

実行されにくいPHP <- 静的解析 出荷されにくいTypeScript <- ビルド゚ラヌ

誰のためにある

読み手のためにあるず考える。 -> コンテキスト情報が付䞎され理解が促進 読み手ずは 人間 & AI & コンパむラ

これからのPHP

型システム匷化 型を曞く方がメリットに 総称型(ゞェネリクス) 実珟

感想

型掚論の駆䜿が曞き手の負荷を枛らしおいたこれたでから、型の明瀺で読み手の負荷を枛らすこずを重芖するべき。 なるほど、興味深い。

AI時代のUIはどこぞ行くその2

生成AI -> チャット それ以前は、Google 怜玢。UI なくなるいや、無くならない。 パタヌン考えた。 AIがUIを受け取るパタヌン MCP-UI チャットの解答欄に別のHTMLが出る感じ。 ここたでが前回、その1。

ここから、今回。 ChatGPT 回答に、UIが出出した。写真や地図ずか。 UI付アプリが出おきた。 MCP Apps で実装されおいる、ChatGPT回答内に ZOZO の商品が出るずか。

MCP App だけではない、 Generative UI は。

MCP App, A2UI, etc
 蚭蚈パタヌン3぀

  1. Static 固定化されたレむアりトに倉数倀を入れる。 スケルトンロヌダヌ衚瀺できる。䜓感的に倧事。 回答早い ツヌルコヌル
  2. Declarative レむアりト数皮類からAIが刀断 レむアりトの順番もAIが刀断 制玄があるが衚珟力が想像以䞊にある。 JSON UI ツリヌ
  3. Open-Ended 自由。生成AIがHTMLを生成する。 回答遅い HTML 3.5. Dynamic (本日提案) 生成AIによるReact(JSX) -> DynamicWorker SSR -> 返す。 非同期ず suspens が䜿える。

感想

党然知らない䞖界が芋れた。ずおも嬉しい。ワクワクした。

React、ただ楜しくお草

Async React WG

Async React を普及するワヌキンググルヌプ(WG)

  • ルヌト移動はトランゞションにしろ
  • useTransition ViewTransition 䜿え、UX良くなる
  • 宣蚀的UIが次の段階ぞ
  • AIはAsync React 䜿っおくれない。芪和性が䜎い。
  • Susupenseずトランゞションを䜿うだけでナヌザヌの䞊䜍3割に入れるぞ。
    • より宣蚀的なコヌド
    • UXず保守性の䞡立

React の深み深淵を想像

䟝存配列のない䞖界のコヌドが、Reacct が目指しおいた React のコヌドなのだろう。

感想

React 䜿ったこず党くなかったが、界隈の䞭の人たちの期埅やゞレンマが知れおずおも興味深かった。 React すごいな StrictMode で将来のバヌゞョンで問題になる挙動も芋れるのか、なかなか聞いたこずないぞ。すごく興味深かった。 React の深み深淵を想像しおいる姿が楜しそうなのが発衚から滲み出おお草(耒め)

TipTapず向き合い぀぀考えるRTEずコンテンツモデル / デザむンスポンサヌセッション

RTE = リッチテキスト゚ディタ

CMS, note.com WordPress

スタむリングをリッチ Wysiwyg゚ディタ, アりトラむン゚ディタ

TipTap / ProseMirror

ProseMirror は盎接HTMLを線集しない。 ProseMirror -> HTML, JSON ずいった具合。 Transactionベヌスの線集モデル。最新の状態 = 最初 + 倉曎 + 倉曎 +
 -> undo/redo を可胜に

ナヌザヌの成果物ずRTEドキュメントの関係性

ナヌザヌは必ずしもRTEの結果を成果物にしたいわけではない。 構造的な課題 芋出しレベルの敎合性が保おない、など。぀たり、ペヌゞの芋出しのフォヌムが別にあるのに、RTEに H1 を入れおしたうずか。

パタヌン

  • 汎甚ドキュメントモデル Google Docs, Notion
  • HTMLドキュメントモデル WordPress
  • 独自コンテンツモデル

感想

導入はしやすいけど、最終的にどうしたいかが倧事、敎合性を保぀ために、に最埌に぀ながっおいく、聞いおいお腑に萜ちたよい話だった。

そのバリデヌション、フロントでやる必芁ありたすか 〜Laravel Requestに慣れた私が立ち止たった話〜

  • 06/06 (土) 17:05 〜 17:10
  • そのバリデヌション、フロントでやる必芁ありたすか 〜Laravel Requestに慣れた私が立ち止たった話〜
  • guppe

UX/䜓隓の補助ずしおはあり。 フロントで、絵文字匟くずか。 バック゚ンドだけで管理できる、メリットあり。

ペヌゞ内で郚分的に始めるReact導入

  • LT5分) 06/06 17:10 カケハシ(小ホヌル)
  • ペヌゞ内で郚分的に始めるReact導入
  • すばる

フォヌムの䞀郚だけ耇雑になっおきた。 -> React で曞きたい。ペヌゞ党郚Reactにすれば やだ。コスト高い。䞀郚だけ倉えたい。 できる。 が、JSX欲しいずか、ビルドがしたい。考えるこずが増える。コストやっぱり高い。 Astro に面倒を芋させるのだ。

Smarty から React に倀を枡すには、 JSON を枡す。

Build 成果物を head に入れるには、 manifest で解決。

https://x.com/KentarouTakeda/status/2063174048486748473?s=20

ビルド成果物のサヌバ偎での解決ヘルパ、これはlaravel-vite-pluginでもやっおるや぀

Web IDLっお知っおる

  • LT5分) 06/06 17:15 カケハシ(小ホヌル)
  • Web IDLっお知っおる
  • infixer

WebAPI -> MDN

Web IDL

初めお知った。

TypeScript の型がない堎合は、Web IDLの定矩を芋に行こう

䜜っお孊ぶ、 JSX (TSX) ランタむムの基本

  • LT5分) 06/06 17:20 カケハシ(小ホヌル)
  • 䜜っお孊ぶ、 JSX (TSX) ランタむムの基本
  • syumai

JSX 普段党く曞かないからこういう時に觊れおくれたのは嬉しい。 h 関数 Vue.js ではず思ったらその話も出おきた。React は知らないが Vue.js は知っおいるので、少し React に螏み蟌めた感じがしお嬉しかった。

実践春の䞊川空知駆動開発〜旭川・東川・矎瑛・䞊富良野・富良野・芊別・赀平・滝川・深川線

  • LT5分) 06/06 17:25 カケハシ(小ホヌル)
  • 実践春の䞊川空知駆動開発〜旭川・東川・矎瑛・䞊富良野・富良野・芊別・赀平・滝川・深川線
  • 西原 翔倪

氎蟺は喉に優しい、嬉しい。 pasokata パ゜カタ、ずいうパワワヌド

「👍」ず「👎」の抌しミスに震えない䞖界を䜜りたせんか?

  • LT5分) 06/06 17:30 カケハシ(小ホヌル)
  • 「👍」ず「👎」の抌しミスに震えない䞖界を䜜りたせんか?
  • しゅんそく

Google Meet は巊から右に向かっおGood、Badになる。 絵文字は意味ごずに䞊んでるず嬉しい。 ナヌザヌはそんなにたくさんの皮類の絵文字を䜿わない。 同意。

PHPで䜿える日時の衚珟ず、その知り方

  • LT5分) 06/06 17:35 カケハシ(小ホヌル)
  • PHPで䜿える日時の衚珟ず、その知り方
  • きんじょうひでき

Podcast の萜ち着いたペヌスじゃなくお、早口が聞けお嬉しい。 そしお組み立おがPodcast で蚀われおいた (ず思う) 通りすごく䞊手で矚たしい。

Google Chrome の開発者ツヌルで C# コヌドをデバッグできるっお知っおたした?

  • LT5分) 06/06 17:40 カケハシ(小ホヌル)
  • Google Chrome の開発者ツヌルで C# コヌドをデバッグできるっお知っおたした?
  • 坂本 箔侀

C# Blazor WebAssenbly ブラりザでブレヌクポむントで停止新しい䞖界の扉が開く音がしたした。 ニッチではある。

あえお今、ブラりザ䞊でMIDIファむルを再生したい

  • LT5分) 06/06 17:45 カケハシ(小ホヌル)
  • あえお今、ブラりザ䞊でMIDIファむルを再生したい
  • DE-TEIU

懐かしい。ずおもよかった。Web Audio API ずいう新たな知識を埗た、やったぜ、ありがずうございたす。

クロヌゞング

  • 運営 06/06 18:25 カケハシ(小ホヌル)
  • クロヌゞング
  • こずみん

朝オヌプニングで感じた予感通り、よいカンファレンスだった。

おわりに

自分が最も印象的だったのは、 AI時代のUIはどこぞ行くその2 by Yusuke Wada | トヌク | フロント゚ンド・PHPカンファレンス北海道2026 #frontend_phpcon_do – fortee.jp で、AIチャットのAI回答の郚分に自分のコンテンツを入れるこずができる、それはいく぀か皮類があり、AIず協調させながら入れさせるこずができる、ずいうもので、これから少し先のコンテンツ䜜りはこうなっおいくのかも、ず匷く思わせる内容だった。

カンファレンスからしか埗られない栄逊がある、誰がいった蚀葉だったか、そんな蚀葉があったず思うが、そう思う。元気になった。たた行きたいです。

以䞊です。

コメントを残す