フロントエンド・PHPカンファレンス北海道2026
てきめん
今泉さんとかが好きそうな話だ
コードポイントの説明
U+000~U+10FFF の21bit
多言語面・漢字面なんだっけ
Unicodeで16bitでは足りなくなった
UTF-16はBMPの中にサロゲートペアを作って対処。組み合わせでなんとか。
-16のみの概念で-8や-32で使えない
UTF-16はJavaScriptやJavaでの内部文字コードとして利用されている
Rubyは-8だった
ぱっと見一文字だがコードブロックを2つ消費するとかがある
🧑🧑🧒 = 🧑 + ZWJ + 🧑 + ZWJ + 🧒 + ZWJ + 🧒 7文字！
https://scrapbox.io/files/6a2389c9601c8b4efdcb718e.png
Zalgo Text
ハングル8,000文字で日本語2,999文字なの意外
発音記号は無限に被せられる
発音記号って文字なの？文字って何？
書記素クラスタにコードポイントの上限ない
実際の計算ってどういうことがされてるんだろうな
ん。結局文字数ってのは書記素クラスタの数になるのか？コードポイントの数になるのか？
結論としてJSとPHPで文字数を揃えたいときはコードポイントの数をみたらいいであってる？
エクセルのような表の画面を作ったらクリック率が低すぎた
ユーザはクリック可能なのがわからなかった
認知負荷とアフォーダンスを気にするようにした
アフォーダンス：ドアノブを見たら押すのかスライドなのかわかるだろう
表にホバーしたら、色が変わるだろう
スマホだとわかりづらい気がする
この辺のノウハウ言語化したいなぁ
作ってると使い方が「わかってしまう」
taiyonolatte
1ヶ月前にXのアカウント作ったウケる
まずそもそも Signals わからない
なんで React では使われてないんだろう
Signalの話を聞いてると React じゃん・・・？ってなってる
VueとかSvelteとかでも Reactive functional programming してると思うが、これは Signal ベースにした方がいいみたいな話なのかなぁ
テストダブルの話
テストダブル includes mock, stub
無のテストになる
プロダクトコードが変わってるけど、テストダブルが変わってなくて「嘘をつくテスト」になった
無のテストが増えるとテスト全体への信頼性が落ちる
プランの載せ替えの時にテストあってよかったよな〜funwarioisii.icon
なーんでテストダブルを使うか
APIリクエストとかね
実装が存在しない依存に対してテストできるなるほどな〜
自明な話に思いつつ、失敗だと感じるまでやれてるのはいいな〜
「基本的に mock を使わない」に振るのが easy だけど、逆に書いていいケースをしっかり言語化できると強いですよね〜と思うなど
外部連携他？
その時にどうしてるっけね、 json
基本的にDB
レコメンドについてはないよりあった方がいいくらいのものだと思うけど
おすすめの理由とかがわからないと厳しいとか
ちょっと離席してたら終わってたんだけど・・・・
AsyncReact
Suspense とか実はあんまりわかってない
Zustand〜〜〜
useSyncExternalStore を中で使っていて transition と相性が悪いっぽい話
zustand-use とかがあるらしい
基本的に React 18以降は全て transition を基本として考えた方がいいらしい
15分の発表ってこんな感じなのか〜
UI
mcp-ui
結局チャットベースなのか？
Apps in ChatGPT
いい感じに iframe 返すくん
static, declarative, Open ended
demo見てるけどすごーい！
これどうやってるんだろうな
React楽しくて草
router library や component libs は transition を前提とするべきらしい
async react 普及していないから成長の余地があって草らしい
AIがReact全然使えないはまじでそう
async reactで更新箇所を局所化できる
AIのtoken消費量を減らすことができるついでなメリットも？
Navigation API
React の StrictMode いいな
今のReactは理想のReact何%実現できているのだろう←かっこいい