Flutterやろうよ！！！ 4

2022/03/28(月) 09:25:37.90

!extend:on:vvvvv:1000:512
!extend:on:vvvvv:1000:512

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

https://flutter.dev/

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

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

2022/08/08(月) 23:03:15.94

これでとりあえず動きました。それっぽいですかね?
ただMVVM的に正しくやる方法かどうかは、正しい方法のはっきりした定義が無いと何とも言いようがないような気がします。
そちらのコードでも別におかしいとも思わないですし、結局実験的なコードなので、それなら本人が良いと思えば何でも良いような。
結局仕様・方針がはっきり決まって初めて、「それに対してより効率的で無駄が無いアーキテクチャかどうか」という話がスタートするような気がします。

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

Future<void> main() async {
runApp(const AppMain());
}

class AppMain extends StatelessWidget {
const AppMain({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: S1(),
);
}
}

2022/08/08(月) 23:04:42.12

class S1 extends StatelessWidget {
S1({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: ChangeNotifierProvider(
create: (context) => ViewModelTest(),
builder: (context, vm) => Column(
children: [
Expanded(child: S2A()),
S2B(),
],
),
),
);
}
}

2022/08/08(月) 23:06:31.02

class S2A extends StatelessWidget {
S2A({Key? key,}) : super(key: key);

@override
Widget build(BuildContext context) {
/// ここでメソッドをviewModelに入れている事に強い違和感がある。
final ViewModelTest vm = context.read();
final keyList = vm.keyList;

return Column(
children: [
Consumer<ViewModelTest>(
builder: (context, vm, child) {
return Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 1),
),
child: Text("VMから受信した値=${vm.counter}"),
);
},
),

2022/08/08(月) 23:07:04.38

Expanded(
child: SingleChildScrollView(
child: Column(
children: List.generate(100, (index) {
return Container(
key: keyList[index],
width: double.infinity,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 1),
),
child: Text("index ${index + 100}"),
);
}),
),
),
),
],
);
}
}

2022/08/08(月) 23:07:50.16

class S2B extends StatelessWidget {
S2B({Key? key,}) : super(key: key);

@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
_button1(context);
},
child: const Text("1:VMに値+1")),
ElevatedButton(
onPressed: () {
_button2(context);
},
child: const Text("2:100に移動")),
ElevatedButton(
onPressed: () {
_button3(context);
},
child: const Text("3:199に移動")),
],
);
}

2022/08/08(月) 23:08:08.10

void _button1(BuildContext context) {
final ViewModelTest vm = context.read();
vm.counter += 1;
}

void _button2(BuildContext context) {
final ViewModelTest vm = context.read();
vm.scrollRequest(100,);
}

void _button3(BuildContext context) {
final ViewModelTest vm = context.read();
vm.scrollRequest(199,);
}
}

2022/08/08(月) 23:08:35.92

class ViewModelTest extends ChangeNotifier {
int get counter => _counter;
int _counter = 0;

final List<GlobalKey> _keyList = List.generate(100, (index) => GlobalKey()).toList();
List<GlobalKey> get keyList => _keyList;

set counter(int value) {
_counter = value;
notifyListeners();
}

scrollRequest(int scrollIndex) {
//this.scrollRequestCallback(scrollIndex);
Scrollable.ensureVisible(keyList[scrollIndex - 100].currentContext!,
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
alignment: 0.5,
alignmentPolicy: ScrollPositionAlignmentPolicy.explicit);
}
}

2022/08/08(月) 23:25:24.19

MVVM的にはViewModelはView依存しちゃだめだから、そこら辺はViewModelから追い出さないと
Scrollable.ensureVisibleっておもいっきりViewのメソッドじゃないのか?

2022/08/08(月) 23:34:54.06

どっちのイベントもnotifyで通知すればいいじゃない

2022/08/08(月) 23:40:23.05

ViewModelにcounterと同じようにスクロール位置を表す変数を用意して、それを変更してnotifyListenersする

View側ではその変数の変更を監視して、変わったらスクロールするメソッドを呼ぶ。initStateだか、初期化するときにViewModelを監視してスクロールさせるコードを仕込む(ここはProvider使ったことないからなようわからんので自分で)

2022/08/08(月) 23:57:08.05

というか、>>319のやり方でもいいと思うよ
理想は何でもかんでも宣言的に書けるのが理想だが、現実は今回のスクロール見たく命令的にしかできないのもあって
よく、元祖MVVMのWPFでもダイアログをどうだすか見たいな問題があってその場合、>>319ようなやり方もあったりするし

2022/08/09(火) 06:13:57.04

