目次 はじめに Flutter開発6年間の実践知識 Flutterの進化と共に 実務での実感：Flutterの真の価値 個人での感想レベル ベンチャー企業におけるFlutter採用 開発中の典型的な障壁とその解決策 Flutter Web特有の課題 パッケージ紹介 Network関連 UI関連 その他利用したことのあるパッケージ Flutter Web特化パッケージ その他の開発上の運用について Basic認証の実装例 IP制限の実装 まとめ：Flutterの光と影 クロスプラットフォーム対応のFlutterの光（強み） クロスプラットフォームの対応のFlutterの影（課題） 最後に はじめに GameWithのクライアントアプリチームでリーダーをしているkyamです。 元々はiOSエンジニアとして活動していましたが2018年頃から社内・社外でFlutterを活用したモバイルアプリやWe

こんにちは、エンジニアの斉藤です。 今回はAppiumでFlutterアプリを自動テストしたいという話です。 以前、弊社藤原のAppiumに関する記事を読んで私もAppiumを試してみたところ、自動でアプリが操作できる機能にとても感心しました。 私はFlutterアプリ開発に関わることがあったので、「FlutterアプリもAppiumで動くのか？」と興味を持ち、調査を始めました。 本記事ではその調査においてどのような課題・対応があったかを紹介します。 この記事では、要素やツールが登場するため、それぞれの役割を記載しておきます。 Appium モバイルアプリの自動テストツール。UI操作を自動化することで、テストや一定の操作を効率化できます。 https://appium.io/docs/en/latest/ Appium Inspector Appiumで自動テストを作成する際に、画面要素を

これまで3年ほどWebエンジニアとして働いており、いろいろあって今年からFlutterでモバイルアプリを開発しています。 Flutterを使い始めて半年が経ったので実際に使ってみて感じたいいと思ったところとイマイチだと思ったところを紹介したいと思います。 Flutter とは？ Flutter は 複数のプラットフォームに対応したオープンソースなフレームワークです。現在では、Android・iOS・Web・Windows・MacOS・Linuxに対応しており、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションを作成することができます。 実際に使って感じたいいところ、イマイチなところ いいところ 学習コストは意外と高くない Flutterでは、Dartという言語を使います。 個人的な感想としては、Javascript, Typescript に似ているなーと思っています。 な

BPStudy#185での資料です。108枚を50分で話すという暴挙です。 https://bpstudy.connpass.com/event/271251/

22新卒技術研修で実施したFlutter研修の講義資料です。 動画：https://youtu.be/oQCJZFqDwIo ハンズオン用リポジトリ https://github.com/mixigroup/2022BeginnerTrainingFlutter

今や個人が所有するデバイスの数も増加しており、アプリ開発者は各プラットフォームに合ったものを迅速に提供することが求められている。そこで注目されているのが、クロスプラットフォームフレームワークである。iOS/Androidによるアプリ開発を長年提供してきたゆめみでは、これまでの知見を生かして、Flutterを活用したい開発現場向けに、内製化支援サービスの提供を開始した。Flutterの活用により、モバイルアプリ開発はどう変わっていくのか。Flutterエンジニアリングのエキスパートであり、ゆめみの戦略技術顧問に就任した小野将之氏と、ゆめみでテックリードを務める室山大輔氏に話を聞いた。 株式会社ゆめみ 戦略技術顧問 小野将之氏（左）、テックリード 室山大輔氏（右） ネイティブアプリ開発の課題点とクロスプラットフォームという選択肢 2000年の創業以来、さまざまなWebサービスの豊富な専門知識を

Flutterは、OSに関係なく優れたエクスペリエンスを構築するために必要なツールを提供することを目的としており、今回リリースされたFlutter for Windowsは、Android／iOSサポートと同様にDartフレームワークとC++エンジンを組み合わせて実現されている。 WindowsとFlutterはFlutterエンジンをホストし、Windowsメッセージの変換とディスパッチを担当する埋込レイヤを通じて通信を行う。Flutterは、Windowsと連携してUIを画面にペイントし、ウィンドウのサイズ変更やDPIの変更といったイベント処理を行い、入力方式エディタなど国際化のための既存のWindows機能と連携する。 アプリケーションは、Flutterフレームワークのすべての部分を使用でき、WindowsではDartのC相互運用レイヤを通じて直接、またはC++で記述されたプラットフ

