[Flutter] Theme を知ろう | いろいろなアプリ開発をしてみよう
使い方 まずは簡単な例から。新しいFlutterプロジェクトを作成します。次に、lib/main.dartファイルを開き、以下のように変更します。 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'MyApp', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(title: 'Home
![[Flutter] Theme を知ろう | いろいろなアプリ開発をしてみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6f6c7ad4f3e59743e299da653e8b0fa0b472dc8/height=288;version=1;width=512/https%3A%2F%2Fyamochun-dev.cloud%2Fwp-content%2Fuploads%2F2023%2F04%2Feb7eb8e0647f40ececb10a9c666b0147.png)
Flutter と Firebaseで作る！カウンターアプリ
Firebaseを利用することで、データの保存や同期、アプリの認証、メッセージの通知、アプリの分析、パフォーマンス測定などの機能を簡単にモバイルアプリに追加することが出来ます。 本書では、FlutterとFirebaseを組み合わせたカウンターアプリの製作について説明します。 😁内容について ・公式ドキュメントをベースとしたFirebaseの機能一覧を紹介 ・Firebaseの機能をチャプター順にカウンターアプリへ実装 ・Auth、FirestoreなどのサービスはもちろんRemote Config、Performance MonitoringなどのサービスについてもFlutterで実装 ・Firebaseの一部機能は使い方のみの紹介 ・対象読者 : Flutterは触ったことあるけど、Firebaseはあまりわからないなあ、という人向け 💻本書のバージョン v1.0.0 (2022/
【Flutter】GoRouterを使った画面遷移【ソース付】
タグ AIStatefulWidgetアセットWidgetOfTheWeekwidgetwhat's newversionURLデコードurlTweenAnimationBuildertrytestsyncfusion_flutter_calendarstreamStateアプリ情報StackSSDsinkSFCalendarSchedulerBindingrunZoneGuardedrunZoneriverpodregexpregexQRコードqr-codeアニメーションアルゴリズムpackage_info_plus下線置換置き換える空き容量正規表現文字列抽出容量削減容量多言語対応多言語化対応多言語例外処理一覧アンダースコア一致マークダウンマッチパララックス効果デザインディスク容量テストセキュリティグラスモーフィズムカメラエンコードアンダーラインpubspec.yamlpackage_i
【Flutter】MVVMをRiverpodで実装する！サンプルを用いて解説｜TERUPRO
import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_mvvm/view/home_page.dart'; void main() { runApp(const ProviderScope(child: MyApp())); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: '
【Flutter】そのディレクトリ構成は恋される
そのディレクトリ構成は恋される タイトルのとおりですが、スマホアプリエンジニアの私が個人的に恋している(推している)Flutterのディレクトリ構成を紹介しようと思います。 私の思想としてはクラスの役割とUTのしやすさに設計しております。 Flutterでアプリ開発をする際は基本的にこのディレクトリ構成を使用しております。 ディレクトリ構成は一長一短ありますので、気に入らない方はスルーしてください。 前提 Dart: 2.17.1 Flutter: 3.0.2 アーキテクチャ: MVVM 状態管理: riverpod MVVMについての説明は割愛しますので、詳細が知りたい方は以下をご参照ください。 ディレクトリ構成 ディレクトリ構成を紹介します。 . ├── android ├── ios ├── assets │ ├── images │ └── json ├── coverag
【Flutter入門】100画面を超える規模のアプリを開発してみた感想 | 東京のアプリ開発会社
【アプリ開発歴10年】Flutterとは？Flutterの特徴・メリット・デメリットを徹底解説 実際にFlutterで開発してみて良かった点 ホットリロードでさくさくUIを組み上げられるiOSアプリ開発のような TableView や ScrollView の煩雑さがないコードレビューの時に、どのようにUIが組まれているかわかる レイアウトが組みやすく、 iOSアプリ開発のような TableView や ScrollView の煩雑さがありませんでした。 また、コードレビューの際に、コードだけでどのようにUIが組まれているかわかるようになりました。iOSのxib ファイルやstoryboard ファイルだけでは、どのようにレイアウトが組まれているか分からなかったので、コードレビューがしやすくなりました。 Flutterでの開発で苦戦した点 FlutterのSDKが用意されていないことがある
Flutter の環境分けの新時代
Flutter Advent Calendar 2022 の 5 日目の記事です。 はじめに みなさん、Flutter の環境分けはどのようにされていますか？ 多くの方は、公式で紹介されている flavor を使う方法や --dart-define を使う方法を使用しているのかなと思います。 今回、紹介するのは Flutter の 3.7.0 で導入された --dart-define-from-file を使う方法です。 --dart-define-from-file が導入された背景 --dart-define を使う方法だと次のような課題がありました。 多くの定義がある場合、起動コマンドが非常に長くなってしまう 切り替えるパッケージが複数ある場合、保守が困難になる これらの定義を Android と iOS で直接利用しようとすると、それぞれで Base64 でデコードしなければならな
Flutterアプリにおける、過不足ない設計の考察🎅
Photo by Hush Naidoo Jade Photography on Unsplash「一般的なモバイルアプリ」の設計全般において、特に何に気を付ける必要があるか、あるいは逆にあまり気にしてなくても良いのではと思うことなどを述べていきます。 (…のつもりでしたが、後者含めると1記事に収めるの困難で、最後にさらっと触れつつ別記事で手厚く書きたいところです🤔) ここでの「一般的なモバイルアプリ」は規模観点では以下程度のイメージですが、それを超えるような規模でも通ずる内容も多いと思っています。 コード量: 数万〜十数万行実装者: 一桁人種類としては(スマホ向けの)クライアントアプリコードであり、以下などではないです。 パッケージ・ライブラリではないサーバーサイドではないこの種類によって適切な組み方はけっこう変わり、アプリコードは依存関係の末端側(基本的に依存される側にはならない)な
Flutter アプリに Firebase を追加する
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 前提条件 お好みのエディタまたは IDE をインストールします。 以下のコンポーネントを含む、ご利用のオペレーティング システムに対応した Flutter をインストールします。 Flutter SDK サポート ライブラリ プラットフォーム固有のソフトウェアと SDK Google アカウントを使用して Firebase にログインします。 Flutter アプリがまだない場合は、スタートガイド: テストドライブを参照して、お好みのエディタまたは IDE で新しい Flutter アプリを作成してください。 ステップ 1: 必要なコマンドライン ツールをインストールする まだインストールしていない場合は、Firebase CLI をインストールします。 Google アカウントで Fi
社内でFlutterのハンズオンを行ったので、資料を公開します - Pepabo Tech Portal
先日、社内で Flutter のハンズオンを行ったので、その際に使用した資料を公開します。 Flutter とは？ Made by Google Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter™️ は Google が作った、単一のコードベースで iOS、 Android、Web のアプリケーションを作成できるツールキットのことです。 アプリケーションの大部分を Dart という言語で記述します。 Flutter Official Document ※Flutter および Flutter のロゴは Google LLC の商標です。 Flutte
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutter documentation
Codemagic - CI/CD for Flutter
CodemagicでFlutterアプリのビルド・配信をする — iOS編