ちゃんとしたMVVMになってなくても、コードがきちんと整理されていれば何も問題ないな

2022/08/09(火) 06:19:20.79

>>329
自分もパッと思いつくのはこの設計

2022/08/09(火) 06:20:31.25

あー、でも再描画の時に質問者の想定通りの動作をするかはちょっと分かんないなあ

2022/08/09(火) 08:57:08.88

1 controllerで操作できるウィジェットを作る(StatefulWidget)
　Scrollable.ensureVisibleはそこに内包
2 ボタンを押した時にcontroller.scrollToItem(100)とか呼ぶ

2022/08/09(火) 09:00:24.72

コードを画像にしてまでこんな所で質問しようって考えがすげーな
スタックオーバーフローとか知らんのか
Qiitaにも質問機能あるでしょ

2022/08/09(火) 15:25:31.33

別にええやん

2022/08/09(火) 17:21:10.50

実際、回答がついてるわけだしな

2022/08/10(水) 01:33:37.49

流行りそうだが、いきなりGoogleが辞めるこれしそうでもあり
なかなか本格的にやる気にはならんなぁ...

**319** (ﾜｯﾁｮｲ 33bd-cWyh) · 2022/08/10(水) 03:00:06.10

>>320,327,328,331,334
ありがとうございます。
MVVMに固着しすぎてたかなって思えてきたので、StreamController をviewmodel側に設置して
view側でlistenしようかなと思います。

2022/08/12(金) 21:42:29.24

>>338
業界的にはかなり好意的だから大丈夫だと思うけども

2022/08/18(木) 11:45:26.72

>>338
無くなったら別環境をやればいいじゃん

2022/08/18(木) 13:59:01.18

リスクを取りたくない人は枯れた技術。
これマメな

2022/08/18(木) 21:28:34.14

flutter flameのbuttoncomponentのサンプルってどこかに転がってないですか？

2022/08/19(金) 03:30:52.38

>>343

https://i.imgur.com/YDzUOmh.jpg

2022/08/19(金) 07:31:13.85

>>344
グロ

2022/08/30(火) 10:12:32.21

Flutter大学とかに通ってるやついる？
いねぇ～よなぁ？

2022/08/30(火) 10:12:50.23

金払ってまでやりたくない

**デフォルトの名無しさん** (ｽﾌｯ Sd22-ePGj) · 2022/08/30(火) 14:20:13.03

ウィジェットもパッケージもどんどん増えてるから、その時点での特徴・使い方の比較とか、自分で調査したらそれなりの労力はかかるので、質の高い情報がまとまってるなら有料でも違和感は無い。

無料の情報もネットにあるけど結局情報の質の評価は受け手の問題。

flutter大学がどうかは知らん。

2022/08/30(火) 17:48:48.71

結局、Dartの言語仕様はさほど変わらなくともその他のライブラリは文字通り日進月歩なので結局自分でフォローし続けるしかないのな。
綺麗に分かりやすくまとまったサイトや書籍ができる頃にはその情報は陳腐化してるというジレンマ。

2022/08/30(火) 18:01:50.83

これってcssと連携できんのか？
何か覚えるの無駄な時間って感じするなぁ

2022/08/30(火) 18:12:56.85

>>349
逆に言えば新陳代謝が激しいのでキャッチアップし続けられるなら食い扶持に困らないってのはあるな
まあ大半はキャッチアップし続けるのがだんだん面倒くさくなってExcel設計書書く方に回っちゃうんだけど

2022/08/30(火) 18:51:30.22

>>349
ライブラリ自分でかけない雑魚はそうなるわな

2022/08/30(火) 19:43:09.03

>>352
プラグインやパッケージ書く技術は比較全然進歩してないので、どちらかと言うと他人が書いた新しいパッケージによるなんちゃらデザインパターンの進化について行けるかどうかだと思うよ。
とは言え、結局当初のBLoCやStatefulパターンだけ理解しとけば今のところ何とでもなるけど、

2022/09/01(木) 23:31:34.08

Xamarin スレで見たんだけど、Flutter3.3 が出たらしいね

2022/09/01(木) 23:58:11.80

なんでXamarinスレの方が反応早いんだw

2022/09/02(金) 00:44:36.69

いつも見ているぞ

2022/09/02(金) 01:23:53.85

逆に見られてるぞ

2022/09/04(日) 11:28:07.46

すみません
例えばバッテリーの残りが少なくなってきたときとかに、危ないから充電しなさいみたいなポップアップメッセージ出てくるじゃないですか
ああいう、横にスワイプしたら消えるようなメッセージのダイアログって一般的に何と呼ぶのでしょう？
何かああいうWidgetあるんですか？

