？＞＜；
千葉 松戸市長選挙 松戸隆政氏が初当選｜NHK 首都圏のニュース
https://www3.nhk.or.jp/shutoken-news/20250601/1000118054.html
「Microsoft Edge」にPDFを丸ごと翻訳する機能、内蔵AIを活用するAPIも提供へ - 窓の杜
https://forest.watch.impress.co.jp/docs/news/2018930.html
！！！！！＞＜
ログ読み返したら、オレンジが調べる前に解決してた・・・・＞＜
これ、単にそんな事ほんとに出来んのかって事で作ってもらったコードだけど、普通にGUIでベジェ曲線でコントロールポイントを動かして、速度の変化とかを指定するコントロールみたいなの作る時にもそのまま使えそう＞＜
Mockup of Cubic Bezier easing function for CSS implementation in C#.
GPT-4oさんに作ってもらった、CSSのトランジションの補間の実装の学習用モックアップ＞＜
https://gist.github.com/orange-in-space/085b94111755727df1538518e4dc3c20
（英文はGPTじゃなくオレンジが書いたので、ヘンテコだったらオレンジのせい＞＜；）
結論＞＜
「X=Yのベジェ曲線は幾何学的に直線？」
→ そう
「CSSでの(0,0,1,1)の3次ベジェって、リニアじゃなくね？」
→ CSSの処理では、ベジェ曲線のtを入力にしてるんじゃなくて、xを入力にしてyを出力とするみたいなガンマカーブ的（？）な使い方をする為に、逆関数として（？）ベジェ曲線を使ってるので、ベジェ曲線の『tに対する非線形性』はCSSでは関係無くなる
って事っぽい＞＜
GPT-4oさんに「ソースコード読むよりも、仕様書読むほうがよくね？」（超超超意訳）ってことで読んでなるほどってなった＞＜
CSS Easing Functions Level 2
2.2. Cubic Bézier Easing Functions: ease, ease-in, ease-out, ease-in-out, cubic-bezier()
https://drafts.csswg.org/css-easing/#cubic-bezier-easing-functions
Firefoxのソースコードの当該部分探そうとしたけど読みづらい＞＜；
それらしきテストコードは見つけた＞＜
firefox/servo/tests/unit/style/parsing/transition_timing_function.rs at 618678dd32e52dbaa8a56d72c6655032f48068b3 · mozilla-firefox/firefox
https://github.com/mozilla-firefox/firefox/blob/618678dd32e52dbaa8a56d72c6655032f48068b3/servo/tests/unit/style/parsing/transition_timing_function.rs#L10
Gemini曰く
"まとめると、CSSはベジェ曲線を「時間の進行（X）が与えられたときに、それに対応するプロパティ値の進行（Y）を返す関数」として利用しており、内部的にその対応を見つけるために数学的なパラメータtを介している、ということです。"
ので、間違ってないですらしい・・・＞＜
（ほんとかどうかはわかんない＞＜；）
やっと理解したので本題に戻ってきて、
transition-timing-function - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/transition-timing-function
"linear
cubic-bezier(0.0, 0.0, 1.0, 1.0) と同等であり、トランジションは均等の速度になります。"
・・・これは間違ってるんでは？＞＜；
4oさんに聞いたら「幾何学としては直線」であれば正しいと言われた＞＜；
線形関数で言う直線（？）とは違うので、そこは混同しないように幾何学としてって明示しないと誤りになるっぽい・・・？＞＜
ていうか、x=yなn次元ベジェ曲線って、1次元ベクトル（ただの実数？）に対してのベジェ曲線ということになって、1次元ベクトル（？）は曲線を表現できないので直線であるみたいな感じの理解でもいいのかも？＞＜
いろいろ実験コード動かしながら4oさんとGeminiさんに教えてもらったけど、超簡単に言うと
『n次ベジェ曲線のすべての要素がx=yであるのであれば、計算の結果もすべてx=yである』
というシンプルな答えになるっぽい＞＜
変化するのは、任意の点から任意の点への進む速度＞＜
（進む速度が2次であっても3次であってもそれ以上のn次も含めて、非線形になるって事っぽい＞＜）
なので、x=yのしか出てこないので、直線が出力される＞＜
数学苦手なので、数式じゃなく何らかの別のものでのたとえでしかわからないし、たとえがあってるかわからない＞＜；
Geminiさんに「もしかして、重力に見立てて考えると、星4個の話が星2個になっちゃったからまっすぐになった感じかも？＞＜」って聞いたら
"まさに、4つの星（P0,P1,P2,P3）が登場する重力の話が、実質的に2つの星（P0とP3）のシンプルな重力の話になってしまった結果、直線になった、というイメージで完全に合っています！"
らしい・・・＞＜
大きいモデルのLLMで曲線です派がいないと、ちゃんと確かめられない・・・＞＜
オレンジの理解（あってるかさっぱりわかんない）
「x1,y1は、到着点（？）側の向いているべきベクトル（？）を示してるのかも？＞＜」
「x2,y2は、出発時の向いてるベクトル（？）を示してるのかも？＞＜」
Llama 3.3 70Bさん「そうです！」
そのうえで、
「じゃあ、最初から、到着点を向いてて、終点で向いてるべき方向が出発点であれば、曲げる余地がないので直線では？＞＜」
Llama 3.3 70Bさん「直線です！」
・・・そうなの？＞＜；
Llama 3.3 70Bに曲線になる理由の子供向け説明を求めて議論していった結果、「直線です！」になったんだけどマジでどういうことなの？＞＜；
- ＠orange_in_space
2017年 4月に登録
