32歳非エンジニアが学習3ヶ月でFlutterアプリをリリースするまでにやったこと＋更に3ヶ月経った今考えること。 - Qiita
はじめに この記事は非エンジニアだった32歳のおじさんが学習3ヶ月でアプリをリリースするまでにやったことと、更に3ヶ月経った今感じていることを記載したものです。 内容的には、 『おじさんがおじさんにエンジニア超いいぜ！あなたもなろうよ！うひょ～』ではなく 『結構大変だった、今も大変、でもまあまあ楽しんでる。まだまだ継続して学習しないといけないなあ。ぷしゅ〜』というような内容です。 3ヶ月でやったこと Flutter大学の動画（YouTube）を見る 見るだけじゃなくて手も動かしました。 同じコードを書いて動画と同じように動作するのを確認したら、少し改造したものを一から作ってみました。 わからない箇所は調べました。エンジニアの知り合いがおらず苦労しました。 KBOYのFlutter大学に入る わからない箇所が増えてきて困ったので質問できるようにサロンメンバーになりました。 エンジニアの知り合
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。 今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています。 AudioPlayersの使い方 外部サーバ上にあるMP3ファイルを再生する例です。 外部ファイルをダウンロードし、ローカルある状態にしてから再生する例です。 ローカルファイルを再生します。ループ再生なども可能です。 スマートフォンに元々ある音を再生する例です。 再生のコントロールも様々に用意されています。 AudioPlayersを使えばオンライン、ローカルど
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
Flutter環境構築（Windows） 前編 - インストールまで - シー・エス・エス イノベーションラボ（ブログ）
みなさん、こんにちは。イノベーションLABのハヤシです。 イノベーションLABでは今期から、社内の技術開拓に力を入れています。 その中で挑戦した Flutter の環境構築について記事にしていきます。 今回は前編として、 Flutter の最低限のインストールについて解説します。 後編では、 Android エミュレータの作成とサンプルプロジェクトの作成・実行について解説します。 blog.css-net.co.jp 前提条件 Flutter SDK をインストール 環境変数設定 Android Studio セットアップ Android Studio インストール Android Studio 初期設定 Android Studio に Flutter プラグインインストール Android 設定 cmdline-tools をインストール ライセンスを承認する Visual Studi
【Flutter】17歳が一人でモバイルアプリを開発・リリースするまでの話 - Zikanri - Qiita
こんにちは。 18歳です。(タイトル詐欺です。) 今回初めて一人でアプリを作ったので、開発のきっかけや知見を共有しようかと思い、記事を書きました。 アプリを作ったのは17歳の時なので、この記事の中では私を華のセブンティーンとして扱ってください。 （実はこれ以上、年齢の話は出てきません） 記事がおもしろかったり、参考になったよという人は、 記事の評価やtwitter(@thoth000)のフォローをしてもらえると、とてもうれしいです。 次の記事作成のモチベーションになります。 それでは記事、始まります。 開発したアプリ アプリの名前はZikanriです。 価値アリと価値ナシの二種類の時間だけに限定して記録するアプリです。 記録を限定することで 毎日の価値がどれだけなのかがすぐに分かります！ 価値アリ・価値ナシでもない「行方不明な時間」も見つけてあげることができます。 記録をSNSにシェアして
【Dart/Flutter】導入したBLoCパターンアーキテクチャについて全体像をまとめてみた - Qiita
※BLoCパターンについては徐々に改善を進めておりまして、記事を更新する可能性があります。 Dart/Flutterの開発環境 Flutter 1.9.1+hotfix.6 Dart 2.5.0 FlutterのBLoCパターンとは BLoCパターンは、Business Logic Componentの略ですね。 ビジネスロジックを1つのコンポーネントとして管理することで、UIと明確に責務を分割するために利用するアーキテクチャであると私は解釈しています。 BLoCパターンについては、下の動画でみっちり解説されているので参考にしましょう。 参考：https://www.youtube.com/watch?v=PLHln7wHgPE BLoCパターン及びUIのガイドラインについて 引用：https://www.youtube.com/watch?v=PLHln7wHgPE 引用：https:/
GitHub - flame-engine/flame: A Flutter based game engine.
The goal of the Flame Engine is to provide a complete set of out-of-the-way solutions for common problems that games developed with Flutter might share. Some of the key features provided are: A game loop. A component/object system (FCS). Effects and particles. Collision detection. Gesture and input handling. Images, animations, sprites, and sprite sheets. General utilities to make development easi
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でネイティブアプリを開発してリリースしたので、リリースまでの苦難を晒していきたいと思います。 これからFlutterでネイティブアプリ開発をしようと考えている方の参考になれば幸いです。 リリースしたアプリは、サブスクリプションサービスをシンプルに管理するアプリ「さぶすく」です。 サブスクリプションをシンプルに管理するアプリをリリースしました！ ・サービスの無料期間中に解約するのを忘れてしまう ・いろいろなサービスに加入しているのでまとめて管理したい そんな悩みを解決したくて作りました。 ぜひ触ってみてください😀#Flutter さぶすくhttps://t.co/xJq3N99HzI pic.twitter.com/s0iSSTPhk1 — のすけ@Flutter (@guitar_blues_) April 13, 2020 以下からインストールできるので、触ってみてフィー
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleのプログラミング言語「Dart」のバージョン2.8がリリースされた。今回のリリースに併せて、iOS、Android、Fuchsia、デスクトップ向けアプリの開発に使用されるGoogleのユーザーインターフェース（UI）フレームワーク「Flutter」のバージョン1.17もリリースされている。 Googleは4月にFlutterとDartのリリースプロセスとチャネルを統一する計画を発表しており、今回の同時リリースはこの計画に従ったものだ。 同社によると、Flutterを使用する開発者は月間で約50万人に上り、Google Playには現在、Flutterを用いて開発されたアプリが5万本あるという。ただし、今回のアップデートから
MacBook に接続した iPhone 実機で Flutter アプリをデバッグする | DevelopersIO
こんにちは、CX事業本部 Delivery部の若槻です。 iOS アプリケーションを開発する際には、アプリをシミュレートされたデバイス上でデバッグできる Simulator を使うと便利です。 Simulator は私も普段の iOS アプリ開発でよく使っており、また Tips を紹介するブログもいくつか投稿しています。 FlutterアプリをGoogle Chrome/iOS Simulatorでデバッグする | DevelopersIO Flutterアプリを複数台のiOS Simulatorデバイスで同時に実行してみた | DevelopersIO flutter_nearby_connectionsによるP2P通信をiOS Simulatorのデバイス間で試してみた | DevelopersIO しかし、アプリケーションが端末のカメラや通信機能などハードウェア機能を利用する場合は、
Flutterで新規アプリ作る時にやることまとめ
はじめに Flutterで新規にアプリを作る時にテンプレ的に大体同じような事をやっているが、いつも忘れるので備忘録としてまとめ。 Flutterは絶賛開発中なので、本稿の内容は当時これでうまくいっていたぐらいに留めていただけると幸いです。 また、本稿は個人的なメモの意味合いが強いため、割愛している説明が多々あります。 本稿の変更を適用したサンプルリポジトリはこちら 記事もテンプレ自体も随時更新予定 旧バージョンの記事はこちら：Flutterで新規アプリ作る時にやることまとめ - Qiita この記事でできること要約 大体アプリ作るときにやるであろう手順の備忘録 dart-defineを用いて開発環境、ステージング環境、本番環境のフレーバーを切り替え、別々のアプリとして独立させる方法 フレーバーに応じて利用するFirebaseプロジェクトを切り替える方法 コードカバレッジ計測のTips 環境
はじめに 本記事は The Mutability Tax をベースにしています。 意訳・抜粋しまくったので翻訳記事と呼ぶには忍びないですが、記述の足らない箇所があれば元の記事を参照してください。 筆者の David Morgan 氏はGoogleのソフトウェアエンジニアです。 元記事の公開は2019年7月15日です。 本文中に登場するコードは Dart で記述されています。 The Mutability Tax では、MutableとImmutableそれぞれの設計によって生じるコードメンテナンスコストのことを Tax(税金) と形容しています。 本記事では 代償 と表現します。 3点要約 Mutableな型はバグを生みやすいです。 Immutableな型も正しく扱わないとコードが肥大化してバグを生みやすく、遅くなります。 コード生成（freezed）の力を借りて、簡単に安全な型を定義しま
Flutterのパフォーマンスを改善する
この記事はFlutter 全部俺 Advent Calendar 8日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterアプリのパフォーマンス FlutterはGPUを使った描画とさまざまな最適化による差分更新によって、宣言的なレイアウトでありながら高いパフォーマンスを実現しています。 最適化の多くはフレームワークが行ってくれますが、アプリ開発者が気を付けることで、より安定したパフォーマンスと高いユーザー体験をもったアプリを作ることができます。 この記事では、そのようなFlutterアプリのパフォーマンスチューニングのテクニックを紹介します。 なお、本記事で高いパフォーマンスとは、描
What’s new in Flutter 3.16
Welcome back to the quarterly Flutter stable release, this time for Flutter 3.16. This release sets Material 3 as the new default theme, brings a preview of Impeller to Android, allows adding extensions for DevTools, and much more! It also coincides with significant updates to the Flutter Casual Games Toolkit! In only three months since our last release, we’ve had 928 pull requests merged by 145 c
FlutterFlowを使ってノーコードでFlutter製TODOアプリを作ってみた | DevelopersIO
こんにちは。CX事業本部のKyoです。FlutterFlowというツールを使ってみたのでレポートします。 FlutterFlow is 何？ いわゆるローコード・ノーコード系のツールで、モバイルアプリ用のフレームワークであるFlutter製のアプリを開発することができます。 特長としては、ブラウザ上で開発を行え、Fluterのコードとしても出力できることが挙げられます。また、Firebaseをバックエンドとして利用でき、認証やデータの保存などはFirebaseに任せることもできます。 今回はフリープランで試していきます。 お題: TODOアプリ アプリケーションの学習には、認証 + CRUDという基本要素の詰まったTODOアプリを作ることが多いと思います。今回もTODOアプリを作ってみました。 公式ブログでも解説 + 材料の提供がされていますね。 なお、公式ブログから完成版のサンプルアプリ
FlutterでSelectableでClickableなTextライブラリを公開しました｜みやけりょう
こんにちは、アプリケーションエンジニアのみやけです。 2019年4月から不動産テックのHousmart(ハウスマート)にジョインして、 中古マンション提案アプリ「カウル」の iOS と Android を担当してます。 7月よりカウルのFlutterリプレイスを開始して、10月くらいには終わるかなって感じなのですが、最近作った便利なライブラリ(package)について紹介します。 Flutter には足りてないものがあるFlutter でのアプリ開発にはメリットも多数ありますが、Swift や Kotlin では当たり前にできることが、できないってこともたまにあります。 今回、Flutterの公式の機能や既存のライブラリで解決できなかったのは、こんな課題です。 ・URLと電話番号をリンクにしたい ・リンクをタップしたらブラウザを開いたり電話かけたりしたい ・テキスト選択してコピーしたいiO
はじめに FlutterはクロスプラットフォームなUIフレームワークです。UI特化のため、UI作る以外のプラットフォーム固有の機能を利用する場合には、公開されているライブラリ (プラグイン) を利用する以外にはFlutterの専用APIを利用してプラットフォーム側の実装を行う必要があります。 プラットフォーム固有機能の例は以下です。 Audio/Videoなどのメディアのデコード, エンコード, 再生 ランタイムパーミッションの表示や設定確認 Bluetoothや加速度センサーなどのハードウェア機能 WebView ストレージやファイルアクセス Dart⇆プラットフォーム双方向でまとまった情報が無かったため、ここにまとめることにしました。 今回はいくつかあるAPIのうち、最もよく使うMethodChannelについて使い方を解説します。 関連記事 Flutter (Dart) とプラットフ
What’s new in Flutter 2.5
Hello and welcome to Flutter 2.5! This is a big release, with the 2nd highest stats in the history of Flutter releases: 4600 issues closed and 3932 PRs merged from 252 contributors with 216 reviewers. If we look back over the last year, we see a huge 21,072 PRs created by 1337 contributors, of which 15,172 of them were merged. While the “what’s new in Flutter” blog posts focuses on new features, o
Flutterのアップデート、まだまだ激しいですよね。 以前チーム開発していた時も、 他の開発者とのFlutterのバージョン違いによりAPI定義が異なりエラーの嵐→無駄なコミュニケーションの発生 自分のPCのFlutterのバージョンを上げてしまったところ、ビルドできなくなったといった報告の対応 など、プロジェクトごとでなく開発者ごとにFlutterのバージョンを管理しているために起きてしまう問題がいくつかありました。また、OSSや個人開発などでも使用するFlutter SDKのバージョンを固定したいこともあるかと思われます。 本記事では、開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する方法を紹介します。 FVMを用いる場合 FVMはFlutter SDKバージョン管理ツールです。 導入についてはこちらの記事が日本語で分かりやすいので、説明は割愛します。 バージョ
Flutterの基本的なレイアウトの考え方・仕組みを学ぼう
レイアウトウィジェットの役割 Flutterでは、レイアウトには大きく分けて以下の2種類があります。 1つのウィジェットを配置するためのレイアウト（Single-child layout Widgets） 複数ウィジェットを配置するためのレイアウト（Multi-child layout Widgets） 複数の子ウィジェットを管理できるレイアウトだけあれば、1つだけのウィジェットは管理できると思う方もいると思います。機能的な面で考えれば、その考えは正しいでしょう。 しかし、あえて分けることで図1のような役割としてきく分けることができ、わかりやすくなります。 図1:Single-childとMulti-child layout Widgetsの役割の違い 例えば、単一ウィジェット用のレイアウトでは配置だけではなく、ボーダーの管理や影をつける等のデコレーション効果を担います。一方で複数ウィジェ
FlutterのMVVM関連あれこれ
MVVMのあれこれ WPFのMVVM MVVMは、2005年ごろに登場したアーキテクチャです。 対象となるプラットフォームはWPFになります。 このMVVMのことを、この後の文章では「WPFのMVVM」と呼び、可能な限り「MVVM」とは呼ばないようにします。 というのも、このアーキテクチャは、後ほどAndroidで採用されるMVVMとは異なるアーキテクチャと識別できるためです。「WPFのMVVM」はMVVMという設計思想とWPFというフレームワークを前提にしたものであり、Androidというフレームワークを前提にしたものでも、宣言的UIを前提にしたものでもないと思っています。 なお、.Net MAUIにおいてMVVMをどのように実装するかについては、解説がMSから出ています。 ざっと眺める限り、XAMLを利用したUI構築のケースで利用している様子なため、文脈は宣言的UIのものでもないのかな
こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin （Java）/ Swift（Objective-C）で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2
【Flutter】Providerのほぼ上位互換、Riverpodの基本的な使い方｜TechRacho by BPS株式会社
Providerとの違い Providerは直感的で使いやすく、かつ高機能で非常に優れたパッケージですが、以下のような不都合もありました。 この問題は僕も実際に使用していて要所要所で感じていました🤔 Providerで包んだツリー以外からアクセスしようとすると実行時にProviderNotFoundExceptionが発生する。 この問題に関しては確実に防ぐ方法がなく、コーディング中に気をつけて使うしかありませんでした。 同じ型を複数同時に使用できない ProviderはWidgetツリーを遡って最寄りの型を探してくるので、複数同じ型を使用することができませんでした。（使用できるけどWidgetツリーの中で一番近い型にしかアクセスできない） Widgetツリーが肥大化する Provideするオブジェクトが増えていくと、DevToolsなどで確認する際にWidgetツリーが肥大化して少し見
Flutterで始めるモバイルアプリ開発一覧
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
テスト容易性を考慮したFlutterのアーキテクチャ考察MVVM architecture with Repository pattern, state_notifier and riverpod ここ半年ほどFlutterを書いていて，アプリケーションのアーキテクチャで試行錯誤してます．状態管理ムズくない？ なのでいっそ表に出して意見もらえたらな，と思ったので書きます． 本記事では，Flutterアプリケーションにおいてテスト容易性を向上するためにはどうすればいいか，サンプルアプリケーションを例題にアーキテクチャレベルで検討します． アーキテクチャの目的 今回はテスト容易性を主軸に置いたアーキテクチャ選定を行いました． 特にFlutterの単体テストはネットワークリクエストが遮断されるので，副作用を伴う処理を行うレイヤを適切に分離し，テストが容易になるよう設計を行うこととしました． アー
Flutterで作成したアプリで、カメラ撮影した写真を取得する機能におけるカメラ起動時にエラーが発生しました。 現象としては、カメラ起動ボタンを押して、許可を求めるダイアログが表示されるので許可したあと、元の画面に戻ってカメラは起動しないという挙動でした。クラッシュは起きません。 また、iOSの方は問題なく動作しました。 以下のエラーログが出ていました。 E/flutter ( 9937): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: PlatformException(no_available_camera, No cameras available for taking pictures., null, null) E/flutter ( 9937): #0 StandardMethodCodec.
Flutterの状態管理ツールをproviderからriverpodに移行しました - Diverse developer blog
id:kikuchy です。 婚活サービスyoubrideのスマートフォンアプリは以前からFlutterを採用しています。 developer.diverse-inc.com このアプリでは、始めはscoped_model、次にproviderを状態管理ツールとして採用してきました。 この度、通常の開発を大きく止めることなくproviderからriverpodへと移行できたので、どのように移行したのかをお話したいと思います。 前提：なぜriverpodにしたのか providerパッケージ（以下、provder）もriverpodパッケージ（正確にはflutter_riverpodパッケージ。以下、riverpod）も同じ作者（Remi Rousseletさん）による状態管理＆依存性注入のためのライブラリです。 両者で実現できる機能はほとんど変わりません。 できることは主に以下のとおりです
Flutter でライセンス情報を表示する
どうも、たくチャレ(@takuchalle)です。 アプリの開発をしていると使用しているライブラリのライセンスを表示する必要が出てきます。 Flutterでは非常に簡単にライセンス情報の表示ができます。今回はその方法を紹介します。 Flutter でのライセンス表示方法 Flutterではライセンスを表示する方法がいくつかあります。 showLicensePage 関数を使う showAboutDialog 関数を使う AboutListTitle Widget を使う 自分でカスタマイズする それぞれを順に説明していきます。一番最後にDartPadを使って実際のコードを紹介しますので、確認してみてください。実際の動きが分かると思います。 showLicensePage 関数を使う まず showLicensePage関数の紹介をします。 使い方はすごくシンプルでcontextを渡して呼び
アップル「Swift」コードをWindowsで実行可能に--グーグル「Flutter for Windows」アルファ版も
アップル「Swift」コードをWindowsで実行可能に--グーグル「Flutter for Windows」アルファ版も Appleのプログラミング言語「Swift」と、Googleのユーザーインターフェース（UI）フレームワーク「Flutter」が「Windows 10」上で利用可能になった。 Swiftは、「iOS」「Mac」「Apple TV」「Apple Watch」向けのアプリケーションを開発するためのAppleによるオープンソースのプログラミング言語だ。 Appleが支援するSwiftプロジェクトは米国時間9月22日、「Windows」向けのダウンロード可能なSwiftツールチェーンイメージのリリースを発表した。SwiftのコードをWindowsで構築、実行する上で必要な開発コンポーネントが含まれている。 Windows 10に対応するツールチェーンは「Swift 5.3」で
Flutter の Platform 判定を正しく理解する
Flutter Interact ’19 での “Flutter Octopus” よりFlutterは、Android・iOS・Web・Windows・macOS・Linux・Fuchsia の7プラットフォームに対応するマルチプラットフォームフレームワークですが、それらの分岐対応などのためにPlatform判定することがあります(Flutterフレームワーク内でしてくれる対応だけで済むことが多く自前で書く機会は少なめですが)。 その際、いくつか判定方法があり、その扱いに迷ったり適当に勘で済ませてしまうこともありがちだと思うので、この記事で体系的に整理しながら解説します。 また、Platformに関する値がそれぞれの実行環境でどうなるのか、カスタマイズ可能な値を弄るとそれがどう作用するのか、を以下のサンプルで試せるように用意したので適宜活用ください。 デモアプリ: https://flu
Flutter には 2 種類の画面遷移があります。 1 つが「命令的」な画面遷移で、これは例えば Navigator.push や Navigator.pop など Navigator （実際には NavigatorState） が持つメソッドを呼ぶことで 直接的に画面遷移の実行を「命令」する ものです。 もう 1 つが「宣言的」な画面遷移で、Flutter の UI = f(State) の考え方と同じように State を変えてリビルドすることで画面が遷移する というものです。これは Navigator 2.0 という呼称で以前から設計と実装が進められており、 Flutter 1.17 では Page API が、 Flutter 1.22 では Router API が段階的にリリースされています。[1] おそらくほとんどのアプリ開発者は命令的な画面遷移に慣れているのではないかと思
実際にFlutterを触ってみよう～初めてのアプリ開発
Flutter開発環境の構築 Flutterアプリを開発できる環境を構築していきます。 Flutter SDK のインストール Flutter SDKは、Flutterのサイト（図1）からZipファイルをダウンロードしてインストールする方法を説明します。インストールできるOSとしては、WindowsやmacOS、Linux、そしてChrome OS用のものも用意されています。今回は、Windowsを前提に説明を進めます。 Flutter SDK自体はインストーラがあるわけではなく、Zipファイルを解凍し、任意の場所にファイルを置けば終了になります。また、インストールする方法としては、Zip形式のデータだけではなく、GitやWindowsであればchocolateyのようなツールを使ってインストールすることも可能です。 図1：FlutterサイトのSDKのダウンロードページ 今回はFlutt
How to test a Flutter app | Google Codelabs
1. Introduction Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. In this codelab, you'll build and test a simple Flutter app. The app will use the Provider package for managing state. What you'll learn How to create widget tests using the widget testing framework How to create an integration test to test the
[Flutter]BottomNavigationBarを使った下タブのナビゲーションメニューでの画面遷移、ページングを試す | DevelopersIO
Flutter で画面下部にナビゲーションメニューを配置する時は BottomNavigationBar という Widget を使用できます。基本的な Widget の使い方は覚えて状態管理のスタンダードを軽く学んだので実際にアプリを作り始めたのですがその際に使用した BottomNavigationBar について記事を書きたいと思います。 BottomNavigationBar の基本 1 例として 空の Container から一つずつ進めて作ってみます。以下のコードは Container を返しているだけのコードです。 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { static const String _t
「Flutterがどんなアプリに使われているか気になる！」という声をよく聞きます。そこで、実際にFlutterを採用している有名なアプリをいくつかピックアップしてみました。Flutterファンとしては、この魅力がもっと多くの人に伝われば嬉しいですね。 メルカリ「ハロ」 「スキマバイトを簡単に見つけられる」と評判のメルカリの新サービス、「ハロ」もFlutterを使用しています。 ホームページ iOSアプリ Androidアプリ スシロー 回転寿司チェーン「スシロー」のアプリも、実はFlutter製。便利な待ち時間確認や予約が可能です。 ホームページ iOSアプリ Androidアプリ トヨタ トヨタの一部のナビゲーションシステムでFlutterが採用されているとされていますが、詳細はまだ明らかになっていません。もっと情報がほしいところです。 じゃらん 旅行予約サイト「じゃらん」のアプリは、外
この記事はフューチャー Advent Calendar 2021の11日目の記事目です。 弊社のブログでもFlutter連載が行われているので、興味のある方はご一読ください。 https://future-architect.github.io/articles/20210510a/ はじめに Flutterにおける状態管理の方法は様々なパターンが存在してますが、いい意味で非常に変化が激しく、確固たる状態管理のパターンというのはまだ確立されていません。 Flutterの状態管理に関する記事は調べれば多く出てきますが、1年前の記事ですら古い内容を含んでいる場合が多いので、自らのキャッチアップの意味も込めて、本記事では2021年12月時点での状態管理のパターンを整理したいと思います。 文章や図だけだと状態管理手法の違いについてイメージが湧きづらい方もいると思いますので、この記事ではソースコード
The missing server for Flutter Serverpod is an open-source, scalable app server, written in Dart for the Flutter community. // Creates an endpoint called ‘example’ class ExampleEndpoint extends Endpoint { // Endpoint method to be called from client. Future<String> hello( Session session, String name) async { return ‘Hello $name’; } } // Client that can connect to the pod. var client = Client (‘htt
新卒エンジニアがDart/Flutterを学んだ話【研修振り返りレポート】 | BLOG - DeNA Engineering
はじめに みなさんこんにちは、21新卒エンジニアのKawagishiとTakagiです。 先日終了した2021年新卒エンジニア研修において、私たちはDart/Flutter研修を行いました。今回はその概要と、それぞれが感じたことについてお伝えします。この記事を読んで、少しでもエンジニア研修というもののイメージを掴んでいただければ幸いです。 研修詳細 Dart/Flutterとは？ 研修のアプリ開発パートでは、Googleによって開発されたプログラミング言語であるDartを用いました。元々はJavaScriptの代替言語として開発されましたが、現在はもっぱら、同じくGoogleが開発した Flutter というSDKと組み合わせることが多いです。Flutterを用いることで単一のコードベースから複数のプラットフォームに対応したアプリの開発を行うことができます。 DartはJavaScript
この記事は、シンプルなアプリを作りながら、Flutter開発の全体像を大枠で学ぶ内容です。 記事の流れは、ステップを踏みながら開発できるように順番に記載した、ハンズオン形式となります。 作るもの if-then planningのルールをスマホで管理できるものです。 if-then planningについての詳しい説明は省きますが、 「もし朝起きたら、コップ一杯の水を飲む」 「もしコンビニの近くに来たら、一旦過ぎてから本当に行きたいか考える」 のような、とある行動をトリガーとして良い行動を行うように、人間をプログラムするものです。 アプリ化の経緯は、今までスプレッドシートなどを使っていましたが、すぐに記録・閲覧できると便利だなと思ったためです。 機能 アプリの機能は下記のとおりです。 最低限アプリとして必要な機能だけを作成してゆきます。 ルールを追加することができる ルールを一覧で見ること
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AudioPlayers - Flutter製の音楽アプリ
Flutter 2はWeb向けに本番環境対応しており、新しいプラットフォームを追加している
Flutter初心者が独学でアプリをリリースしたので苦難を全部晒す
グーグル、「Dart 2.8」と「Flutter 1.17」をリリース--iOS関連機能を大幅強化
【Flutter, Dart】ミュータブルの代償とイミュータブルの代償、そしてfreezed - Qiita
Flutter MethodChannel APIの使い方 - Qiita
開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する - Qiita
ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
テスト容易性を考慮したFlutterのアーキテクチャ考察 | /var/log/koka
【Flutter】Androidのカメラが起動できないときの解決方法
【Flutter】最小限のコードで理解する「宣言的な画面遷移」と Navigator 2.0
Flutterを採用している有名企業・有名アプリ - Qiita
【2021年版】Flutterの状態管理パターン総まとめ - Qiita
Serverpod – The Flutter Backend
習慣改善アプリを作りながら学ぶFlutter入門 - Qiita