2022/09/04(日) 11:49:33.73

>>358
横にスワイプして消えるかどうかは知らんが一般的にはAlertDialog。

2022/09/04(日) 11:59:58.19

プッシュ通知じゃなくて？
バッテり残量とかならローカルの通知
メール新着みたいなのはものによるけど基本はサーバからの通知(FCMとか

2022/09/04(日) 13:37:04.43

>>358

https://i.imgur.com/YDzUOmh.jpg

2022/09/04(日) 15:43:02.10

>>361
グロ

2022/09/05(月) 20:05:48.83

>361
Flutter?

2022/09/09(金) 16:51:08.07

Flutter で作ったけど結局ダメで、iOS, Android とも作り直したって話があったな
たしか、Web収入板のAdMobスレ

単純な CRUD アプリなら Flutter でもいいらしい
おまえらは CRUD しかやらないから満足してる感じなの？

2022/09/09(金) 17:32:53.83

Flutterの何がダメだったのか分からんと何とも
ただ嫌いだなと思っただけかも

2022/09/09(金) 18:11:37.54

バックグラウンド動作以外はプラグインさえ用意すればflutterでできないことはないという認識だったんだけど、具体的に何がNGだったんやろか？
後学のために知りたい。

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 18:37:24.97

単純な CRUD アプリならノーコードツールでポチポチ。
ポチポチイズベスト。

2022/09/09(金) 18:39:41.83

めっちゃつっこまれる理由なんだろうな・・・

2022/09/09(金) 18:46:43.80

探してきた

バックグラウンド実行、アラーム、オーバーレイ、ローカル通知、各種権限の操作とか色々OSの仕様が違くて無理だった。

とあるな

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 19:02:12.74

代弁ありがとうございます。

2022/09/09(金) 19:04:21.21

つまり、Flutter はノーコードポチポチと同等ってことでOK？

2022/09/09(金) 19:09:36.80

>>369
権限は少なくとも俺が開発した範囲ではpermisson_handlerプラグインで何とかできたよ。
その他は確かにバックグラウンド動作またはskia以外のOS独自描画が必要そうなので今のflutterでは難しいかもね。

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 19:13:31.30

>>371
んなこたぁない！

2022/09/09(金) 19:28:43.42

バックグラウンドはworkmanagerで使えるぞ
他にもbackground*がいくつかあったはず

2022/09/09(金) 19:47:12.93

>>374
すまん、俺の知識が3年ほどアップデートされてなかった。
柔軟なバックグラウンド動作はOSの違いがありすぎてプラグインでは根本的に吸収しきれないと勝手に解釈してたんだが最近は違うのかな？

2022/09/12(月) 14:22:04.29

画面OFFでもBLE通信出来る様になった？

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 7501-6yOS) · 2022/09/13(火) 10:13:59.13

Flutterやってるやつはゴミ
はっきりわかんだね

https://i.imgur.com/MPjXGWC.png

2022/09/14(水) 10:58:01.26

Visual Studio の IntelliCode はいいね
C# くらいメジャーな言語じゃないと、こういうのはないよね

Dart みたいな泡沫言語では永久にムリだろう
自分で snippet をシコシコ登録するしかない
Flutter はオレオレ言語なんか発明せず、C# を採用すべきだったんだ

2022/09/14(水) 11:57:13.85

C#おじさんはVSしかIDE触った事ないのかな

2022/09/14(水) 13:16:03.38

Flutter,Dartが人気なのが気に食わないみたいだけど
こんな所で僻み続けても負け犬の遠吠えで何の意味も効果もないよ!

.NET MAUI,C#がそんなにいいならFlutter,Dartと比較して
優れてる事を纏めてホッテントリ入りさせるとかしなきゃだよ!
そしたら大勢がコメントしてジャッジしてくれるからね!

2022/09/14(水) 13:40:00.73

>>379
ん？
Dart でもできるの？
そういえば、ML Completion とか言ってたような記憶はあるね
Flutter と Googleオレ様言語については調査中なんだ

AndroidStudio とかで最初から使えるようになってればいいのに、
使えなかったんだよ
ああ、やっぱりダメなんだなぁと思った
とても残念だよ

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 18:27:06.48

>>380
C#のライブラリが使える
音声認識とか

2022/09/14(水) 20:00:24.51

>>380
この板にFlutter VS xxx みたいなスレ立てて
そのスレでひたすらFlutterディスり倒してる人が
わざわざここにも来て>>377みたいなこと書き込みに来てるんだよね

