Google Chrome 123リリースの新機能! 知らないと損するかも?

 コメント2件
Chrome 123 の新機能  |  Blog  |  Chrome for Developers
Chrome 123 がリリースされました。新しい Light-dark 関数、Long Animation Frames API、Service Worker Static Routing API など、多くの機能があります。Adriana Jara が、Chrome 123 のデベロッパー向けの新機能について詳しく説明しています。
  • 7:以下、名無しがお送りします

    Chrome 123がリリースされたみたいだけど 何か目玉の新機能あるの?

  • 8:以下、名無しがお送りします

    light-dark()関数でカラーパターンを調整できるようになったらしいぞ ライトモードとダークモードで色を切り替えられるんだって

  • 22:以下、名無しがお送りします

    Long Animation Frames APIってのもあるみたいだけど これは何に使うの?

  • 27:以下、名無しがお送りします

    >>22 サイトのパフォーマンスをチェックするのに使えるらしい レスポンス悪いときの原因がわかりやすくなるんじゃない?

  • 33:以下、名無しがお送りします

    >>27 なるほど 最適化するのに役立ちそうだね

  • 35:以下、名無しがお送りします

    Service Worker Static Routing APIも気になる Service Workerのパフォーマンス改善につながるのかな

  • 44:以下、名無しがお送りします

    >>35 制御対象のURLをService Workerから除外できるから 起動のオーバーヘッドが減るんだって

  • 48:以下、名無しがお送りします

    >>44 Service Worker使ってるサイトは試してみる価値ありそう

  • 53:以下、名無しがお送りします

    zstdっていう新しい圧縮方式もサポートされたみたいだけど どれくらい効果あるんだろ

  • 56:以下、名無しがお送りします

    >>53 ページの読み込みが速くなるし サーバーの負荷も下がるらしいよ 帯域節約にもなるし コスト削減効果は大きそう

  • 58:以下、名無しがお送りします

    >>56 今後主流になっていきそうだね 対応するの大変そうだけど

  • 61:以下、名無しがお送りします

    display-mode: picture-in-pictureも地味に嬉しい PinPモード用のCSSが書けるようになるのか

  • 71:以下、名無しがお送りします

    >>61 動画サイトとかだと重宝しそう モードによって最適なUIにできる

  • 77:以下、名無しがお送りします

    NavigationActivationを使えば ユーザーの遷移元に合わせてページをカスタマイズできるようになるのか

  • 79:以下、名無しがお送りします

    >>77 おお それはいいな どこから来たかでコンテンツ出し分けたりできそう

  • 82:以下、名無しがお送りします

    >>79 アクセス解析とかにも使えるかもしれないね

  • 83:以下、名無しがお送りします

    全体的にパフォーマンス改善系の機能が多い印象だな

  • 84:以下、名無しがお送りします

    >>83 そうだね ユーザー体験を向上させるのが狙いなんだろう

  • 87:以下、名無しがお送りします

    >>84 開発者としてはちゃんと押さえておかないとな

  • 90:以下、名無しがお送りします

    light-dark()関数は今すぐ使えそうだけど 他のはまだ実装が大変そう

  • 93:以下、名無しがお送りします

    >>90 新しいAPIはドキュメントとかをよく読んで理解しないとな

  • 94:以下、名無しがお送りします

    >>93 サンプルコードとかデモを探してみるのもいいかも

  • 102:以下、名無しがお送りします

    Chrome 123の新機能 思ったより多いな どれから手をつけようか

  • 108:以下、名無しがお送りします

    >>102 優先度高いものからやっていくのがいいんじゃない?

  • 118:以下、名無しがお送りします

    >>108 そうだな 一気にやろうとしても大変だろうし

  • 127:以下、名無しがお送りします

    ちゃんと追えてない機能もありそうだし もっと調べてみないとな

  • 132:以下、名無しがお送りします

    >>127 リリースノートとか公式ブログをチェックするのがいいよ

  • 141:以下、名無しがお送りします

    >>132 他のブラウザの動向も気にしておきたいところだね

  • 144:以下、名無しがお送りします

    Chromeの新機能を活用して 他と差をつけていきたいな

  • 151:以下、名無しがお送りします

    >>144 ユーザー目線に立って 本当に役立つ機能を取り入れるのが大事だよね

  • 156:以下、名無しがお送りします

    >>151 そのためにはトレンドをしっかりウォッチしないと

  • 162:以下、名無しがお送りします

    自分のサイトでも light-dark()関数は早めに使ってみようかな

  • 165:以下、名無しがお送りします

    >>162 ダークモード流行ってるしね ユーザーの好みに合わせられるのは嬉しい

  • 170:以下、名無しがお送りします

    >>165 ライトモードとダークモードのデザインを両方考えるのは大変そうだけどね

  • 177:以下、名無しがお送りします

    Long Animation Frames APIは少し敷居が高そう

  • 181:以下、名無しがお送りします

    >>177 パフォーマンスチューニングに興味ある人向けって感じかな

  • 191:以下、名無しがお送りします

    >>181 プロファイリングツールとかに詳しくないときついかも

  • 196:以下、名無しがお送りします

    Chrome 123 思った以上に奥が深いな まだまだ勉強が必要だ

  • 202:以下、名無しがお送りします

    >>196 こういう新機能のキャッチアップ 開発者にとって永遠の課題だよね

コメント(2件)

  • 1

    light-dark()関数ってCSSで書けるのすごい

  • 2

    Service WorkerからURL除外ってキャッシュ戦略変わりそう