Flutterやろうよ！！！ 2

2021/01/30(土) 12:22:39.97

ようこそFlutter野郎どもよ！！！
軽い開発環境でモバイルアプリ開発ができるなんて最高じゃねえか
AndroidもiOSも両方行ける、まさに漢のためのツールだな

https://flutter.dev/

前スレ
Flutterやろうよ！！！
https://mevius.5ch.net/test/read.cgi/tech/1527919660/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2021/04/07(水) 13:10:31.91

>>327
ずっと学習し続けるという意味では結構キツそうですね。何かしら作ってみることから始めてみます。一応udemyの講座を購入したのですが、英語なので理解しづらく進まず、、

>>335
なかなか時間が確保出来ず、時間ばかり過ぎていってます。なんとしても時間を確保します。YouTubeを見るのをやめるなり。

ところでこのスレッドの方々は趣味としてflutterを使っているのでしょうか。仕事の案件でflutterを使っている方はいない？

だとしたらflutterって全然需要が少ない成長段階にあるフレームワークで、下手に初心者が手を出したらオワコンになって時間が無駄になる可能性もあったりしますかね？

2021/04/07(水) 13:14:33.81

ネイティブアプリでやっとけ

**325** (ﾜｯﾁｮｲ 552c-s+Uo) · 2021/04/07(水) 14:03:20.70

YouTube で有名な、雑食系エンジニア・KENTA のサロンには、
月千円で、2千人が参加してる

日本6位のサロンで、1位のキンコン西野を目指している

経歴
https://github.com/kenta-polyglot/cv

100ぐらいの技術が書いてある！

**デフォルトの名無しさん** (ｽﾌｯ Sd43-2xNL) · 2021/04/07(水) 14:16:54.89

>>336
つべもFlutter動画多いよ
英語の動画も多いけど
慣れてくれば何言ってるのかわからないけど
コード見れば何をやっているのかわかってくる
まだまだ勉強中だけど

2021/04/07(水) 21:09:47.99

そのkentaとかいうyoutubeがここで宣伝しなければならないほど
飢えているゴミであることだけはわかった

2021/04/07(水) 21:47:48.54

kenta=rubyガイジ
迷惑系youtuberの1人

2021/04/17(土) 10:54:09.37

やあ、こんなスレあったんだな

flutter面白いんだけど、入力系Widgetの状態保持が非常に面倒だね
いちいち個別にcontrollerを宣言せずに
WinFormsみたいにVisible、Enable、Visibleを制御できる仕組みってないかな
javaacriptみたいにidを定義して名指しで状態を変えるとかさ

他のGUIから移ってくるとGUIの制御が面倒臭すぎるのを何とかしたい

2021/04/17(土) 13:08:25.59

>>342
生成済みのWidgetインスタンスに対して後からプロパティ変更したいってことだよね？
汎用的な方法が俺も知りたいけど思想的にないんじゃないかな？

2021/04/17(土) 13:44:51.41

プロパティ変更もあるけど、痛いのはVisible制御がないってことだよね
非表示にしたい場合は三項演算子でContainerにしたりするけど
結局非表示状態を保持する変数をいちいち宣言して保持しないといけないので面倒なんよな

2021/04/18(日) 00:11:31.05

Kotlin, Swiftでの純粋なAndroid/iOSの
開発環境だと簡単にできる状態管理が
Flutterだとぜんぜんだめってこと？

2021/04/18(日) 02:41:35.02

そうだよ
画面を構成するコントロールの仕組みが全く違う
そもそもコントロールにいちいち名前がついていないし命名もできない
TextFieldの内容を読み書きしようとしてもそういうプロパティがない
onchangeイベントで渡される変更後文字列を
いちいち自前で作った変数に保持しないとならない
状態制御のあるフォーム画面を作ろうとすると、かなり厄介な仕組みだね
論理設計が従来と違いすぎるし面倒くさい

flutterをさらにラップしたフレームワークを作りたいと試行錯誤してるわ

2021/04/18(日) 03:04:35.94

flutter_form_builder使うと楽だよ

2021/04/18(日) 03:44:53.61

おお、これいいね、まさにやりたかったやつ

クラスをラップして名前を付けられるようにしようと思ってたんだけど
ベースクラスのコンストラクタに名前付き引数を追加する方法がなくて
絶望してたところだった
助かったよありがとう

2021/04/18(日) 14:24:02.52

TextFieldはTextEditingControllerを付けて読み書きするんだよ
そんなものが必要な時点でだめだっつーのならしょうがないけど

