Understanding constraints
When someone learning Flutter asks you why some widget with width: 100 isn't 100 pixels wide, the default answer is to tell them to put that widget inside of a Center, right? Don't do that. If you do, they'll come back again and again, asking why some FittedBox isn't working, why that Column is overflowing, or what IntrinsicWidth is supposed to be doing. Instead, first tell them that Flutter layou
Flutter で storybook 的なことができる storybook_flutter と Widgetbook の比較検討 - star__hoshi's diary
Flutter Advent Calendar 2022 の13日です！ qiita.com Flutter で storybook 的なことができるライブラリで有名なのだと monarch, storybook_flutter, Widgetbook がある。 今回は web に公開できるやつを選びたい。デザイナーやPdMに見てもらったりが簡単にできるし、macos App として提供するのは大変そなので。そうすると storybook_flutter, Widgetbook の2択となる。 web は hot reload ではなく hot refresh となるため、基本的に macos app として開発中は利用し、web は deploy 時に確認するだけの運用となる。 最初に結論 Widgetbook を利用することにした。検索ができるので。 go_router 3などが使われ
Google I/O 2022 のセッションの詳細
Learning Lab を完了するか、プロダクト関連のアクティビティを行って、バッジの獲得を開始してください。
Flutterとはなにか
この記事はFlutter 全部俺 Advent Calendar 1日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 記事一覧 12月01日 Flutterとはなにか 12月02日 Flutterのツールを使いこなして開発効率を上げる 12月03日 すぐにFlutterを始めたい人のためのDart入門(前編) 12月04日 すぐにFlutterを始めたい人のためのDart入門(後編) 12月05日 FlutterのWidgetが画面に描画されるまでを理解する 12月06日 FlutterのBuildContextとInheritedWidgetを理解する 12月07日 FlutterのProvi
Dart2.7時代のFlutter
Flutterのバージョン1.12.13が正式リリースされたときに、 同時に同梱されているDartのバージョンが2.7になりました。 Dartは2.0のリリース以降、Flutterのための多くの言語拡張をしていて、 以前よりもFlutterのコードをシンプルに書くことができるようになりました。 しかし、Flutterの記事や公式のサンプルでも、 Dart1.0系の文法で書かれているものも多く、 またバージョン2.3以降の機能はFlutterのデフォルトの設定では使えないこともあって まだまだ浸透していません。 筆者としては、Flutter開発にとってDartの後方互換性よりも、 新しい便利な機能を使えることのほうが重要だと考えています。 そこで、この記事では、Dart2.7時代のFlutter開発の変化をできるだけ網羅的に紹介していきます。 FlutterプロジェクトでDart2.7を使え
FlutterのNavigationとRoutingを理解する
この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基本的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N
Flutterのコミットログを読んで、これは一体何由来なのか調べた - mizchi's blog
本当に凄い雑にコミットメッセージと気になったdiff だけ読んだ感じなので正確性は保証しません。 Flutterの実態、Chrome と同じく描画エンジンの Skia を直接叩いている点、Dart であるという点、仮想DOM相当のモジュールが後付である点などから、これはおそらく Dartium から既存のウェブブラウザの後方互換を切り捨てたところからスタートしてると想像できる— human eslint --fix (@mizchi) 2018年5月22日 結果としてこれは間違ってました とりあえず dart engine の initial commit 見つけたが昔の名前は Sky だった模様 https://t.co/HwFKCpKtYv— human eslint --fix (@mizchi) 2018年5月22日 The approach we're exploring is
Improving Flutter with your opinion — Q4 2019 survey results
The Flutter UX research team ran the 7th quarterly survey in November of 2019 and received 6,343 responses. Thank you for participating — each and every response matters. As always, we are back to share our findings. First and foremost, we found that 93% of respondents are positively satisfied with Flutter, meeting our 2019 goal of maintaining 90% or higher satisfaction rate! We’re delighted that
iOSネイティブアプリ開発者から見たFlutter
Flutter is Google's mobile UI framework for crafting high-quality native experiences on iOS and Android in record time… なぜFlutterに興味を持ったかFlutterはAndroidアプリ開発者ウケの方が良くて、iOSネイティブアプリ開発者が本気で触っている事例を国内ではあまり見聞きしません。そのためか、周りからも「iOSネイティブアプリが作れるのになぜFlutterにも手を出すの？」のようなことを聞かれることがちょくちょくあります。まずはそのあたりから詳しく述べていきます。 一番初めのきっかけはDroidKaigi 2018の発表DroidKaigi 2018 用のiOSアプリがFlutterで作られていて、 konifar さんのこちらのスライドを見たりPodcas
Why Flutter Uses Dart | HackerNoon
Too Long; Didn't Read<span>M</span>any linguists believe that the natural language a person speaks <a href="https://en.wikipedia.org/wiki/Linguistic_relativity" target="_blank">affects how they think</a>. Does the same concept apply to <a href="https://en.wikipedia.org/wiki/Programming_language" target="_blank">computer languages</a>? Programmers working in different kinds of programming languages
Flutter on the web の 2019年末時点での現状まとめ🎄
Web対応のざっくりとした変遷は次のようになっています。 2019年5月(Google I/O): テクニカルプレビュー版公開2019年12月: ベータ版リリース(beta channelでも使えるようになった、という方が正確かも)このペースを見ると、2020年のGoogle I/Oにリリースプレビュー、同年12月に開催されるであろうFlutterイベントで正式リリース、などの流れもあり得そうですが、そういうバージョン表記はマーケティング的意味合いも大きいと思っていて、実際の対応ベースで評価する方が適切だとも思います。 (とはいえ、そういう表記が正式版に近づくと現場でプロダクション利用が認められたりすることもあるはずなので、現実的には大事といえば大事ですが。) 本記事では、2019年末現時点でのFlutterのWeb対応の実情を、公式アナウンスをなぞりながら、普段Web周りもよく触っている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コードで見るFlutterアプリの実装