macOS13.5.2、flutter3.22.0、xcode15.2、Android Studio Giraffeで検証 1. Bundle IDとアプリ名を本番、開発版で分ける 1端末に本番、開発版アプリを同居させたい。また、デバッグビルドの場合は開発版、リリースビルドの場合は本番版としたい。iOS、Androidの話 iOS xcodeでios/Runner.xcworkspaceを起動

対象となる読者 これからFlutterの勉強を始める人 ネットで断片的な情報を拾いながら勉強するのが苦手な人 FlutterというToolkitの根本理解を目指す人 英語が苦手、公式ドキュメントを読むのに挫折した人 対象でない読者 メンター等、周りに勉強の仕方を教えてくれる人がいる人(その人に従うのが一番です) Flutterにはあまり興味ないけどとにかくアプリは作りたい！という考えの人 とにかくアプリ作りたい！アプリの作り方教えて！精神の人 公式ドキュメントの内容やネットの情報を自ら吸収できる人 なぜこの記事を書いたのか Flutter初心者の方が迷子にならないような道しるべが必要だと思ったからです。 僕もFlutterを触り始めて4ヶ月の初心者ですが、まだ4ヶ月しか経っていないからこそ最初に躓いたことや、どういう勉強が役に立ったか記憶が鮮明に残っています。 まだFlutter初心者の目

「React Native」「Kotlin Multiplatform」「Flutter」を勧めると返ってくる反応垰尚太朗氏：まず自己紹介からすると、CL事業部にiOSエンジニアとして所属しているTao Shotaroです。今回は『FlutterにiOS14などの新機能を取り込むには by iOSエンジニア』というタイトルで話していきたいと思います。少しiOSについての話が多いですが、ご了承ください。内容も簡単なのでサラッと見ていただけると幸いです。 それでは課題から話します。React Native、Kotlin Multiplatform、Flutterのようなネイティブコードを使わずにアプリ開発ができる言語を人に勧めると、「え、UIってどうなるの？」とか「機能が制限されそう」とか「iOS・Androidに出る新しい機能も取り入れたい」とかの反応が返ってくるのが多いので、今回はiOS・

Flutter 2.2正式リリース。Null安全がデフォルトに、Windows、macOS、Linux対応をシングルコードで。Google I/O 2021 Googleは、5月19日未明（日本時間）に開催したオンラインイベント「Google I/O 2021」で、Dart言語向けのアプリケーションフレームワーク「Flutter 2.2」正式リリースを発表しました。 Welcome to Flutter 2.2 Learn more about the latest growth and updates in the Flutter 2.2 release just announced in the #GoogleIO Developer Keynote! Read https://t.co/kcR6nzhxFI pic.twitter.com/EljCc0cvx1 — Flutter (

Dart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載 Googleは、Dart言語のフレームワーク「Flutter 2」の公開を発表しました。 Now introducing, Flutter 2 at #FlutterEngage! Learn more about this major upgrade to the portability of Flutter that opens up a broad range of new target platforms like web and desktop from a single code base. Check it outhttps://t.co/T9025C5NCV pic.twi

日本時間の3/4の未明に行われたFlutter EngageでFlutter2.0が発表されました。 変更点をまとめていきます。 Web/Windows/MacOS/LinuxのサポートがStableに 元々モバイル向けのクロスプラットフォームであったFlutterは、ベータ機能としてWeb、 Windows、 MacOS、Linuxをサポートしていましたが、 Flutter2.0でこれらのサポートがStableになりました。 従来の「モバイルフレームワーク」から、「ポータブルフレームワーク」へ変わるぞ！と発表されています。 Flutter for WebではWebassemblyとSkiaを使って直接CanvasにUIを描画するCanvasKitが紹介されました。 これは従来のdomを直接操作する方法と比べてパフォーマンスに優れ、モバイル版との差異も少ないレンダリング方法ですが、 Ski