2021/04/18(日) 15:32:02.30

>>349
そそ、それをいちいち宣言しないといけないのが面倒でね

2021/04/18(日) 15:33:02.42

クロスプラットフォームみたいな糞でやるからそうなる

2021/04/18(日) 15:37:22.18

いきなり伸びてて草

2021/04/18(日) 16:13:55.97

ColumnにElevatedButtonを50個並べただけの画面で
AndroidとWindowsで表示差異があるんだけどなんでだろ
Androidだとボタンの間にマージンがあるけど、Windowsはないんだよね

DPIとかフォントサイズとかデフォルトテーマの違いなのかな

2021/04/18(日) 22:32:00.04

>>344
>プロパティ変更もあるけど、痛いのはVisible制御がないってことだよね

試したけど、一応こんな書き方(※)でいける。

bool _busyState = false;

void _execFunc() async {
setState(() { _busyState = true; } );
// 何か時間のかかる処理
setState(() { _busyState = false; } );
}

Widget build(BuildContext context) {
// 中略
child: Column(
children: <Widget>[
Text(_busyState ? "処理中":"今は何も実行してまへん"),
if(_busyState)
CircularProgressIndicator(),
ElevatedButton(
label: const Text('処理実行'),
onPressed: _execFunc,
),
],
),
// 中略
}

※ CircularProgressIndicator()直前のif()でウイジットの表示/非表示の制御。

ちなみにelse節は書けない(書くとエラー)。　またif() の後に { } も使えない。　Dartの言語仕様が場当たり的で一貫性がない。

2021/04/18(日) 22:37:44.22

>>354
ありがとう、そんな書き方有りなんだ…
elseの時どういう処理になってるんだろうな
elseが欲しいときは三項演算子でいいだろうけど
書き方がバラバラで一貫性がないのが気持ち悪いね

2021/04/18(日) 22:42:56.26

>>355

if(busy==false)
Text("暇だよ～!"),
if(busy==true)
CircularProgressIndicator(),

とか。　あとは、Widget を返すメンバ関数を定義して、関数を渡すか。
とにかく言語仕様に一貫性がなさ過ぎ。

2021/04/18(日) 22:49:51.27

>>353
それな。　仕様上はデフォルト[8]の余白があるはずだけど、たぶんバグだと思う。

とりあえず、

MaterialStateProperty<EdgeInsetsGeometry> padding = (Platform.isWindows)
? MaterialStateProperty.all(EdgeInsets.all(20)) // テキスト周囲の余白(Windows)
: MaterialStateProperty.all(EdgeInsets.only(left:8,right:8)); // テキスト周囲の余白(Windows以外)

ElevatedButton(
child: Text("HogeHoge"),
onPressed: () {},
style: ButtonStyle(
padding: padding,
),
),

とかやって逃げてる。

2021/04/18(日) 22:50:52.66

その書き方だとchildren:[]じゃないと書けないのが何とももどかしいね
if (true) <Widget>(){ return Container();},

みたいな書き方はできないしうーむ…

2021/04/18(日) 23:00:32.60

>>358

Widget _returnBody()
{
if(_mode)
return Container();
else
return Column(
children: <Widget>[
// 中略
]);
}

Widget build(BuildContext context) {
// 中略
child: _returnBody,
// 中略
}

でよいのでは？

2021/04/18(日) 23:07:21.65

そうなんだけど、ちょっとした処理とか無名関数で書けないかなーと思ってね
できそうでできないことが多くて結構ストレス溜まる

2021/04/18(日) 23:17:44.68

> できそうでできないことが多くて結構ストレス溜まる

わかります。　マクロ(定義済みマクロ)がないんで、Flutter SDKやDart SDKの
どのバージョンでビルドしたかとか、ソースファイルの日付(タイムスタンプ)を
プログラム中で表示(確認)する方法がないかとか悩んでます。

外部プログラムでflutter doctorの出力をパースして、埋込用リソースファイル
を逐次書き換えるとかしなきゃならんとか？

2021/04/19(月) 00:59:35.13

if (true) ((){return Container();})()

2021/04/19(月) 03:23:13.37

>>362
うおおすごいできた！ありがとう！

2021/04/19(月) 06:51:02.90

コレクションリテラル内のif/forはあまり他の言語に無い変わった機能だよね

可視制御なら標準WidgetのVisibilityも使えるよ
記述量は減らないけど

2021/04/19(月) 23:16:25.37

