Flutterでアプリのバックグラウンド状態で位置情報を使用しながら処理できるパッケージを作った - Qiita
株式会社Neverのshoheiです。 株式会社Neverは「NEVER STOP CREATE 作りつづけること」をビジョンに掲げ、理想を実現するためにプロダクトを作り続ける組織です。モバイルアプリケーションの受託開発、技術支援、コンサルティングを行っております。アプリ開発のご依頼や開発面でのお困りの際はお気楽にお問合せください。 概要 弊アプリ（世界遺産ウォーキング）のユーザーさんからアプリを閉じていても目的地に到達した事を教えて欲しいというリクエストがあったので、その機能を実現するためのパッケージを作りました。 パッケージをアプリに導入したところ無事ストアの審査も通ったので宣伝（笑）も兼ねて共有します。 世界遺産ウォーキング iOS Android 作ったパッケージ background_task アプリがバックグラウンド状態でも位置情報を検知して処理できるパッケージです。位置情報更
Flutter×GCP/Firebaseでしっかり作る時のポイント13個。
Flutter×GCP/Firebaseで何かを作っていく(る)方に参考になればと思います。 上記の技術構成でリリースした Othellode というアプリは、 iOS/Android で公開済みなので、興味あればダウンロードしてみて下さい。 “しっかり”とは？下記のような観点を考慮することを指しています。 運用を前提とする設計やフロー整備多言語対応負荷分散セキュリティモニタリング費用バックアップロギングdevelopment/staging/production 管理これらに関する知見から、13個厳選して広く浅く書きました。 (ポイントというより感想みたいな項目もありますが..) なお、情報漏洩対策(IP制限やBasic認証)やアセットパイプライン,BQによる分析等は、今回本腰を入れてない( 必要がなかった)ため触れませんし、詳しくありません。 目次Useful Information
Flutter StudioでアプリのUIをつくろう！｜TechRacho by BPS株式会社
こんにちは。ウイングドアの田上です🐈 最近弊社ではFlutter™の機運が高まっておりまして社内勉強会も行われています💪 FlutterではコードでUIを組まないといけないので、なかなかむずかしいな〜😰と思っていたところ、 Flutter Studioという便利なツールがあったのでご紹介させていただきます❗️ Flutter Studioとは Webブラウザ上でFlutterのUIを組むことができるツールです。 マウス操作でWidgetの配置を行ってレイアウトを作成することができます。 Flutter StudioのUI説明 Flutter Studio にアクセスをすると、まずこの画面が表示されます。 ①Widget一覧 Flutterで使えるWidgetが選択できます。 レイアウトを組む際は、ここからWidgetを選択して、シミュレータへとドラッグ&ドロップをします。 ②シミュレ
FlutterとFirebaseで新しいサービスをリリースしました - Studyplus Engineering Blog
こんにちは、スタディプラスの須藤(id:kurotyann)です。 タイトルどおり、9/17にFlutterとFirebaseで新しいサービスをリリースしました。 サービス名は「ポルト（Porto）」です。 受験生に人気の参考書を月額980円でスマホで読める電子参考書サービスです。 iOSとAndroidで利用でき、無料で読める参考書もあります。受験生でない方も試しにインストールしてみてください。 ポルト 大学受験向けの参考書が読み放題 Studyplus Inc.教育無料apps.apple.com play.google.com 【公式】ポルト 参考書読み放題サービス【14日間無料体験のお申し込みはこちら】 さて、リリースされたばかりのポルトですが、今回のブログでは以下の3点を書きます。 「(1) 技術スタック」 「(2) 開発期間」 「(3) FlutterとFirebaseで開発を
【Flutter】アプリ開発_初心者のアプリをプロっぽくする最強のpackageを紹介 - Qiita
はじめに 2020年の元旦からFlutterの勉強を開始し、無事2ヶ月で見た目がそれなりのアプリを作ることができるようになりました。これは、すんごい方々が作ったパッケージを使用したおかげです。今回、私が使ったパッケージ・使わなかったけど、いいと思ったパッケージをまとめていきたいと思います。初心者がそれなりの物を短時間で作るにはすんごい方々が作ったすんごいパッケージをどれだけ知っているか、そしてそれをいかに組み合わせられるかが重要だと思います。下記が私が紹介するパッケージで作ったアプリです。もし、インストールしていただけたら嬉しいです。評価してくださると泣いて喜びます。私のアプリ見ながらだと、よりどこに該当のパッケージが使われているかわかりやすいかと思います。 画面チュートリアル編 1.tutorial_coach_mark https://pub.dev/packages/tutorial
Flutter はじめの一歩
本記事は、このPublicationの中でも特に初学者向けに書かれています。主なターゲット層は以下のような方です。 JavaScript・PHPなどとっつきやすいWeb系の言語は見よう見まねで触ったことがあるがきちんとは理解できてはいない(プログラムを1行も書いたこと無いレベルの場合はFlutterの前にまず何かとても簡単な入門書をまず一冊挟んだ方が良いです)Flutterを触り立て(環境構築は済んでいる)以前、以下の呟きをしましたが、例えばデザイナー本業の方がFlutterも活用できるようになると幅が広がると思い、また公式ドキュメントにもその旨が書かれていました。 とはいえ、元々バリバリコードを書けてしまうようなごく一部のデザイナーを除いて、やはりFlutterを使いこなせるようになるには(UIレイアウト周りに絞ったとしても)けっこう障壁が高いとは思うので、本記事がその補助となれば幸いで
Flutterに入門してつまったところ。電卓アプリを作りながら。その１ - Qiita
最近、やっとFlutterに入門。。 こんな電卓アプリを作りながら、Flutterのことを理解している最中。 その際に、悩んだ点や調べた内容の備忘録。 とりあえず、ボタンを押すと、 上の絵が変わるところまでできた(´ω｀) pic.twitter.com/Ty8npyo3eO — 積読ハウマッチ📚きらぷか (@kira_puka) November 3, 2019 以下の記事の続き的な内容。 1. Flutterに入門する前に集めたリンク集 - くらげになりたい。 2. Flutterに入門して疑問に思ったことと、そのとき調べたこと - くらげになりたい。 背景画像をつけたい Containerのdecorationを使うといける class Background extends StatelessWidget { Background({Key key}) : super(key: k
Dart/Flutter の静的解析強化のススメ
TL;DR特にFlutterアプリの場合は、手っ取り早く強め(Flutter推奨 + α)に静的解析強化したいときには以下がお勧めです。 1. インストールpedantic_mono パッケージをインストール。 dev_dependencies: pedantic_mono: any2. analysis_options.yamlの配置https://github.com/mono0926/pedantic_mono/blob/master/example/analysis_options.yaml をプロジェクトのルートに置く。 analysis_options.yaml とはそれでは、以下もう少し詳しく補足していきます。 Dart/Flutterプロジェクトでは、analysis_options.yamlを設定することでその記述内容に応じて静的解析をかけてくれるようになります。
[Flutter]コピペで使える！ボタンのデザイン16種類をまとめました - Qiita
Flutter開発する中で、「この形のボタンどうやって書いたっけ？」と調べ直すことが何度かありましたので、ここにまとめておきます。 特に、ボタンウィジェットのshapeで定義できるのは、RoundedRectangleBorderやStadiumBorder、BeveledRectangleBorderなどなど色々ありますが、少し覚えにくいんですよね... 修正点等ありましたら、ご指摘お願いします。 [2020年10月24日追記] Flutter1.22より、ElevatedButtonやTextButton、OutlinedButtonなどのボタンWidgetが追加されたため、そちらも追記しておきます。 いろんなボタンまとめ 1.色付きボタン // Flutter1.22以降のみ ElevatedButton( child: const Text('Button'), style: El
![[Flutter]コピペで使える！ボタンのデザイン16種類をまとめました - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0865fb54d6f8708fc027562ba9ffb4400b35b347/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RCVFMyU4MiVCMyVFMyU4MyU5NCVFMyU4MyU5QSVFMyU4MSVBNyVFNCVCRCVCRiVFMyU4MSU4OCVFMyU4MiU4QiVFRiVCQyU4MSVFMyU4MyU5QyVFMyU4MiVCRiVFMyU4MyVCMyVFMyU4MSVBRSVFMyU4MyU4NyVFMyU4MiVCNiVFMyU4MiVBNCVFMyU4MyVCMzE2JUU3JUE4JUFFJUU5JUExJTlFJUUzJTgyJTkyJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJUUzJTgxJUJFJUUzJTgxJTk3JUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1mYTA2OTkyMDBlNTdjOThmYTZmODdlMDBmYjI1YzZhNw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjb2thX18wMSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ODUyM2Y5N2IxZGQzODdhMjc0MmI2NTA2ZjBmZWQzY2Y%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3792e62d29bf45c1736f0d82989e8a87)
[Flutter] ダイアログの種類と使い分け方をカチッとまとめる - Qiita
Flutterのダイアログについてまとめます。 結論としては、こんな感じです。 ・選択肢ダイアログ ： SimpleDialog ・ボタンつきまたはカスタマイズ ： AlertDialog ・それでも実現できない場合 ： 新規ページにダイアログを実装する Material編 SimpleDialog SimpleDialogは、基本的に選択肢から選ぶようなダイアログの場合に使用します。 選択肢はSimpleDialogOptionを使って実装できます。 また、Dialogを表示する際にはshowDialog()メソッドを呼び出します。 これはDialogの種類に関わらず共通事項です。 showDialog( context: context, builder: (context) { return SimpleDialog( title: Text("タイトル"), children: <
![[Flutter] ダイアログの種類と使い分け方をカチッとまとめる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e114e78f74d6b1691ae3249f7d2874d2597ac3b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RCUyMCVFMyU4MyU4MCVFMyU4MiVBNCVFMyU4MiVBMiVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MSVBRSVFNyVBOCVBRSVFOSVBMSU5RSVFMyU4MSVBOCVFNCVCRCVCRiVFMyU4MSU4NCVFNSU4OCU4NiVFMyU4MSU5MSVFNiU5NiVCOSVFMyU4MiU5MiVFMyU4MiVBQiVFMyU4MyU4MSVFMyU4MyU4MyVFMyU4MSVBOCVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YWYxODAzNTVjYWE1NTBmMDdiZTQ3M2UzNTZhMTQ3OGE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjb2thX18wMSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ODUyM2Y5N2IxZGQzODdhMjc0MmI2NTA2ZjBmZWQzY2Y%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D1c8aef237ae34a09fc7e91666e2a8f5a)
Flutter FAQ 🇯🇵
さらに自分なりに表現すると、次のように思っています。 Hot Reload/Restartによって、実装と確認のフィードバックサイクルが極めて速い(ビルドで数十秒以上程度待たされることの多いネイティブ開発環境と比べて)ネイティブアプリと見分けの付かないような高クオリティ・高パフォーマンスなアプリの開発も可能リッチなフルカスタムUIも組みやすいさらに、Google I/O 2019でもアピールされていたデスクトップ・Webへのクロスプラットフォームアプリの開発も可能になりつつある(まだプレビュー版で現時点でのプロダクション利用は厳しい)のも、今後への期待ポイントです。 Flutterの学習コストは？個人的には、以下程度に思っています。 簡単なプロトタイプ・ごくシンプルなアプリ: まあまあ簡単ある程度複雑・中規模以上のアプリ: 簡単ではない(iOSネイティブよりも少し習熟しやすいかも？程度)簡
Androidネイティブアプリ開発者から見たFlutter
先日行われたGoogle I/O 2019でFlutter for Webが発表されたこともあって、自分の周りにもFlutterに興味を持つ人が増えてきていると感じます。 monoさんの上の記事を読んでから半年ほどFlutterを触ってみて、ある程度知見がたまってきたので、普段Androidエンジニアとして働いている自分の目から見たFlutterについての感想を書きます。Flutterってなに？ということに関しては、上の記事とほとんど内容がかぶってしまうので省略します。 Androidネイティブ開発との比較Flutterの生産性はAndroidネイティブ開発と比べてもかなり高いと思います。Flutterは最近の開発トレンドを取り入れているため、再利用性が高く宣言的なViewの作成や、シンプルなライフサイクルなどを使うことができます。Androidエンジニアの自分ですら画面の作成であればFl
Flutterアプリ公開の最後のほうにやったこと｜iiinaiii
はじめに先日、Flutterアプリの勉強のために、簡単なサンプルアプリを作りGooglePlayに公開しました。 F-Punks API通信を行い、リスト表示/詳細表示をするアプリです。BrewDogのビールについての情報を見ることができます。 今回は、自分への備忘も兼ねて、Flutter製アプリ公開の最後のほうに行った作業を残しておこうと思います。 ちなみにiOSアプリも公開に臨んだのですが、サンプルアプリのような機能が簡単すぎるアプリは「Guideline 4.2 - Design - Minimum Functionality」という理由でリジェクトされるようで、自分のアプリもだめでした。 普段はAndroidアプリ開発をメインに行なっているので、サンプルアプリ公開にハードルがあることを知らなかったのですが、iOSのリジェクトを初体験することができました。 環境Flutter ->
Building An Android Audio Player In Flutter: I
So over the past 2 weeks I have been working on an Android app in my free time. It started out as a way for me to use as many of Flutter’s features as I can and see how it all works out. I wanted a project that will allow me apply the BLoC pattern extensively, use platform channels, overlays, databases, shared preferences and also apply animations. The best idea that came to me was to build an Aud
Flutterでの横画面のTextFormField入力時のスクローリング - TaillookTech
問題 コード 実践 結果 問題 こういった入力画面を作った時，横画面にした時に スクロールが出来ない影響で下のボタンやフォームを選択出来ない． SingleChildScrollViewでスクロールさせることでこの問題を解決します． コード new SingleChildScrollView( child: //フォームやボタンなどを配置 ) 上のコードを追加する事でスクロールを追加出来ます． 実践 www.taillook.tech この記事でのフォームにスクロールを追加します． body: new Container( padding: EdgeInsets.all(20.0), child: new Form( key: formkey, child: new Column( crossAxisAlignment: CrossAxisAlignment.stretch, childr
Flutterで有名なBLoCを使ってカウントアップアプリを作る - 虎視眈々と
Flutterで有名なBLoCとは 今回はBLoCについて書いていきます。 BLoCとは😦 Dart Conf 2018で発表されたアーキテクチャになります。 www.youtube.com 詳しくは上のYouTube動画でこの解説がなされています。 BLoCは Business Logic Component の略です。 要は ビジネスロジックと画面のViewを明確に分けましょう というアーキテクチャです。 実装上の指針 具体的な指針は下記になります。 BLoCの入力・出力インターフェースはすべてStream/Sinkである BLoCの依存は必ず注入可能で、環境に依存しない BLoC内に環境ごとの条件分岐は持たない 以上のルールに従う限り実装は自由である ポイントはこの４つです。YouTube動画の中でもこのようなことをいわれています。 具体的な概要は下記のGoogle I/O 201
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutter Guide JP | Flutter Doc JP
Dart List チートシート - Flutter入門
Flutterで顔認証/指紋認証を簡単に実装する - Qiita
FlutterでのWidgetツリーへの状態伝播とアクセス制限の基本戦略
