4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

おさらい

前回まででなんとなくFlutterのサンプルプロジェクトを生成して起動することと、Flutterの話について知ることができました。
まだチュートリアルをやっていませんが、先人の方々はどんなフォルダ構成とかコーディングルールでやっているのでしょうか。
私とっても興味があります!

の前に!

PC再起動した時にPATHに反映されないことに気づきました。(すっとぼけ)

bash.sh
$ flutter -h
-bash: flutter: command not found

忘れずに~/.bash_profileに追加しておきましょう!

~/.bash_profile
export PATH="$PATH:`${Flutterのパス}`/bin"

参考にした資料ども

Dart言語

まずはDart言語の特徴みたいなものを知りたいと思いました。

KotlinもJavaも書けるだけ(≠できる)ですが、@kikuchyさんのKotlinとJavaができる人向けDart速習が参考になりそうです。

なんかだいたいJavaって感じですね。
僕にも書けそうな気がしてきました。頑張って訛りみたいなところは覚えます!

Flutterのいろいろ

先日勉強会に参加させていただいたときに、Widgetという単語が飛び交っていました。
なんかパーツ見たいなもんなんだろうな〜って飲み込んでましたが、この状態で作ってしますのは卍だと思いました。

@nkmk1215 さんのFlutterの基礎を参考にさせていただきました。

FlutterのUIはWidgetで構成されているんですかね?
最重要機能な気がするので詳細に調べておきたいですね。

フォルダ構成

作っていく上でWidgetどうするんだろうとか思ったので、フォルダ構成も考えてみようと思いました。

@tanakeiQ さんのFlutter #2 Advent Calendar 2018 24日目
管理しやすい(と思う)Flutterプロジェクトのディレクトリ構造
が良さそうです。

WebとかiOSとかAndroidとか色々経験してきたなかで、これなら誰にでもわかってもらえるんじゃないかなって思いました。
小さいプロジェクトなら、Models/Views/ViewModelsくらいに分けて細分化しても良さそうですね。
まぁケースバイケースでやっていきましょう。

コーディングルール

@najeira さんのFlutter/Dart コーディング スタイルを参考にすることにしました。

インデントが2つっていうのはちょっと驚いたのですが、全体的にそうだよなって感じのスタイルでした。
驚き最小限な感じでかなり好ましかったので、これを採用したいと思ってます。

アーキテクチャー

Flutterはどうやって作ればいいのか、MVCなのかMVVMなのか非常に困っています。

@toast-uz さんのFlutterのアーキを図1枚で説明してみるを読んでみましたが、いまいち理解しきれませんでした。

BLoCというアーキテクチャーもあるようなので、もう少し煮詰めて考えてみたいと思います。

まとめ

3日目にしてアーキテクチャーのところではまってしまいました。
誰か助けてください><

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?