statefulウィジェットとそのstateクラスの使い分けがようわからん…
分かれている理由は何なんだろ
1つにまとめられんのかな

2021/04/26(月) 12:03:29.92

navigator 2.0対応公式パッケージっていつでるのかな

2021/04/26(月) 14:16:39.61

今から勉強するのにおすすめのサイトなり記事ある？
日本語の本もいくつかあるけどどれも古くてもうあまり参考にならなそうなので

2021/04/26(月) 14:24:02.94

>>367
https://flutter.dev

2021/04/26(月) 20:26:18.85

>>367
まあマジで公式が一番充実しているわ
日本語でも割と丁寧に説明書かれているし
英語も翻訳でなんとかなる
あとパッケージが多いのは初心者にはありがたい

2021/04/27(火) 07:22:40.59

null安全の正式リリースはまだ？

2021/04/27(火) 07:42:54.79

エックスコードで開発しようぜ！

2021/05/04(火) 23:21:17.76

Flutterでコーディング放送みつけた
https://live.nicovideo.jp/watch/lv331708848

2021/05/11(火) 19:24:54.65

過疎ってんなｗ
バカッターでは割とFlutterの話題多いけど
バカッター嫌いだから盛り上がっていこーぜ

2021/05/12(水) 00:06:19.27

dartにもnnbd入ったし盛り上がって欲しいね。あとは型宣言を後置にできればモアベターか。

2021/05/13(木) 20:04:03.20

peingでmono様にコードの質問してるやつキモすぎ

2021/05/13(木) 20:06:56.87

>>374
それならもうtypescriptにして欲しい

2021/05/16(日) 08:07:38.10

多言語化ってやっぱりinternational？パッケージいれんのがいいのか？

2021/05/16(日) 10:33:00.22

