Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023

今回は「Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023」についてご紹介します。

関連ワード (基調講演、状態、発表等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


GoogleでFlutter & DartのプロダクトとUX担当ディレクターTim Sneath氏は、アフリカのケニア共和国ナイロビで開催された「Flutter Forward 2023」の基調講演で次のように話し、Flutterの進化の方向性を示しました。

fig

「Flutter for Webは汎用目的でデザインされてはいないことを明確にしておきたい。すでにDOMの分野で上手く行っているAngularやVue、Reactのような、DOMベースの新たなフレームワークを作ろうとしているわけではない。

そうではなく、(CanvasやWebAssemblyのような)新しいWeb標準をベースとする最初のフレームワークを作ろうとしているのだ。」

その上で、Flutter for WebがWebAssemblyをサポートする予定であることを明らかにしました。

fig

「FlutterからWebAssemblyへのコンパイルを近々サポート予定だ。 現在標準化が進んでいる、WebAssemblyをガベージコレクション対応に拡張したWebAssemblyGCを最初にサポートするフレームワークになる。」(Tim Sneath氏)

FlutterのWebAssemblyサポートにより、ロード時間の短縮と実行性能の向上が期待できるとしています。

FlutterをコンポーネントとしてWebアプリに組み込める

続いて明らかにされた新機能が「Element embedding」です。

この機能は、divタグを使ってFlutterアプリをコンポーネントとしてWebアプリケーションに組み込めるようになる、というものです。

divタグを用いてFlutterのコンポーネントに対してCSSの適用も可能。

下記は画面左がJavaScriptとHTMLなどを用いた通常のWebアプリケーションで、右側にElement embeddingを用いてFlutterアプリケーションが埋め込まれています。しかもCSSによって反転した状態でも問題なく動いていることが示されました。

fig

通常のWebアプリケーションとFlutterアプリケーションの相互運用性が非常に高まることが期待されています。

また、GPUを活用した高速な視覚効果を実現するピクセルシェーダーも実装される予定です。

fig

新しい描画エンジン「Impeller」とFlutter 3D

Flutterのモバイル対応の進化について。

今後、スマートフォンでニュースを読むニーズはさらに高まるとして、ナビゲーション、サーチ、認証、サブスクリプション機能などを備えたニュースアプリを迅速に開発できる「Flutter News Toolkit」を提供。

fig

大規模に書き直したグラフィックエンジン「Impeller」は、現在iOSでプレビューとなっていますが、今後ほかのプラットフォームにも展開されていきます。

fig

Blenderで作成した3Dモデルをglbファイルとして読み込んで操作できるFlutter 3D機能も紹介されました。

fig

Flutter Foward 2023

  • Flutter 3.7正式リリース。スクリーンサイズにUIレイアウトが自動対応、GPU活用による高速描画エンジン「Impeller」がプレビューに
  • Flutterが進化する方向とは? WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023
  • 次期「Dart 3」はNullセーフ、WebAssemblyとRISC-Vサポートなど、Googleが発表。Flutter Forward 2023

COMMENTS


Recommended

TITLE
CATEGORY
DATE
さくらのクラウド、コンテナをサーバレスで実行する「AppRun」製品版トライアルを開始。トライアル中は全機能が無料に
Docker
2025-02-06 18:43
ソフトバンク、“ゼロトラストセキュリティ入門セット”提供へ 最短1カ月で導入
セキュリティ
2021-01-29 10:39
建設中の中国の宇宙ステーションに3人の中国人宇宙飛行士が到着
宇宙
2021-06-20 03:09
デジタルトランスフォーメーション実現の原動力となる7つの鍵
IT関連
2022-03-11 14:14
Google Forms APIが正式リリース。Googleフォームの作成や編集、集計などをプログラミングで制御可能に
Google
2022-03-22 14:08
「Linux」に精通した筆者が最もよく使うコマンド6選とその理由
IT関連
2025-02-07 14:59
HRテックのEDGEが約1.5億円を調達してMBO完了、社員の価値観を可視化する新サービスも提供開始
HRテック
2021-04-21 10:36
日立製作所とNVIDIAが生成AIで協業–AIソリューション「Hitachi iQ」を共同開発へ
IT関連
2024-03-20 10:34
Solanaにいち早く目をつけたFoundation Capitalが約568億円の新ファンドを獲得
IT関連
2022-01-26 04:21
「Android 13」で使用されていないアプリを見つけて削除するには
IT関連
2022-10-11 07:11
ベリタス、データ保護製品の機能追加でサイバーレジリエンスの対応強化
IT関連
2024-09-20 01:17
グリー、ライブ配信を軸に仮想空間「メタバース」事業に参入 3年で約100億円を投資
企業・業界動向
2021-08-08 16:51
丸井、マルイ・モディ全23店舗にマニュアル作成・共有システムを導入
IT関連
2021-07-28 06:22
「iOS 16」でモバイルデータ使用を節約–オフにした方がよい4設定
IT関連
2022-11-06 21:41