AnewsのモバイルアプリケーションをFlutterを利用して高速で開発した内容についての記事です。

こんにちは、AppBrewの新規事業部の吉野です。 この記事は「Flutter #1 Advent Calendar 2020」の７日目の記事になります。（23時に参加登録しました） 弊社の新規事業部では去年の冬頃からFlutterを採用したため、そろそろ書き始めて１年経つことになります。 ぼちぼち手に馴染んできたとはいえ、UIの開発をしていると、何度も「あれってどうやって書くんだっけ」みたいなことがあり、 よくプロジェクト内を探ったりして時間を使ってしまうことがあります。 そこで、この一年間を雑に振り返ってよく調べた/使ったUIの実装をまとめていこうと思います。 Flutterに興味がない方のために、とりあえず、うちのかわいい猫の画像を貼っておきます。 かわいい猫 はじめに よくあるUIの作り方（ちっちゃいもの編） RippleEffectがある角丸ボタン グラデーションのついたアイコン

あわせて読みたい FlutterでBLoCだChangeNotifierと振り回されて消耗するまえに - タオルケット体操 筆者のFlutterに対する印象は半年前にこのエントリーを書いたときから驚くほどに何も変わっていないので、逆にFlutterは非常に明快でわかりやすいライブラリなのかもしれないですね。 hachibeechan.hateblo.jp 筆者の主張の事前まとめ Reactの学習は実質Flutterの予習 クライアントアプリを設計するにあたってはActiveRecordパターンの再発明をしてはいけない 結局MVX RXSteamとはなんだったのか DDDの勉強をすると多くの示唆を得られる Remi wareを信じろ ちなみにここ以下で述べるActiveRecordパターンはPoEEAとRoRのものの混合があるかもしれませんが、利用すべきじゃないという点において同一なので特に

Flutter、Linuxデスクトップアプリの開発対応へ、アルファ版を発表。Canonicalと協業で Dart言語製のUIフレームワークである「Flutter」開発チームは、FlutterによるLinuxデスクトップアプリケーションの開発対応のアルファ版を、Ubuntuディストリビューションなどの開発元であるCanonicalと共同で発表しました。 Canonical enables Linux desktop app support with Flutter! Linux devs get Flutter support for their operating system of choice. Install the Flutter SDK via snap. Build and test on Linux using Visual Studio Code or Android St

こんにちは、スタディプラスの須藤(id:kurotyann)です。 昨年の9月にFlutterとFirebaseで新規サービス「ポルト Porto」をリリースしました。 tech.studyplus.co.jp ポルトはアプリ内課金を未実装でローンチしました1。ローンチ時の決済手段は、Stripeを使ったWebクレジット決済（月額制で無料トライアル14日間）のみです。 高校生をメインターゲットとしながらもアプリ内課金がないのは大きな課題であったため、今年の2月25日にアプリ内課金をリリースしました。 そこで、今回は「FlutterとFirebaseに焦点をあてて」アプリ内課金の定期購入の実装ポイントを紹介します。 1. 技術選定 システム構成図 まず、システム構成図で全体像を示します。 アプリ内課金（定期購入） 定期購入のステータス変更通知 Flutter（アプリ側） Flutterにはア

諸事情によりしばらくFlutterでアプリ作って感じたことをいくつか。 良いところ 1. ちゃんと動く みなさんも今までに出ては消えていくiOS, Android両方で動くアプリ作れるよ系ソリューションで色々なお気持ちを発生させてきたかとおもいますが、Flutterの出来の良さはピカイチ感があります。Flutter Engineすごーい！ 大抵のアプリが必要とするような機能（当然全てではない。例えばパスワード管理との連携とかは存在しない）であれば、各プラットフォームネイティブに手を入れることなくちゃんと動く。自前レンダリングと聞いて心配していたパフォーマンスも普通に悪くない。なんて素晴らしいんでしょう。 Flutterの良さはそこに尽きるとおもいます。 2. すぐ動く いろいろな意味で。 まずコンパイルがそこそこ早いです。 そしてSDKが用意していくれているWidgetの種類がかなり豊富で