Developer Keynote (Google I/O '21) - American Sign Language
https://www.youtube.com/watch?v=D_mVOAXcrtc

2021/05/16(日) 15:03:59.48

>>376
同意

2021/05/19(水) 00:15:23.83

おまいら今晩徹夜すんの？

2021/05/19(水) 00:49:24.20

TypeScriptよりはるかに良い言語じゃん。

2021/05/20(木) 10:53:10.68

windows/android/iosアプリがワンコード作れる様になるのかぁ
夢のような話だけど落とし穴いっぱいあるんだろうなぁ

2021/05/20(木) 13:01:59.49

>>382
それはxamarinだろ?

2021/05/20(木) 13:41:06.13

>>383
2.0で全OS対応になったけどwin対応に関してはまだアップデートしまくってる最中って言うてるやん？
まあ安定するには時間かかるみたいだけど全OS対応の方向性で進んでるっぽい

2021/05/20(木) 21:17:38.54

FlutterのWindowsアプリビルド、バージョンが上がるごとにまともになっててびっくりするぞ。

2021/05/20(木) 21:28:18.27

>>377
Ruby on Rails では最初から、I18n(国際化・多言語化・internationalization)されてる

日本語用の辞書に、英単語・日本語訳を定義するだけ

customer_id: 顧客番号

2021/05/20(木) 22:24:05.66

>>386
なんでrubyの話してんの？

2021/05/21(金) 21:12:38.99

>>377
俺はflutter_genで多言語対応しているよ

2021/05/22(土) 00:13:50.44

ボタンをドバドバ並べてたんだけど
なんか画面外まで描画しちゃってない？
スクロールがめちゃ重い

あとgooglemapみたいに自由にスクロールするウィジェットってある？

やっと慣れてきたけど、描画が結構遅いのがネックだね

2021/05/22(土) 00:50:32.54

リリースビルドしてる？

2021/05/22(土) 05:52:01.44

ちゃんとWidgetのbuild範囲を適切に限定してる？
まさか毎回画面全体をrebuildしちゃつてない？

2021/05/24(月) 22:50:16.26

>>389

Container → SingleChildScrollView とかで、どう？

2021/05/26(水) 12:52:52.00

ついにflutterの時代が来た!

ついにGoogleの新OS「Fuchsia」が一般ユーザー向けに公開される - GIGAZINE
https://gigazine.net/news/20210526-google-fuchsia-os-nest-hub/

**デフォルトの名無しさん** (ｽﾌｯ Sdba-szi7) · 2021/05/26(水) 13:56:49.96

>>393
なんて読むの?
フクシア?

2021/05/26(水) 14:03:03.88

フクシアでいいと思う

2021/05/26(水) 14:10:54.61

花の名前のフクシアなのでフクシアで正解。

2021/05/26(水) 16:25:01.94

陰で何て呼ばれるか容易に想像つくな

2021/05/26(水) 19:42:07.39

こういっては何だが
どうも名前がパッとしないな
もっとこう、勢いのある語感の単語にしないと
フクシアァーじゃふわっとしてなんかトイレ芳香剤みたいじゃん
トイレの消臭にフクシアー♪みたいな

2021/05/26(水) 21:49:22.11

>>376
typescriptってウンコじゃん

2021/05/26(水) 22:03:29.02

>>393
うおおおお

2021/05/27(木) 10:56:24.90

> Googleの新OS「Fuchsia」

また、Googleの食い散らかす悪い癖が始まったヨカン。
Android OSや、Chrome OSはどうする気なんだろ？

2021/05/27(木) 11:42:59.23

Chrome OSで、Linuxアプリを動作させる環境がベータが外れたらしいが、
今度は、それを仮想マシン内で動かすようにしてしまう、という話が
あるらしい。
速度的に大丈夫なのか？

2021/05/27(木) 11:54:38.33

>>402
ChromeOSのLinux環境は最初から仮想マシン＋コンテナ
ChromeOSのAndroid環境は元々コンテナで今後仮想マシンに変更される

2021/05/27(木) 14:12:36.67

サーバーはいいとして、チープなハードで安さをウリにしていた、Chromebookは
どうなるのかね？

まあ、自分は最初から買う気なかったけど、CMに騙されて買わされた初心者とか。

2021/05/27(木) 15:43:20.38

そもそもオンライン前提にしていると聞くので、ネット環境がないと
もしかしたら全く使えなくなるのだろうか。
それは困るな。

2021/05/27(木) 15:52:07.73

>>401
Androidもchrome osもアクティブに開発してないから
こっちに力入れてるのはマジっぽいね

2021/05/27(木) 15:59:35.08

>>405
普通にオフラインでも使える
昔はWebアプリとクラウドストレージ利用がメインだったからネットが必須と言われてたけど、
その頃からネット無くても使えるし今ではAndroidアプリやLinuxアプリに対応してるからオフラインでも問題ない
ローカルストレージも機種によるけど十分に積んでる

2021/05/27(木) 19:54:14.83

スレチならすまんが
バルマーピーク体験したやついる？

2021/05/27(木) 20:14:37.46

まだ禿げてねーよ！

2021/05/27(木) 20:17:14.45

これ？
https://youtu.be/I14b-C67EXY

2021/05/27(木) 23:15:00.47

IOで言ってたけど
PlayStoreの新アプリの1/8がFlutter製なんだってね
多いのか少ないのか

2021/05/27(木) 23:17:38.78

いやいやいや・・想像よりかなり多いぞ
俺の想像よりは
もっと2%とかそんくらいかと

2021/05/28(金) 03:11:02.70

直近の数ヶ月で登録されたアプリがという条件だったはず。何か誤解があるかと

2021/05/28(金) 07:08:54.74

>>411
12.5%か
Google発でこれだけ有名になったのに12%というのは
少ないんじゃないかね
採用してる人も、将来の発展にかけてる感じだと思う。

言語とアーキテクチャがゴミなのは解決しそうもないし
他社がもっと良いFWだしてきてFlutter消えると思う。
失敗したDartに固執しちゃったのがだめだな
開発責任者が同じ人物なんだっけ？

2021/05/28(金) 07:35:49.86

他のメジャー言語でできてdartでできなくて困るものって何があるっけ？

2021/05/28(金) 08:32:31.98

この手の奴は良くも悪くも流行廃りがあるのでエンジニアとして一つの言語やフレームワークしかできないってのは長い目で見てリスク

2021/05/28(金) 08:51:32.81

型周りはTSのほうが柔軟

2021/05/28(金) 15:35:58.10

他社がもっと良いFW出すなんて、そうそうこの分野に参入できないから

クロスプラットホーム開発環境なんて、膨大な人的リソースないといいものができない

小企業が作るからxamarinやらqtやらdelphiやら中途半端な品質のものがでてくる

2021/05/28(金) 16:25:53.83

>>418
MicrosoftもMAUI作ってるし開発力はGoogleよりはるかに上だ。
KotlinのクロスプラットフォームのFWも人気があがってる
言語の人気、出来の良さもKotlin, C#の圧勝でDartでは勝負にならない。

良いプロジェクトはボランティアの開発者も参加してくるし
大企業じゃないと成功できないってことはない
Vueとかも大成功してるし

2021/05/28(金) 17:55:15.89

googleがAWSみたいな稼ぎ頭を欲してる以上、firebaseにロックインしやすいflutterの開発は止めないと思うなぁ
今から打倒AWSな関連製品は作れないしブラッシュアップ続けてくれると思う

2021/05/28(金) 18:06:36.26

唯一の懸念はGoogle先生はMSと違って根性がないんだよなぁ・・
なんかちょっとしたことですぐやる気なくしてしぼみがち
MSの蛇みたいな執念深さを見習ってほしい

2021/05/28(金) 18:07:32.29

流行らないサービスはすぐやめるのがGoogleを使う上でのリスク

2021/05/28(金) 18:15:57.10

正直flutterのアプローチってクロスプラットフォームの究極系だと思う
描画から全部作るという
中身はゲームエンジンに近い作りになってるけど
GUIのフレームワークとしてちゃんと作ったのが凄い

2021/05/28(金) 18:53:25.52

>>419
vue.jsは、githubでは、あらゆるプログラムの中で一番人気ではあるが、
実際のWebページにおいて使用されている率は、0.5% 以下とからしいが。

2021/05/28(金) 20:45:56.24

>>423
俺もそう思う。
AndroidとiOSのActivityやらViewControllerやら単純なアプリでさえ最も影響を受けるライフサイクルの部分を全部skiaで自前描画という逆転の発想で回避するという力技は凄いと思う。
もちろんちょっと凝ったことをしようと思えばそれなりに苦労するけど他のマルチプラットフォームよりは敷居が低いり

2021/05/28(金) 21:28:04.50

>>419
mauiはxamarinと大差ないし失敗する
つか、Microsoftは大企業だろ

kotlinのやつはUIフレームワークじゃねぇだろ
jetpack compose for desktopあるがこれはJVM環境必須でデスクトップ向けでしょ?

vueは立ち位置違うだろ

2021/05/28(金) 21:32:38.96

そう、結局mauiは基本自前描画じゃなく、ネイティブコントロールのラッパーだからな
各プラットホームの最大公約数的な機能やUIしか標準で使えないだろう
そうすると余りにもショボUIになりそうで期待できない

2021/05/28(金) 21:34:27.95

>>426
Kotlinはクロスプラットフォームのフレームワークあるぞ
https://kotlinlang.org/docs/multiplatform.html

Android/iOSだけでなくもっと広い範囲をカバーしてる。
SP appではネットフリックスが採用してる

Flutterと違って高速だからweb server sideでもKotlinは使われてる

2021/05/28(金) 21:39:10.84

>>426
MAUIはXamarinではなくMSが開発するから成功するぞ
もちろん巨大企業でリソースも問題ない

Appleはクロスプラットフォームやる気ないし
数年後に天下とるのはC#かKotlinだろう

Vueは用途違うが大企業じゃないとだめという説への反論だ

2021/05/28(金) 21:39:40.05

>>425
そもそもViewの考え方がかなり違うから
同じように見せるだけのアプリしが作れないしな
ReactNativeは多少マシだけど俺俺Viewを作っただけで
かえって使いにくいと言う印象
Flutterは悩むことなくシンプルに書ける
ここ最近のフレームワークの中じゃ
かなり良い出来だと思う

2021/05/28(金) 21:45:12.60

microsoftのmauiは期待薄
googleはdart+flutter
facebookはクロスプラット開発環境というよりただのUIフレームワークのreact
appleは自社プラットフォームしかし気にしない

そうすると、人的リソースが豊富でここら辺に参入できそうな大企業なんて、残ってない

ということでもう望み薄

2021/05/28(金) 21:47:04.99

>>428
だから、それクロスプラットのUI環境じゃなく、ただのクロスプラットの環境じゃん
UI部分がない

2021/05/28(金) 21:48:48.67

Kotlin Multiplatform Mobile
https://kotlinlang.org/docs/mobile/getting-started.html#get-familiar-with-kmm

2021/05/28(金) 21:52:56.29

>>432
だから、それUI部分も共通化できるの??

2021/05/28(金) 21:55:18.02

>>431
FBはReact Nativeがあるでしょ。いちおうシェアトップだぞ

.NETもASP.NETもVisual StudioもVS Codeもことごとく成功したのに
MAUIが失敗するとか考えてる人はどうかしてる。

開発がXamarinじゃないからMAUIは成功するぞ
JSに依存してるBlazorは未知数だがMAUIは不安要素はない。
MS嫌いは感情論だから理解できないだろうけどな