本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標にUnity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の5回目となります。 前回までの記事でFlutterとUnityで連携するための具体的な解説は終了しています。 今回は少しでも開発を効率的に進めるための工夫を紹介を行い、本連載を締めさせていただきます。 前回までの記事をまだ読まれていない方はまず一通りお読みいただいてから今回の記事を見ていただけると幸いです。 4回目：FlutterとUnityを連携させる 3回目：Unity製のiOSアプリにFlutterを組み込む 2回目：Unity製のAndroidアプリにFlutterを組み込む 1回目：Flutter「を」Unity「へ」導入する FlutterとUnityを連携させる開発における問題点 Flutter、Unityそれ
WINTICKET における Flutter を利用したクロスプラットフォームアプリケーションへの取り組み | CyberAgent Developers Blog
はじめに 株式会社 WinTicket の @wadackel です。 WINTICKET では、昨年2021年から Flutter を利用したクロスプラットフォームアプリケーション開発に取り組んでいます。具体的には目下、既存 Android アプリケーションを置き換えることを目標としています。将来的には iOS アプリケーションも Flutter 製へと置き換えることを想定しています。 この記事では、どのような事業状況から Flutter を採用した開発に至ったかについてご紹介できればと思います。 ※WinTicket（パスカルケース表記）が子会社名称、WINTICKET（全て大文字表記）がサービス名です WINTICKET とは WINTICKET（ウィンチケット）は、2019年4月にリリースした公営競技のインターネット投票サービスです。現在サービス提供している公営競技の種類は競輪、及
GitHub Actions で Automatically manage signing を使って Flutter の ipa ビルドする
2024/10/16追記 本記事に記載したビルド手順ではiOSアプリにおいてentitlementsへの署名が行われないためプッシュ通知などを使用するアプリケーションが正常に動作しません entitlementsの設定を含むワークフローの例はこちらの記事をご覧ください https://zenn.dev/mutex_inc/articles/ios-cd-with-push-notification GitHub Actions で Flutter アプリの TestFlight 用バイナリ（ipa）をビルドする方法を調べると「Automatically manage signing」 を無効にしてビルドする記事が出てきます。 オプションを有効にしたままビルドする方法が見つからなかったので調べました。検証は Flutter で行いましたが、Flutter を使わない iOS ネイティブのプロ
「Flutterがどんなアプリに使われているか気になる！」という声をよく聞きます。そこで、実際にFlutterを採用している有名なアプリをいくつかピックアップしてみました。Flutterファンとしては、この魅力がもっと多くの人に伝われば嬉しいですね。 メルカリ「ハロ」 「スキマバイトを簡単に見つけられる」と評判のメルカリの新サービス、「ハロ」もFlutterを使用しています。 ホームページ iOSアプリ Androidアプリ スシロー 回転寿司チェーン「スシロー」のアプリも、実はFlutter製。便利な待ち時間確認や予約が可能です。 ホームページ iOSアプリ Androidアプリ トヨタ トヨタの一部のナビゲーションシステムで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アプリのUIを設計できるオンラインFlutter UI ビルダー・「FlutterFlow」 - かちびと.net
FlutterFlowはドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダーです。 Googleによって開発されたオープンソースのUIのSDKであるFlutterベースのネイティブアプリを設計できるローコードビルダーで、コードを書かずテンプレートも用意されているため、内容次第ですが従来の10倍の速さでアプリを開発できる、というものだそう。 Firebaseと統合したりAlgoliaで検索機能を強化するなどのカスタマイズにも対応しています。FlutterFlowはFlutterのベストプラクティスに従っており、エクスポートしたコードもクリーンで読みやすいようになっているようです。（※コードのDLは有償プランから） 本格的にアプリを開発し、ローンチするには有料プランが必要ですが、それまでの操作は無料プランで可能です。ドキュメントも充
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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。 18歳です。(タイトル詐欺です。) 今回初めて一人でアプリを作ったので、開発のきっかけや知見を共有しようかと思い、記事を書きました。 アプリを作ったのは17歳の時なので、この記事の中では私を華のセブンティーンとして扱ってください。 （実はこれ以上、年齢の話は出てきません） 記事がおもしろかったり、参考になったよという人は、 記事の評価やtwitter(@thoth000)のフォローをしてもらえると、とてもうれしいです。 次の記事作成のモチベーションになります。 それでは記事、始まります。 #開発したアプリ アプリの名前はZ
本記事は、佐藤将来 が執筆し、Codemagic blog に投稿されたものです。 Mac コンピューター無しで iOS アプリを開発することは難しいと思われるかもしれません。実際この状況がすぐに変わる兆しはありませんが、Mac を持っていなくてもアプリ開発者が iOS アプリをビルドして App Store にリリースする方法は存在します。この投稿では、Linux または Windows コンピュータしか持っていない場合でも Flutter と Codemagic を使用して iOS アプリをビルドして公開する方法をご紹介します。 必要なもの まず事前に以下のものを準備しましょう： Apple Developer Program へのメンバーシップ登録 アプリのコード署名や公開を行うために必要です。 iOS デバイス 本記事の手順を終えた後には、アプリの挙動を実際にテストするためのデバイ
Flutter「を」Unity製Androidアプリ「へ」 本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の2回目となります。 前回の記事で、なぜUnity製アプリにFlutterを導入するのかという話をしているのでまだ見ていない方はそちらも合わせて読んでいただけると幸いです。 Unity製のアプリにFlutterを組み込むためにはいくつかの手順が必要となるので今回から複数回にわたり実際のコードを交えながら解説していきます。 2回目となる本記事はUnity製のAndroidアプリにFlutterを組み込む方法の解説となります。 なお、本連載はUnityとFlutterの連携がメインとなるのでUnityとFlutterの基本的な部分の説明は省略させていただきます。 開発環
1. はじめに Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。 このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。 学習内容 Flutter の動作に関する基礎知識 Flutter でレイアウトを作成する方法 ユーザー操作（ボタンを押すなど）をアプリ動作に接続する方法 Flutter コードを整理された状態に保つ方法 アプリをレス
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 でデコードしなければならな
印刷する メールで送る テキスト 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 しかし、アプリケーションが端末のカメラや通信機能などハードウェア機能を利用する場合は、
NTT Tech Conferenceは、NTTグループのエンジニアたちが一堂に会し、NTTグループ内外のエンジニアたちと技術交流を行うためのカンファレンスです。ここで「Flutterアプリ開発スタートアップ with Tips」をテーマに神原氏が登壇。続いて、Flutter入門時のポイントと開発のTipsを紹介します。前回はこちらから。 Flutter入門時に押さえておきたいポイント 神原健一氏（以下、神原）：続いて入門時に押さえたいポイントということで、Flutterアプリのファイル構成、画面の作り方、ビジネスロジックの効率的な実装を紹介していきます。Flutterアプリを作っていくときには、プロジェクトを作ったあとに生成されます。 特に重要なファイルが2つあります。1つがソースコードで、main.dartというファイル。そしてpubspec.yamlというライブラリ、もしくはいろいろ
はじめに 本記事は The Mutability Tax をベースにしています。 意訳・抜粋しまくったので翻訳記事と呼ぶには忍びないですが、記述の足らない箇所があれば元の記事を参照してください。 筆者の David Morgan 氏はGoogleのソフトウェアエンジニアです。 元記事の公開は2019年7月15日です。 本文中に登場するコードは Dart で記述されています。 The Mutability Tax では、MutableとImmutableそれぞれの設計によって生じるコードメンテナンスコストのことを Tax(税金) と形容しています。 本記事では 代償 と表現します。 3点要約 Mutableな型はバグを生みやすいです。 Immutableな型も正しく扱わないとコードが肥大化してバグを生みやすく、遅くなります。 コード生成（freezed）の力を借りて、簡単に安全な型を定義しま
FlutterFlowを使ってノーコードでFlutter製TODOアプリを作ってみた | DevelopersIO
こんにちは。CX事業本部のKyoです。FlutterFlowというツールを使ってみたのでレポートします。 FlutterFlow is 何？ いわゆるローコード・ノーコード系のツールで、モバイルアプリ用のフレームワークであるFlutter製のアプリを開発することができます。 特長としては、ブラウザ上で開発を行え、Fluterのコードとしても出力できることが挙げられます。また、Firebaseをバックエンドとして利用でき、認証やデータの保存などはFirebaseに任せることもできます。 今回はフリープランで試していきます。 お題: TODOアプリ アプリケーションの学習には、認証 + CRUDという基本要素の詰まったTODOアプリを作ることが多いと思います。今回もTODOアプリを作ってみました。 公式ブログでも解説 + 材料の提供がされていますね。 なお、公式ブログから完成版のサンプルアプリ
Flutterのアップデート、まだまだ激しいですよね。 以前チーム開発していた時も、 他の開発者とのFlutterのバージョン違いによりAPI定義が異なりエラーの嵐→無駄なコミュニケーションの発生 自分のPCのFlutterのバージョンを上げてしまったところ、ビルドできなくなったといった報告の対応 など、プロジェクトごとでなく開発者ごとにFlutterのバージョンを管理しているために起きてしまう問題がいくつかありました。また、OSSや個人開発などでも使用するFlutter SDKのバージョンを固定したいこともあるかと思われます。 本記事では、開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する方法を紹介します。 FVMを用いる場合 FVMはFlutter SDKバージョン管理ツールです。 導入についてはこちらの記事が日本語で分かりやすいので、説明は割愛します。 バージョ
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
はじめに Shorebird は Flutter 開発でビジネスを成功できるように、必要な製品を開発するパブリックな組織です。プロダクトはすべてオープンソースであり、開発の状況も Discord で公開されています。チームには、Flutter 創設者の Eric Seidel 氏はじめ、Bloc や Mason の作者でもある Felix Angelov 氏など、言わずと知れた Flutter のエキスパートによって構成されています。 そして、現在プロダクトとして公開されているのが「Code Push」となります。今後は他にもたくさんプロダクトを開発するのだと思いますが、執筆時点で公式サイトに掲載されているのは Code Push のみです（GitHub を見ると他にも開発していることがわかります）。 Code Push は、アプリストアを経由せずにユーザーの手元にインストールされたアプリ
こんにちは。次世代システム研究室の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で作成したアプリで、カメラ撮影した写真を取得する機能におけるカメラ起動時にエラーが発生しました。 現象としては、カメラ起動ボタンを押して、許可を求めるダイアログが表示されるので許可したあと、元の画面に戻ってカメラは起動しないという挙動でした。クラッシュは起きません。 また、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さん）による状態管理＆依存性注入のためのライブラリです。 両者で実現できる機能はほとんど変わりません。 できることは主に以下のとおりです
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
BuildContext について書けるだけ書く
Flutter をやっていて、 BuildContext というクラス名を聞いたことがないという方はいないのではないかと思います。build() メソッドの引数で渡されてくるあれです。 使いどころとしては、画面遷移をするための Navigator.of(context) であったりダイアログを表示するための showDialog(context: context) であったりすると思いますが、この記事ではこの BuildContext が何者なのか、書けるだけ書いていきたいと思います。 なお、まとまりがなく勢いで書き出せるだけ書いた記事ですので、暇な時にのんびり斜め読みで読むのがおすすめです。 BuildContext は Element BuildContext の説明をするためにはまず Element について説明しなければなりません。 Everything is a Widget と
アップル「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] おそらくほとんどのアプリ開発者は命令的な画面遷移に慣れているのではないかと思
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を触ってみよう～初めてのアプリ開発
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
[Flutter]BottomNavigationBarを使った下タブのナビゲーションメニューでの画面遷移、ページングを試す | DevelopersIO
[Flutter]BottomNavigationBarを使った下タブのナビゲーションメニューでの画面遷移、ページングを試す Flutter で画面下部にナビゲーションメニューを配置する時は BottomNavigationBar という Widget を使用できます。基本的な Widget の使い方は覚えて状態管理のスタンダードを軽く学んだので実際にアプリを作り始めたのですがその際に使用した BottomNavigationBar について記事を書きたいと思います。 BottomNavigationBar の基本 1 例として 空の Container から一つずつ進めて作ってみます。以下のコードは Container を返しているだけのコードです。 import 'package:flutter/material.dart'; void main() => runApp(MyApp()
Flutterによるネイティブアプリのリプレースプロジェクトを完遂しました - スタディサプリ Product Team Blog
こんにちは、モバイルアプリエンジニアの @mtbhiro です。現在はスタディサプリ for SCHOOL(以下 forSCHOOL )1というプロダクトのモバイルアプリ開発を行っています。 Flutter による forSCHOOL アプリのフルリプレースプロジェクトを、2023年8月に Android アプリを、2023年12月に iOS アプリをリリースすることで完遂しました！ この記事ではどのような背景や目的でリプレースを行うことになったのか、どのようなプロジェクト管理を試みたのか、そして最終的にどのような結果が得られたのかについて紹介します。 forSCHOOL アプリについて 開発チームが抱えていた課題 開発リソースの確保が困難 プラットフォーム間の仕様差分によるコスト Flutter導入にあたって アプリの特徴とFlutterの制約 開発メンバーと会社体制 新規開発やリスクを
この記事は、シンプルなアプリを作りながら、Flutter開発の全体像を大枠で学ぶ内容です。 記事の流れは、ステップを踏みながら開発できるように順番に記載した、ハンズオン形式となります。 作るもの if-then planningのルールをスマホで管理できるものです。 if-then planningについての詳しい説明は省きますが、 「もし朝起きたら、コップ一杯の水を飲む」 「もしコンビニの近くに来たら、一旦過ぎてから本当に行きたいか考える」 のような、とある行動をトリガーとして良い行動を行うように、人間をプログラムするものです。 アプリ化の経緯は、今までスプレッドシートなどを使っていましたが、すぐに記録・閲覧できると便利だなと思ったためです。 機能 アプリの機能は下記のとおりです。 最低限アプリとして必要な機能だけを作成してゆきます。 ルールを追加することができる ルールを一覧で見ること
こんにちは、Flutterでのアプリ開発をメインとしている「Altive株式会社」の村松龍之介（@riscait）です！ Flutter SDKのバージョン管理ツールであるFVM（Flutter Version Management）をご紹介します。 上のリンクの通り、丁寧な公式ドキュメントがありますので、そちらで事足りる方には不要な説明が多いと思います。 ※Flutterのバージョン管理というと asdf の名前も上がりますが、併用困難等の利用から筆者は FVM のみを使用しています。 FVMの用途・機能は大きく2つ 複数のFlutter SDKバージョンをインストールできる。 →複数のFlutter SDKをインストールしておくことができるので、切り替えが容易になります。 fvm_config.json を使用することで、Flutter SDKバージョンを明示してチームで統一できる。
はじめに 消防士として3年間勤務し、web系仕事に転職して2年位が経ったので、思い立ってアプリを個人的に開発しました。 制作時間としては、おおよそ3週間といったところでしょうか。 3週間くらい仕事終わりに、1.5〜2時間ほど行っていました。 あまり長い期間、予定をたてると失敗するタイプなので、なるべく短い期間で且つ必要機能だけといった縛りで行いました。 ※この記事は10/9にzennに投稿したものです。 自分のレベル感 レベル的には、エンジニアではなく、コーダーです。 異業種からweb系に転職して2年ほどです。 普段はweb系の会社でphp等を使ってバックエンドをしています。 使える、使ったことがあるものとしては、マークアップ言語、js、ts、vue、react、node、ｐｈｐ、dart、firebase、flutter、mysql等です。 リリースしたもの まだiosしか審査の関係で出
この記事はフューチャー 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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FlutterとUnityの開発効率化 | gihyo.jp
Flutterを採用している有名企業・有名アプリ - Qiita
AudioPlayers - Flutter製の音楽アプリ
Flutter 2はWeb向けに本番環境対応しており、新しいプラットフォームを追加している
Mac を使わずに iOS アプリを Flutter と Codemagic で配布する
Unity製のAndroidアプリにFlutterを組み込む | gihyo.jp
初めての Flutter アプリ | Google Codelabs
グーグル、「Dart 2.8」と「Flutter 1.17」をリリース--iOS関連機能を大幅強化
コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips
【Flutter, Dart】ミュータブルの代償とイミュータブルの代償、そしてfreezed - Qiita
開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する - Qiita
Shorebirdが開発するFlutter用の『Code Push』とは
ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
【Flutter】Androidのカメラが起動できないときの解決方法
ChatGPT×Flutterで迅速なスマホアプリ開発を実現する「FlutterPrompts」がリリース
【Flutter】最小限のコードで理解する「宣言的な画面遷移」と Navigator 2.0
習慣改善アプリを作りながら学ぶFlutter入門 - Qiita
FVMでFlutter SDKのバージョンをプロジェクト毎に管理する
消防をやめて、消防士のためのアプリを作った話。 - Qiita
【2021年版】Flutterの状態管理パターン総まとめ - Qiita
Serverpod – The Flutter Backend
news.yahoo.co.jp
diamond.jp
minami5.lo.gob.jp
news.yahoo.co.jp
www.yomiuri.co.jp
sumire.dt.weblog.vc