🐥

GDG Tokyo devfest 個人的に気になった発表まとめ

2023/12/13に公開

この記事は mob Advent Calendar 13日目の記事です。

先日 GDG DevFest Tokyo 　が開催されました。

その中で気になったいくつかの発表について、箇条書きですがまとめます。

Google CloudのGenAIサービスで「AIにファッションを褒めてもらうアプリ」を作ってみよう - 中井悦司さん

https://youtu.be/uuaxvgKrDtE?t=1654

簡単に生成AIを作ったアプリを作る流れが、工夫もある作り方で面白かった。

バックエンドのプロトタイピングには対話的に実行できるJupyter ノートブックが便利
- Google Cloud の Workbench の環境でノートブックが使える
- 認証処理の設定などもやってくれる
- AI 系のプロンプトは試行錯誤がいるので、対話でやれる
- サンプル -> https://github.com/google-cloud-japan/sa-ml-workshop/blob/main/blog%2FFashion compliment.ipynb
ノートブックでプロトタイプができたら、モジュールにしてデプロイするだけ
Cloud Run が認証なしに誰でもアクセスされると困る時、Firebase Hosting にフロントエンドをデプロイしてあげれば API Gateway の機能を持ってるので必要な認証処理をやってくれる
- https://firebase.google.com/docs/hosting/cloud-run?hl=ja#direct_requests_to_container ここらへんの話しかな？？

2023年のウェブ - 田中洋一郎さん

https://youtu.be/ONwN3tpCSDA?t=6850

まとめからはいって、今年何があったを月毎に振り返る発表。結論からくる感じが良かった。

今年の Web を振り返ろうというイベント
まとめ
- 主要ブラウザの互換性が非常に重視され、かなり向上した
  - interop 2022, 2023
  - いろんなブラウザのサポートするのが楽になった
- CSS の機能開発が活発
  - 一方で HTML や JavaScript はそんなに
- パスキー元年
来年は
- プライバシーサンドボックス
  - Cookie でのトラッキングが厳しくなってきて、これの影響がでてくるかも
- パスキーの導入が進むはず
- Chrome拡張機能 Manifest V2廃止
  - 2024/06 から動かなくなる
- ウェブアクセシビリティ元年
  - 努力目標が義務になる
トピック
- MathML Core で数式をかけるようになった
- ピクチャーインピクチャーの擬似クラス
- credentialless iframe
  - クロスオリジンな iframe を読み込み可能
  - その変わり Cookie や Local Storage にアクセスできない
- CSS関連
  - Support for nesting
    - 読みやすくなる
    - 容量も減る
  - text-wrap:balance
  - Scroll-driven Animation
  - clip path
  - View Transition API
    - SPAにおいてシームレスにトランジションするAPI
- パスキー
  - パスワードに変わるより簡単にかつ安心に
    - 指紋認証、顔認証、画面ロック解除
    - 生体認証データはデバイスから外に出ない

Compose 時代のパフォーマンス感覚

(動画は配信されず)

動画がないのが残念でしたが、資料がわかりやすかったです。

View時代と違って Compose のネストはそんなに気にしなくて良い
小さいオブジェクトのGCもそんなに気にしなくて良い
Recomposition を意識する
- 三つのフェーズ
  - Composition -> Layout -> Drawing
stateの値取得を後のフェーズでできるならその方が望ましい
Recompositionループに陥らないように、Stateへの書き込みがフェーズを逆流してはいけない

2023 Flutter/Dart Summary - Daichi Furiyaさん

https://youtu.be/ONwN3tpCSDA?t=12252

今年の Flutter / Dart 事情を簡潔にさらってくれる発表でした。いくつか知らないこともあって勉強になりました。

Impeller
- 新しいグラフィックエンジン
- iOSの起動時のアニメーションが良くなる
Material 3
Webで Fragment Shader が利用できるように
iOS
- ワイヤレスデバッグ
- 広色域のサポート
- アニメーションの改善
Android で CameraX のサポート
Dart 3
- Record
  - Tupleのようなもの？
- Patterns
  - パターンマッチング
  - switchで使う
  - ( Record　のパターンマッチングもできるのかな？ )
- Class Modifiers
  - 修飾子が増えた
    - base
    - final
    - interface
    - sealed
- DevTool Extensions
  - 独自機能を拡張できるようになった
  - （いっかい作ってみたい）

Discussion