Flutter Webの現状調査 - ntaoo blog
Web特有の事情はどう解決するのかに興味があって内部構造などを調べていた。 開発が進むにつれて実装はどんどん進化して問題解決されていくだろうし、現段階のこの情報の正確性も保証しない。個人のメモを公開しているだけなので鵜呑みにはしないようにしてほしい。 あと、Preview版が公開された後にFAQが追加されているので読んでおくほうがいい。 https://github.com/flutter/flutter_web/blob/master/docs/faq.md ニュース まとめ https://medium.com/flutter/a-roundup-of-flutter-news-at-google-i-o-453bb3249981 Flutter Webの開発体験とPreview版段階の技術的制約についての解説 https://medium.com/flutter-nyc/under-
Google I/O 19 Dart関連セッションの視聴メモ その２: Pragmatic State Management in Flutter (Google I/O'19) - ntaoo blog
Pragmatic State Management in Flutter (Google I/O'19) Flutterで状態管理をする方法についてのセッション。去年も同じペアで同じテーマのセッションがあった。 https://www.youtube.com/watch?v=d_m5csmrf7I&list=PLjxrf2q8roU2no7yROrcQSVtwbYyxAGZV&index=4&t=0s ひとつのWidget Treeしかないなどの単純なアプリの場合をのぞき、アプリの状態管理は重要な問題となる。 Agenda 状態管理の重要性 さまざまな取り組みの推移 Flutterでの実践的な状態管理方法 論点 理解しやすく読みやすく保守しやすいこと テストしやすいこと 実行性能（パフォーマンス）が高いこと 残念ながら万能の解決策はないので、あなたのユースケースのなかでエッジケースを考慮
FlutterをWebで動かす「Hummingbird」の仕組みについて調べた - razokulover publog
先日開催されたFlutter LiveでFlutter for Webであるところの「Hummingbird」が発表されました。 Google、FlutterアプリをWebアプリへ変換する「Hummingbird」発表。Web開発言語としてDartが帰ってくる。Flutter Live '18 Hummingbirdについてどういったメカニズムで動くのか気になったので調べていたところ、下記に詳細な解説がありました。 Hummingbird: Building Flutter for the Web この記事の二番煎じではあるのだけど、↑の原文をざっくりと読んでみてだいたいわかってきたので自分なりに雑に要約してまとめておきます。 Flutter on Webを実現するために必要になること Dartをweb用にコンパイルすること 既存のFlutterの資産のうちWeb用のFlutterに実装す
Google、FlutterアプリをWebアプリへ変換する「Hummingbird」発表。Web開発言語としてDartが帰ってくる。Flutter Live '18
Google、FlutterアプリをWebアプリへ変換する「Hummingbird」発表。Web開発言語としてDartが帰ってくる。Flutter Live '18 Flutterのプラットフォーム言語であるDartは、もともとJavaScriptの代替を目指して開発し、しかし予想より普及に成功しなかったことでJavaScriptをターゲットとするトランスパイラへポジションチェンジをしました。 しかしそれも日の目を見ず、再起動後のDart 2ではFlutterとともにiOSとAndroidのネイティブアプリケーションのための開発言語となっています。 しかしDart 2とFlutterがふたたび、JavaScriptの代替としてWebアプリケーションを開発する言語という位置づけに帰ろうとしています。 Googleは12月4日、ロンドンで開催したイベント「Flutter Live '18」で、
Flutter 1.0 安定版が発表された (Flutter Live キーノート 概要レポート) - ntaoo blog
本日Londonで行われているFlutter LiveのキーノートがYoutubeでライブ配信されていたので、キーノートの概要を手短にレポートする。 ちなみに、Flutterのプロダクトマネージャーがキーノートと同内容を公式ブログに寄稿しているので、英語を苦にしなければ原文を読めば内容は詳細に網羅されている。 Flutter 1.0: Google’s Portable UI Toolkit Flutterとは Flutterは、美しいUIのアプリをシングルコードベースでクロスプラットフォーム開発できるUIツールキット。古めの端末でも高パフォーマンスで動作する。Stateful hot reloadingの恩恵により、状態を維持したままコードの変更が即時に開発中のアプリに反映される。（SmalltalkのLive programming環境に少しだけ近づいてきた）。ネイティブ環境に依存する
Hummingbird: FlutterでWebアプリを作る構想 - ntaoo blog
本日のFlutter Liveのキーノートでは、Flutter 1.0 GA化を始め、たくさんのエキサイティングな発表がされたが、その中でも一番の驚きは、このキーノートの最後の、FlutterでWebアプリを開発可能にするという、Hummingbirdの発表だろう。 Hummingbird GAの次の構想として、AndroidとiOSに加えて、Windows, macOS, ChromeOS, ラズベリーパイなどのネイティブ環境での統一したUIツールキットとなる構想が発表されたことは予想の範囲内だが、Webアプリに関してはWebブラウザーという独特の環境で制約が強いため、Webアプリまでを対象にする構想がこの日に明らかにされたことは全く予想外だった。 これによりFlutterは、モバイルアプリ用途を超えた、モバイルOSでもデスクトップOSでもWebブラウザーでもシングルコードベースで動作す
Flutterでデスクトップアプリを開発 - ntaoo blog
公式ではなくコミュニティベースのソリューションだが、興味深い記事だったので紹介。 https://medium.com/flutter-community/flutter-on-desktop-a-real-competitor-to-electron-4f049ea6b061 以下、上記記事の要点。 Androidエミュレーターを立ち上げないので、開発速度は更に高速。 デスクトップアプリなので、当然ウインドウは可変。まるでWebブラウザのような感覚のレスポンシブデザイン。もちろんウインドウの枠をドラッグで自由に変更できる。 Hot reloadingとdebuggingも従来どおり可能。 RAMの使用量に圧倒的な差。エミュレーターは1GB使うのに対し、こちらは100MB。 Androidエミュレーターでもデスクトップのウインドウでも動くChatデモの動画あり。 ホバーやカーソルの種類の変
AngularDartでHot Reloadが使えるようになっていた - ntaoo blog
FlutterのウリのひとつであるHot Reload、この体験がAngularDartでも可能となっていた。WebでもHot Reloading。 dartファイルの編集 htmlファイル(angular template)の編集 cssの編集 これで、とくにHTMLとCSSの編集がかなり捗るようになる。 --hot-reloadオプションをつけて起動するだけで、その他の設定を変えずに有効になった。 webdev serve --hot-reload 従来のLive Reloadでは、コードの編集からブラウザのリフレッシュを経てのコードの反映までに5秒から10秒かかり、ブラウザのタブがリロードされることでランタイムの状態が一新されていたが、Hot Reloadでは0.5秒から2秒くらいで差分更新され、その他のランタイムの状態が維持される。 ただしまだ不安定な印象。手元のかなり大きなコード
Dart x Flutter で、作成したAndroidアプリをGoogle Playに登録してみた - Qiita
Dart x Flutter で作成したAndroidアプリをGoogle Playに登録してみました。本文ではそのノウハウを紹介します。 Apk for Google Play https://play.google.com/store/apps/details?id=info.kyorohiro.umiuni2d.demo.mino Html5 version http://kyorohiro.github.io/umiuni2d/mino2/web/main.html Dart x Flutter は、あなたが持つ、さまざまな問題を解決します。太字のところだけでも目を通してもらえるれば幸いです。 # Dart x Flutter での開発は快適!! Dart x Flutter は マルチプラットフォーム まだまだ、 FlutterはAlpha版ですが、Dart x Flutter
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
With Flutter, Google Throws Dart at Cross-Platform Mobile Development -- ADTmag