こんにちは！本記事ではFlutterに関する記事を体形立ててまとめています。目次としてお使いください。
目次
全体図
全ての記事を図でまとめています。(2022年2月22日現在）。
気になるものをみてください。Flutter初めてだよ！という方は、初めから読み進めれば大丈夫です。
毎日記事を更新しているので、この目次への反映は少し遅れます。
準備編
Macを購入した！今からFlutter始めるぞ！という方に。まずは開発環境を整えていく方法についてまとめています。準備編の目次はこちら↓
あわせて読みたい
【Flutter準備編】Flutter準備編の記事目次
このページでは、Flutterを始める準備に必要な記事をまとめています。この記事を一通りこなせば、Flutterの基礎を理解し、PCで開発を行う準備が完了します。 Flutterの...
Flutterとは
あわせて読みたい
【Flutter】Flutterとは？Dartの違いは？簡潔に説明
こんにちは！本記事では、Flutterを初めて使う方やこれまでなんとなく使ってきた方向けに、Flutterについてまとめています。 Flutterは、Googleが提供しているフレーム...
インストール手順
flutterを始めるには、Xcode、Android studio、CocoaPodsなど、さまざまなものをインストールする必要があります。その手順についてまとめています。
あわせて読みたい
【Flutterの始め方】Macで開発環境を整える手順
こんにちは！本記事では、Flutterを始めるにあたって必要な手順を説明します。*ソフトウェアは全て容量が大きく、ダウンロードに時間がかかります。ご自分のMacの容量、...
Android studioのセットアップ方法
flutterは主にAndroid studioを用いて開発していきます。セットアップ方法についてまとめています。
あわせて読みたい
【Flutter】2022年版 Android studioのインストール方法とセットアップまとめ
Flutterでアプリ開発するにあたり、Android studioのセットアップをまとめていきます。Android studioはandroidアプリ開発に必須です。 Mac PCにFlutterの環境を構築す...
GitHub連携方法
プログラマが使っているGitHubとAndroid studioの連携方法についてまとめています。
あわせて読みたい
【Flutter】Android StudioとGitHubを連携する方法
こんにちは！本記事では、Android StudioでGitHubと連携する方法についてまとめます。 GitHubについて知りたい方、新規登録する方法は以下の記事を参考にしてください。...
開発編
パッケージについて
flutter開発において、パッケージは必要不可欠なものです。
おすすめパッケージ集
パッケージのインストール方法
あわせて読みたい
【Flutter】パッケージをインストール/アンインストールする方法について~コマンドと一緒に紹介
パッケージとは、Widgetをまとめたものです。目的に沿ったパッケージを導入することで完成されたWidgetを使って簡単に開発ができるため、手間が大幅に短縮されます。 本...
ウィジェット一覧
頻発のウィジェットについてまとめています。鋭意作成中。今の所できているものをどうぞ
あわせて読みたい
【Flutter】配置に関するWidget(Column, Row)カスタマイズまとめ
こんにちは！本記事では、Flutterで使う配置Widget(Column(), Row()）がどのようなレイアウト挙動を示すのか、実際にまとめました。作成したチートシートをもとに説明し...
あわせて読みたい
【flutter】textやWidgetをスクロールする方法~SingleChilledView~
こんにちは！本記事では、スマホアプリで画面内をスクロールしたい時に使うWidget、SingleChilledViewについて説明します。 SingleChilledViewとは？ SingleChilledView...
あわせて読みたい
【Flutter】AppBar()のカスタマイズ方法：ボタン設置や高さ調整などまとめ
こんにちは！本記事では、Flutterでよく使うウィジェットAppBar()について変更できる変数や戻るボタンなどのアクションボタンの設置方法について、チートシートをベース...
あわせて読みたい
【Flutter】Text()ウィジェット内TextStyleの変数まとめ：文字サイズ変更、文字スタイルなど
こんにちは！本記事では、Flutterで用いるText()ウィジェット内のTextStyle()でカスタマイズできる変数についてまとめました。作成したチートシートをもとに説明してい...
TabBarを作る
あわせて読みたい
【Flutter】TabBar()を下(bottomNavigationBar)に配置する方法
こんにちは！本記事ではTabBarでページ遷移する方法について、サンプルコードと一緒に説明していきます。 作りたいもの 左の動画のように、下にTabBarを設置し、それぞ...
変数を変換する方法まとめ
あわせて読みたい
【Flutter】String, int, datetimeなどの型変換方法やString内での変数の宣言方法まとめ
こんにちは！本記事では、TextFieldなどで収集したStringの中身をintやdoubleにする方法など、データ形式の変換方法についてまとめました。作成したチートシートをもと...
画像を使用する方法
あわせて読みたい
【Flutter】画像をアプリ内で使う方法
こんにちは！本記事では、画像をアプリ内で使う手順について説明します。大まかには、imagesフォルダ作成→pub spec.yamlに追記です。 imagesフォルダ作成 プロジェクト...
申請編
アプリが出来上がったら次は申請です。
アイコン画像の設定方法
あわせて読みたい
【Flutter】アプリのアイコンを設定する方法
こんにちは！本記事では、flutterのパッケージ"flutter_launcher_icons"を用いて、アプリアイコン画像を設定する方法と手順を説明します。 手順 パッケージのインストー...
リリース手順
鋭意作成中。
ios:
あわせて読みたい
【Flutter】AppStoreにアプリをリリースする手順
こんにちは！本記事では、作成したアプリをAppStoreに公開するまでの方法を説明します。 Apple Developer Programに参加する このページから、App Store Small Business...
エミュレータでDEBUGを消す
スクリーンショットを撮るために必要です。
あわせて読みたい
【Flutter】エミュレータ右上に出てくる「DEBUG」を非表示にする方法
MaterialApp()の内部で、下記のようにdebugShowCheckedModeBanner: falseを設定します。 実行すれば、Debugのバナーが消えているはずです。 void main() => runApp(M...
チュートリアルというか日記的なやつ
まとめ切れてませんが、ここから読んでください。
あわせて読みたい
【Flutter】アプリ開発チュートリアル（1日目）
こんにちは。独学でプログラミングを行なっています。 今回集中的にFlutterを学んでアプリを作るぞ！と一念発起したのでその経過を描くことにしました。 本記事では、ア...
コメント