どうやら自分がやってるMAUIのサイト/チャンネルを宣伝する目的で
炎上マーケティングもどきなことをやってるようだ
恥ずかしくないのかな

2022/09/14(水) 20:15:27.10

>>382
flutterにも音声認識があった記憶があるんだけどそれじゃ駄目なのかい？

**デフォルトの名無しさん** (ｽﾌｯ Sd0a-+b2b) · 2022/09/14(水) 20:18:26.92

まあすぐ消えるでしょw

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 20:34:33.67

>>383
いや喧嘩売ってんのはFlutter側でしょ

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 20:36:00.14

System.IOについての話もした！
MediaPickerの話もした！
それでも文句たれてるこいつは一体何なんだ？
Dart学んでしまった自分を肯定したいだけだろ？
って話よな

2022/09/14(水) 20:56:38.55

あー触っちゃいけないタイプの人かあ
周りすべてが敵に見えるとか幻覚が見えるとか躁いう状態なら
ちゃんとお薬飲んで身体を休めたほうがいいよ

そうじゃなくて狂人のフリをして注目を集めるつもりなら、
「フリ」のつもりがだんだん本当に頭おかしくなって社会復帰できなくなるからやめたほうがいい

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 21:04:01.28

>>388
いや突っかかってきたの向こうからなんだが？

2022/09/14(水) 21:45:54.02

「向こう」ってどこの誰だよ・・・
他スレとか5ch外の話ならわざわざこのスレに持ち込まないでくれ
レスバがしたいならあなたが朝から晩まで一日中張り付いてるvsスレで十分でしょ

レスの臭いが気になってすごく久々にhissiとか使ったけど
ﾜｯﾁｮｲの **01-6yOS と **01-OdF3 はおそらく同一人物だな
http://hissi.org/read.php/tech/20220911/OERWYmlpTkIw.html
6yOSがPC、OdF3はスマホってとこか
質問スレでの口調とずいぶん違うんだね
てかyoutubeへの誘導に余念がないみたいだね
悪い情報商材とかインフルエンサー()とかにカモられて「youtubeで稼ぐ」とか変な夢を見てなきゃいいけど

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 21:52:08.36

>>390
そりゃ質問してんだから口調違うだろ？馬鹿ですか？

2022/09/14(水) 22:22:42.24

このレベルかー。
まあ5chに一生懸命なんだからそらそうだよな。

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ ea01-6yOS) · 2022/09/14(水) 22:48:28.34

>>392
どのレベルだよw

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ ea01-6yOS) · 2022/09/14(水) 22:49:32.53

言っとくがお前らのようなライブラリに頼りっぱなしの奴らより俺のほうがレベルが高いと自負してる

2022/09/14(水) 22:55:06.03

どのレベルて自分のレベルなんだからわかるだろw
自負しちゃったよねー。
マジでうけるよなー🤣
晒してくれた方ありがとうございました。

2022/09/14(水) 22:56:04.74

凡才プログラマー・kboy のFlutter 大学が有名。
最近は皆のサロンへと、kboy色を弱めている

YouTube で有名な雑食系エンジニア・KENTA の、
初心者向けRuby on Rails サロンの1,200 人と比べると、まだまだシェアは少ないけど

kboyが言うには、
マナブは、発信者がWord Press などのプログラミングもやってみた人で、
KENTAはプログラマーが発信者になった人で、若手からすると雲の上の人

そりゃ、KENTAはバックエンドエンジニアのトップだから

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ ea01-6yOS) · 2022/09/14(水) 23:15:11.40

>>395
ライブラリ頼りっぱなしの言い訳がそれw

2022/09/14(水) 23:49:00.92

いったい何なんだこの人・・・と思って先週の書き込みもちょっと追いかけてみたら
C#スレでこんなことを質問して呆れられてた人だった
http://hissi.org/read.php/tech/20220905/dVhPRGJRREww.html
http://hissi.org/read.php/tech/20220906/eXRNMSs3Q1Yw.html
http://hissi.org/read.php/tech/20220906/VW9ZaFNtZkEw.html

ﾜｯﾁｮｲなしも見てみると
http://hissi.org/read.php/tech/20220905/dVhPRGJRREw.html
http://hissi.org/read.php/tech/20220906/eXRNMSs3Q1Y.html
みたいな感じでXamarinスレがこの人に蹂躙されてたのね、知らなかったよ

