Flutter notes

「离开世界之前一切都是过程」

Flutter ShapesのDemoをFlutter for Webで動かしてみた

以下の記事では、まだテクニカルプレビューなので、本番に使えるような状態ではないと書きました。 https://flutter.tnantoka.com/entry/2019/05/08/231439 webdev serveの重さだけでそう書いてしまいましたが、その後、公式のsamplesを見ていると、 buildされたものは普通に動いていたのでもう少し触ってみることにし...

Posted by Flutter notes on May 11, 2019

Flutter Galleryの動かし方

Flutter Galleryは公式repoに含まれているサンプル集で、たくさんあるFlutterのWidgetの使い方の参考になります。（所謂Kitchen Sinkというやつ） https://github.com/flutter/flutter/tree/master/examples/flutter_gallery 手元でBuildできるようにしておくといじりながら挙動を確認で...

Posted by Flutter notes on May 10, 2019

時計の読み方アプリで吹き出しが切れる問題

以下のエントリで作ったアプリですが、吹き出しが少し切れて残念になっていました。 https://flutter.tnantoka.com/entry/2019/05/04/232554 現在、このビューはColumnを使って並べています。 Columnを使ったまま吹き出しのみをオーバーフローさせるのは難しそうです。 Stackに書き換えて並べればできそうですが、そこまでやるほどのこ...

Posted by Flutter notes on May 9, 2019

Flutter for Webを動かしてみた

Google I/O 2019にて、Flutter for Webが発表されました。 https://medium.com/flutter-io/bringing-flutter-to-the-web-904de05f0df0 多くの人が「やってみた」記事を書いてることと思いますが、それは見ずにあえて自分でもやってみようと思います。 Flutter SDKのバージョンアップ http...

Posted by Flutter notes on May 8, 2019

CustomPaintを使って図形を描く

前回、Creative Coding的なものをやる手段の1つとしてゲームエンジンをあげました。 https://flutter.tnantoka.com/entry/2019/05/05/221349 ゲーム的な機能が不要であれば、Canvasに図形を描く単純な方法もあります。例えば、以下のコードをlib/main.dartに書くと、 1 2 3 4 5 6 7 8 9 10 11...

Posted by Flutter notes on May 6, 2019

Flutter用のゲームエンジン

Creative Coding、Generative Artみたいなものをやりたかったので調べました。 p5の移植版などがあればそれが楽ですが、まだそういうものはなさそうなので、ゲーム用フレームワークを代替として使おうという魂胆です。現状、以下の2つが有力っぽい。 https://github.com/spritewidget/spritewidget Googleのエンジニアさん...

Posted by Flutter notes on May 5, 2019

時計の読み方アプリに「あと何分？」モードをつけた

以下の記事で作った時計アプリ。 https://flutter.tnantoka.com/entry/2019/05/03/000000 我が子が今マスターすべきは「時計を見てあとどれぐらい時間があるのか把握する」というスキルなので、そのモードを追加しました。今回は以下のようなクラスを使いました。 TabController TabBar TabBarView ...

Posted by Flutter notes on May 4, 2019

時計の読み方アプリをさっくり作る

Flutterはちょっとしたアプリをサクッと作るのにとても良いです。ストアに出そうとするといろいろ作業が発生して途端に面倒になる（Flutterのせいではない）のですが、個人的に使うようなアプリは本当にストレスフリーに作れます。今回は子供用の時計の勉強アプリを作ってみました。こんな感じで、ランダムに表示された時間を答えるだけのシンプルなアプリです。 ![](/img/in-po...

Posted by Flutter notes on May 3, 2019

Fluter入門時に読んだもの

普段は形から入るタイプ（？）なので、新しいことをやる時はいろいろ本や記事を読み漁ってから始めます。ただ、今回はコンテストの提出期限まで1ヶ月しかなく、5120バイトのサイズ制限に時間を取られることが予想されたので、最低限の情報だけ読んで進めることにしました。具体的には以下の情報をざっと読んで、作り始めることにしました。まずは公式のGet startedです。 Installからは...

Posted by Flutter notes on May 2, 2019

Flutter notes始めました

Google製のクロスプラットフォームアプリ開発ツール、Flutter。 https://flutter.dev/ 2019年2月末に、[Flutter Create](https://flutter.dev/create]というコンテストがきっかけで使い始めました。（それまでも興味はあったけど触れていなかった） iOS開発の癖でiOSシミュレータのみで進めてしまい、提出期限直前に合...

Posted by Flutter notes on May 1, 2019