Codemagic でモバイルアプリの CI/CD を始めましょう (updated 2021) - Qiita
Codemagic は、今年の２月に発表された Flutter UX 調査チームによる Q4 2019 の調査結果において、開発者が CI/CD で採用しているサービスのトップ３に挙げられており、（Codemagic、 Github Actions、 GitLab）、その中でも満足度が最も高かったことが示されています。 Codemagic は、Google と提携して Flutter 専門の CI/CD サービスとして開始されただけあって、Flutter を手厚くサポートしています。また、以下の翻訳で示されているように、Flutter に加えて Android ネイティブ、 iOS ネイティブ、React Native のサポートが追加されましたので、既存のそれらのアプリの資産がある場合でも、Codomagic をすべてのアプリに対応する統一した選択肢として検討できるようになりました。 ま
【Flutter】Integration Testを極めるためのテクニック集 - Qiita
testコマンドで実行するとビルド→実行→終了→ビルド→実行→終了のように、動作確認で実行するたびに毎回ビルドが発生するので待ち時間が発生します。 実装完了したテストを実行するときはこれで良いのですが、実装中は効率が悪いです。 flutter runコマンドを使うとshift+rでホットリスタートが使えるので爆速で実行できます。 2. 非同期処理用の描画待ち関数を用意する 標準で描画待ち用の関数 ( tester.pumpAndSettle() )がありますが、万能ではありません。この関数は指定された秒数（デフォルは100ミリ秒）ごとに画面を確認し、描画待ちのものがなくなるまで待つという動作をします。 通常の画面描画であれば良いのですが、DBからのデータ取得や複雑な処理など時間がかかる非同期処理によって画面が更新された場合に対応できません。 DBからの取得は毎回必ず早いとは限らないので、t
【Flutter】RichText でハッシュタグとかテキスト内リンクとか - Qiita
Flutter には RichText という Widget があります。 RichText class | Flutter その名の通り、テキストの一部だけ色やサイズなどを変えられるという、その名の通りリッチな Text です。 RichText の基本 RichText の最小限のサンプルコードは以下の通りです。 RichText( text: TextSpan( style: TextStyle(color: Colors.black), children: [ TextSpan( text: 'これは ', ), TextSpan( text: 'RichText', style: TextStyle(color: Colors.blue, fontSize: 24), ), TextSpan( text: ' です。', ), ], ), ), RichText の text プ
Riverpod、ProviderScopeどこに置く? ~ Providerをcontextを使って初期化する方法 ~ - Qiita
Riverpod、ProviderScopeどこに置く? ~ Providerをcontextを使って初期化する方法 ~DartFlutterRiverpod 概要 Flutterの状態管理手法のRiverpod、あなたは活用されていますでしょうか。 管理したい状態をグローバルで定義できるのはとても便利ですよね。 ただ、Riverpodを使うにあたって、忘れてはいけないことがあります。 それがProviderScopeです。 ProviderScopeの中で状態を使用しないと、 Bad state: No ProviderScope found のエラーが出てしまいます。 Riverpodを使ったことがある方なら、一度は経験したことがあるのではないでしょうか？ ほとんどの方は、一番最初のrunAppの後にProviderScopeを置いていることでしょう。 中には状態の使用箇所にだけおく、
FlutterのCI/CD環境のAWS EC2(Mac)環境に構築してパイプライン実行速度を改善する - Qiita
背景 現在Flutterを用いたモバイルアプリの開発を行なっているが、その中でGitlabによるCI/CDを構築している。 こちらを運用していくにあたって1点問題が発生した。 それは、メンバーの増加によって相対的にCI/CDのビルド端末が不足し、pipelineの滞留が発生したことだ。 pipeline待ちがDeveloperのストレスになったり、作業効率の低下を招いたりすることは既に広く知られてはいるため本件を早急に解決する必要がある。 基本的には、CI/CDのRunnerとなるMacを購入して、処理台数を増やすことで、本件を解決することができる。 しかし、この問題の解決には以下のような課題がある。 Mac端末の購入にはリードタイムが必要であり、解決まで時間がかかる。 新規で購入した端末では新たに環境構築が必要であり、人的リソースがかかる。 メンバーの増加は一時的なものであり、減少した際
FlutterのWidgetテストが終わらない現象の対応 - Qiita
背景 FlutterでFirebaseを組み込んだアプリのWidgetテストを行おうとすると、一向にテストが終わらない現象が発生したので備忘録として残します。 結論として、Firebase.initializeApp()がプラットフォーム上でないと動作しないために発生している事象のようなので、Mockを用意してあげることで解決しました。 コード testWidgetの中でFirebaseを初期化しようとしています。これがないとWidgetテスト実行時に No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp() と怒られていたために記述していました。 void main() { testWidgets('Counter increments smoke test', (WidgetTester t
Flutterでの単体テスト（完全版） - Qiita
以上です。 暗黙的インターフェイス DartではJavaの文法でのinterface はありません。代わりにabstract クラスで代用することになりますが、わざわざテストのためにabstract クラスを ___作る必要はない___です。 DartではImplicit interface(暗黙的インターフェイス)が言語レベルで組み込まれています。 つまり、全てのクラスに対して、implements するとそのインターフェイスを実装することになります。 class Person { final _name; Person(this._name); // publicなこのメソッドがinterface String greet(String who) => 'Hello, $who. I am $_name.'; } class Impostor implements Person { ・
FlutterのWidgetTestで待ち(疑似スリープ)を入れる - Qiita
環境 訳あって最新版を使っていません(macをCatalinaにアップデートできない==Xcodeの最新版を入れられないので)。 従って、バージョン違いによる不動作などあるかも知れません。お気づきの点があったら是非コメント下さい。 ※本稿は特に、Flutterテストパッケージの今後のアップデートにおいて、動作・仕様が変わる可能性があります。 $ flutter --version Flutter 1.12.13+hotfix.5 • channel stable • https://github.com/flutter/flutter.git Framework • revision 27321ebbad (4 months ago) • 2019-12-10 18:15:01 -0800 Engine • revision 2994f7e1e6 Tools • Dart 2.7.0
Flutter HooksのuseXXXの使い方 - Qiita
はじめに Flutter HooksとはReact HooksのFlutter版です。 React Hooksについてはこちらの記事がわかりやすいです。 5分でわかるReact Hooks 現在、Hooks自体が注目されているのと同時に、RiverpodというProviderの上位版が登場し、このRiverpodがFlutter Hooksとの併用を推奨していることもあり、より注目を浴びているようです。 本記事ではFlutter Hooksのサンプルコードをベースに、Flutter HooksのuseXXXまわりの使い方についてまとめます。 ※ Flutter側とHooksについて、いろいろと議論されているので、今後どうなるのかは不透明ですが、ここでは触れないでおきます。 https://github.com/flutter/flutter/issues/51752 環境 flutter_
Flutterで前の画面に戻らせたくない時に使うwillPopScopeを紹介する - Qiita
概要 Webで言うところのPOSTでアクセスするような、ユーザーが1つ前の画面に戻ってほしくないシチュエーションがあると思います。 willPopScopeを使え、で終わりなのですが日本語の記事がなかった上に筆者の英語力がヘボ過ぎて英語の記事も見つけられなかったのでメモとして残します。 雑にtwitterで呟いたらへぶんさんが教えてくれました…圧倒的感謝…🙏 僕はよく戻らせたくない画面をWillPopScopeで囲んでる。 他にやり方があったら、教えてほしい。https://t.co/duWOwEoLpp https://t.co/AaR4VXuF2b — へぶん🦌 (@heavenOSK) January 14, 2020 解説 APIドキュメントを読めば説明するまでもないと思いますが、一応やってみます。 前提 こんな感じの画面があると仮定してください。ルーティングやスタイルの部分は
RiverpodとFlutter Hooksを使う、はじめの一歩 - Qiita
はじめに この記事では、RiverpodとFlutter Hooksを使う、はじめの一歩として、 カウンターアプリを作ってみようと思います。 今回作成したコードはこちらのリポジトリに公開しています。 https://github.com/karamage/riverpod_flutterhooks_example Flutterの状態管理パターン みなさん、Flutterの状態管理パターンは、何を使っていますでしょうか？ Flutterの状態管理パターンはいっぱいあります。 大すぎですｗ StatefulWidget Redux BLoC(Stream/InheritedWidget) + Provider ChangeNotifier + Provider StateNotifier + freezed + Provider StateNotifier + Flutter Hooks +
Flutterに「Get」というなんかすごそうな状態管理&ルーティング管理パッケージを見つけたので軽く紹介する - Qiita
「Get」パッケージについて https://github.com/jonataslaw/get https://pub.dev/packages/get 先日、redditで以下ようなsubmissionが投稿されました。 主に、状態管理やルーティング管理などを提供しているみたいです。 pub.devやレポジトリのページを見てもらえばわかるように、ReadMeがくそ長いです。僕にはそんな大量の英語読めません。 多機能すぎて意見が分かれてるっぽいですが、Flutterはビルド時に無駄なものは削除してくれるので個人的にはあまり気にならないです。 英語とか全然読めないので重要そうなとこだけ抜粋します。 redditのディスカッションを見る限り、これが一番評価されてそうな感じです。 Get will save hours of development, and will extract the
Flutter の Text 、赤文字に黄色のアンダーラインってなんなの？ - Qiita
/// 全体的にコメントも省略 // 省略 body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ], ), ), // 省略 こんな感じに実装されていて、 Text ウィジェットは二箇所で利用されています。 サンプルアプリを起動したときの表示はこうです。 Text に手を加えてみる いざアプリ開発に取り掛かると、サンプルアプリのようにシンプルではなく様々な装飾を行います。 今回は二箇所の Text をドラッグできる
2022年の Flutter ロードマップ【要約】 - Qiita
最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい！ そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々予定 Dartに静的メタプログラミングの追加予定 全文の要約 2022年、尽力する部分 開発者体験 開発者が愛するSDKを作りたい。 例えば、 共通の問題を解決するwidgetやプラグインの追加 現状のAPIの整理 単純に多く使われるパターンのAPIの導入 エラ
FlutterでDynamic Linksを使ってみる - Qiita
Life is Tech！#1 Advent Calendarの2日目を担当するAndroid/WebSメンターのもなです. 最近のスマホアプリ開発において, Googleが作成したオープンソースのUIソフトウェア開発キットであるFlutterが用いられることが少なくありません. 今回はそんなFlutterでDynamic Linksを使ってみるという趣旨の記事を書いていきたいと思います. Dynamic Linksとは? Flutterについて知っている・聞いたことがあるという人は多い印象です. 一方, Dynamic Linksについては馴染みがない人も多いのではないでしょうか? Dynamic LinksはDeep Linkという「スマホアプリの特定の画面に移動するリンク」を扱いやすく拡張したものです. 正式には, Firebase Dynamic Linksといい, 以下のような説
FlutterでListView - Qiita
はじめに 今作ろうと思ってるアプリがあって最近Flutterを勉強しているのですが、その中でリストを生成する必要があるので、やり方を勉強しようと思います。 環境 Android Studio Flutter 1.0 とりあえずベース部分を作る State<T>前まで一気に作ってしまいます。 import 'package:flutter/material.dart'; void main() => runApp(RootWidget()); class RootWidget extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: HomeWidget(), ); } } class HomeWidget extends StatefulWidget
Flutterで画面の遷移のタイミングで処理を行う - Qiita
[2019/05/13 追記] Issue#29596 は プルリク 30422 で修正されました。 [2019/04/01 追記] #29596 によると、iOSでスワイプで戻ると didPop, didPopNext が呼ばれないようです。 FlutterのWidgetには、画面の遷移に関するイベントを処理するためのハンドラ(メソッド)がありません。これは当然で、Widgetは部品であるため、画面の一部なのか全体なのか、使う側次第だからです。 さて、Flutterにおいて画面遷移に関する処理を行っているのはNavigatorというクラスです。このクラスに対してpushやpopという操作を行います。このNavigatorに対してはNavigatorObserverのリストを渡すことができます。これにより画面遷移に関するイベントを受け取ることができます。 NavigatorObserver
Moorの使い方 - Qiita
Flutterで使えるデータベースライブラリのMoorが便利すぎてやばかったので使い方を調べてみました。 MoorはSQLiteを使用するデータ永続化用のライブラリで、AndroidのRoomのような型安全でシンプルなAPIで高機能なORMマッピング機能を提供します。Mapのような汎用型ではなくテーブルをモデル化したデータクラスを使ってデータベースの読み書きができるので、カラム名のスペルミスなどをコンパイル時に検出できるためミスが少なくなります。 そしてStreamやFutureといった標準的な非同期処理APIを使ってデータの取得や変更の監視が行えるので、FutureBuilderやStreamBuilderを使うことでデータベースの値を表示するUIを簡単に構築することができます。 前提 Flutterでアプリケーションを開発したことがある人。 インストール pubspec.yamlに以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterのテストについて調べた - Qiita
【Flutter】JSONをデコードする - Qiita