さらに気が付けばXamarin次スレのタイトルも勝手に変えられてる・・・・
Microsoft Xamarin part8 [.NET MAUI]
https://mevius.5ch.net/test/read.cgi/tech/1627778316/
Microsoft .NET MAUI part9 [Xamarin]
https://mevius.5ch.net/test/read.cgi/tech/1663067298/
うわこれXamarinスレ住民も被害者なのか・・・・

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ ea01-6yOS) · 2022/09/15(木) 00:07:48.52

>>398
Xamarinは2024年にサポート終了するのが決まってるんだが
世間知らずかな？

2022/09/15(木) 00:33:03.56

>>396
KENTAは、バッド・エンド・エンジニアですよ。
よく間違えてる人がいますが。

**デフォルトの名無しさん** (ｽﾌｯ Sd0a-+b2b) · 2022/09/16(金) 22:29:51.54

念のため、 FlutterめっちゃディスりまくってたやつのチャンネルということでYouTubeに通報しときますね。

2022/09/20(火) 17:22:51.87

flutter大学の中の人
必死に宣伝ご苦労さまです

2022/09/26(月) 17:35:13.73

showModalBottomSheet()を使用してBottomSheetを表示させたとき、
BottomSheetを表示する前の下の画面が暗くなり操作できなくなります。
これを、BottomSheetも、BottomSheetの下の画面もどちらも操作できるようにするにはどの様にすれば良いですか？

2022/09/26(月) 17:50:10.28

ボトムシートを使わない

2022/09/26(月) 18:07:57.67

Modal使わなきゃいいだけ
showBottomSheetとかあるやろ

2022/09/26(月) 18:08:52.88

モーダルにしたくないならshowBottomSheetを使う

2022/09/27(火) 16:20:54.91

flutterのサロンってタメになる情報とかあるの？
Kboyって人のチュートリアル見ると浅い感じなんだけど。

**デフォルトの名無しさん** (ｽﾌｯ Sd32-0QxQ) · 2022/09/27(火) 16:54:15.92

>>407
今ならflutter勉強する場所もいろいろあるから深い感じと思うものを探したらいいんじゃね？

2022/09/27(火) 20:01:05.41

>>408
ありがとう。他にもグループみたいなのあるのか。探してみるわ。

2022/09/27(火) 21:20:26.33

グループに入るという前提を考え直すのがいい
どこにも属さずにできる

2022/09/27(火) 23:36:20.98

そりゃ、kboy は若手で、自分でも言ってるけど、
YouTube で有名な雑食系エンジニア・KENTA みたいな巨匠とは比べられない

でも、kboyも数年はやってるでしょ

今のFlutter 大学は、kboy色を薄めて、皆の共同体制へ移行した。
個人のサロンから、コミュニティーへ変わった

**.NET M HighSchool** (ﾜｯﾁｮｲ 1201-bOZY) · 2022/09/28(水) 16:14:42.74

深さだけなら.NET MAUI HighSchoolの方がよっぽど深いところまで説明してくれてるよな
条件付きコンパイルやパーシャルクラスを使用してOS独自のAPI呼び出すとか

://youtu.be/p1diL3hdlYo

Flutterは独自APIのラッパー作ってゴニョゴニョして～まで教えてる動画サイトとかあんのかな？

**.NET M HighSchool** (ﾜｯﾁｮｲ 1201-bOZY) · 2022/09/28(水) 16:17:29.56

ちなみに彼プログラミング初めて3ヶ月とからしいwww
業務経験も0の27歳らしいぞwww
元々建築系の仕事してたみたい

2022/09/28(水) 16:50:17.31

コテハンついたままだし他スレで暴れてるIDだけど…
わざとやってるんだろか…

**.NET M HighSchool** (ﾜｯﾁｮｲ 1201-bOZY) · 2022/09/28(水) 16:53:45.22

>>414
わざとです…

**デフォルトの名無しさん** (ｽﾌｯ Sd32-0QxQ) · 2022/09/28(水) 17:55:24.07

>>415
つまりごぼう方式ということやな。
おまえはこれからごぼうや、わかったか！

**.NET M HighSchool** (ﾜｯﾁｮｲ 1201-bOZY) · 2022/09/28(水) 18:00:22.85

ラッパーから独自API呼び出す方法を紹介してる動画があればいいね
多分日本人はめんどくさくて作らんかもだが

2022/09/28(水) 18:39:26.09

俺はブラグインの作り方はこれを参考にした。

https://youtube.com/playlist?list=PL0lYY7rL__yIC2Aa_21gaIxT_UrwiNaNF

**.NET M HighSchool** (ﾜｯﾁｮｲ 1201-bOZY) · 2022/09/28(水) 18:45:11.41

>>418
やっぱり英語なのか…
かわいそう…