Flutter を MVVM で実装する
（この記事は 2020/08/28 時点での記事になります。設計のトレンドは日々変わりますので最新のトレンドを確認してください。） はじめにこの記事は Flutter Architecture Blueprints の解説記事です。 今回は Flutter アプリを MVVM で実装する上でどういう形にしていったかを解説していきたいと思います。Android エンジニアにとって脳内変換出来そうなキーワードも使っていきます。 実はアーキテクチャを解説するのはあまり好きではなく、この形が合理的だと言っても、そのエンジニアの経験と趣味思考の違いで話が合わなくなることがあると思っていて、それが押しつけになっていることがあります。なのでこれが完璧だと捉えないでください。私も勉強中の身です。 Flutter Architecture BlueprintsMVVM は Model–View–ViewMo
potatotips 71での発表資料です。 「Flutterアプリ開発高速化Tips(コーディング編)」 #potatotips #flutterjp
2023/6/12追記 学校公式アカウントにて、文化祭紹介動画が公開されていたので追加します。 2023年度は一般公開される予定らしいので、もしよければご参加ください! (自分の時は他のクラス一つも見れなかったので 今年度は見まくるぞ!) はじめに 自己紹介 こんにちは、もぐもぐと申します。現在とある横浜のフロンティアなサイエンス高校というところに通っている高校3年生(18歳1)の自称ﾌﾟﾛｸﾞﾗﾏｰです。 本記事の内容は、横浜市並びに横浜サイエンスフロンティア高等学校に非公式で公開しているものです。 本記事に関する問い合わせをこれらの機関へ行う行為は慎んでいただくようお願いいたします。 趣味でEQMonitorという地震観測・速報アプリケーションの開発(主にFlutter)をしたりもしています。 高校の文化祭(通称:蒼煌祭)のクラス企画でいくつかソフトウェアをおひとりさま開発したので記事
「Linuxでは、UbuntuがデフォルトのGUIフレームワークとしてFlutterを採用した」って本当?
でもデスクトップは? 「Ubuntuデスクトップ」はCanonicalが作っているんじゃないの? そう思う人もいるかもしれない。でもそんなことにはならないだろう。とはいえ、これをきちんと理解するためには、CanonicalのUbuntuチームがLinuxデスクトップの何を作っているのか、きちんと理解しておく必要がある。 現状、UbuntuデスクトップはGNOME shellの上に作られている。デスクトップそのものをFlutterで作るとしたら、それはGTKとGNOMEの上に構築されているGNOME shellそのものをFlutterで作り直すということになる。ユーザーがさまざまな拡張(gnome shell extensions)を出しているものが全部Flutterで作られる必要がある?? そんなのはとても現実的じゃない。少なくとも今すでに動いているものが無ければ話にならない。 もう少し掘
サイバーエージェントメディア事業部のメンバーが、Flutter・Kotlin Multiplatform を中心に、開発の中でのTipsを紹介する「Flutter × Kotlin Multiplatform by CyberAgent #1」。垰氏からは、FlutterにiOS14の新機能を実装するときのポイントについて発表がありました。 「React Native」「Kotlin Multiplatform」「Flutter」を勧めると返ってくる反応 垰尚太朗氏：まず自己紹介からすると、CL事業部にiOSエンジニアとして所属しているTao Shotaroです。今回は『FlutterにiOS14などの新機能を取り込むには by iOSエンジニア』というタイトルで話していきたいと思います。少しiOSについての話が多いですが、ご了承ください。内容も簡単なのでサラッと見ていただけると幸いです。
調査会社のRedMonkは2022年5月16日（米国時間）、Google主導で開発されているオープンソースフレームワーク「Flutter」の動向を分析、解説した。Flutterの目的は、単一のコードベースから、ネイティブにコンパイルされた高速で美しいクロスプラットフォームアプリケーションを作成できるようにすることだ。 RedMonkが2022年3月に発表した2022年第1四半期のプログラミング言語ランキングでは、上位20言語のうち、2021年第4四半期と比べて順位を上げたのは「Dart」のみだった。 そこでRedMonkは、人気を伸ばしているDartの今後を展望するため、DartをベースにしたフレームワークFlutterの動向を分析した。「これまでフレームワークがプログラミング言語の普及をけん引してきた」という認識からだ。RedMonkはこうしたフレームワークの例として、Rails（Rub
Flutter 2.2正式リリース。Null安全がデフォルトに、Windows、macOS、Linux対応をシングルコードで。Google I/O 2021
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 (
はじめに こんにちは。 Android アプリエンジニアの trashfeed と言います。 この記事は、外出自粛の「STAY HOME」となったGW中に、庭にテントを張りながら1人開発合宿し、Flutterアプリ開発 〜 AppStoreリリース完了 までの5日間の記録になります。 やったこと Flutter をキャッチアップし、GW中にアプリをリリースした リリースしたアプリ 勉強・暗記にクリップノート どんなアプリを作るのか？ 気になるサイトの文章だけを保存し、素早く 読み返すことができるアプリを作ることにしました。 新しい技術をキャッチアップする時、Qiita や Medium の記事をブラウザのブックマーク、Pocketなどの「後で読む」系のサービスに追加するのですが、いざ読み返そうとするとページ全体を読むのはしんどくて積読される事が多くなりました。もっと重要な箇所だけをピンポイ
こんにちは、 CTO 室の山田です。 私は新卒入社から現在までずっと Amazon Alexa や LINE Clova などのいわゆるスマートスピーカーやスマートディスプレイ向けのアプリケーション開発に携わっています。 特に Amazon Alexa に関しては、日本だけでなく、スペイン、メキシコ、アメリカ、ブラジルの計 5 カ国にてサービスを展開しています。 現在は上記のプラットフォームへアプリケーションを公開する形でサービスを提供していますが、私たちが掲げている目標は「Voice User Interface の特性を活かし毎日の料理をもっと楽しみにする」ことであり、必ずしも特定のデバイスやプラットフォームに特化をして開発をするわけではありません。 例えば iOS/Android などのモバイルデバイス上での方が今より良いサービスを提供できるかもしれませんし、私たちでハードウェアを開
前置き 入社して一カ月が経とうとしているokaです！ 毎日刺激的で学びが多く、楽しく過ごしています！ 現在チーム内では今後Flutterによる開発を検討しています。 個人開発では好きなものを好きなように選定して開発していましたが、チームで導入をしていくには流行や肌感覚だけでなく、最終的にお客様へしっかりとした根拠をもとに提案できる状態にする必要があります。 現在も技術部分含めて調査していますが、今回はその根拠の一部となる"まずFlutterを検討していっても良いのか"という目線で、手始めにFlutterの基本的な情報からFlutterがどれだけ安定的に成長しているか調査を行いまとめてみました！ よって今回の記事はFlutter(Dart)の書き方や言語に関する技術的な話ではないですが、検討するに当たっての最初の一歩としてまとめてみましたので興味のある方は是非最後までお付き合いください！ 調
![Flutterの調査をしてみた[2022年] - NRIネットコムBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a67023d7664b8c70be56143bd18c559148edd435/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fy%2Fy-oka%2F20220426%2F20220426194523.jpg)
ジャンプTOON アプリチーム 2024 年新卒の西峰です。 5 月にサービスを開始した「ジャンプTOON」は、Flutter を採用し Android, iOS, iPadOS 向けのアプリを提供しています。 本記事では、ジャンプTOON モバイルアプリのために独自に開発されたマンガビューワについて紹介したいと思います。 マンガビューワとは マンガ作品を閲覧できる機能です。 本アプリでは、快適に縦マンガを閲覧いただけるよう、スクロールや拡大縮小操作に工夫を加えています。また、作品の転載防止のため、画面録画、ミラーリングの禁止機能も存在します。（本記事では解説しません） ビューワを自作した目的 本アプリではビューワ機能を自作していますが、その目的はいくつかあります。まず、柔軟に独自の機能を追加しやすくするためです。連続して話を読んだり、お気に入りやコメント、いいね、拡大縮小といった要件を全
この記事でできあがるもの はじめに 自分の作ったものが web に公開されるのはうれしいことだ。 そのうれしさまず体験することで開発モチベが高まると思う。 10 分くらいでできるのでお試しあれ。 やっていくこと Flutter のサンプルアプリを Firebase Hosting を使って web 上に公開する。 開発環境 マシン: M1 MacBook Air エディタ: VSCode Flutter: 1.26.0-2.0.pre.402 • channel master 作業の全体像 Flutter アプリを作成 GitHub と連携 Firebase に新規プロジェクト作成 Firebase CLI のインストール GitHub Actions の手直し PUSH & DEPLOY 1. Flutter アプリを作成
Flutterとは Googleが提供するモバイルアプリフレームワーク。 モバイルアプリフレームワークとは、モバイルアプリの開発を支援するために作られたライブラリのことを指します。 しかも、一度にAndroid、iOSのアプリが開発できるしコストや時間も削減できるってわけ！！！ ということで紹介していきます。 Mink 美容師の趣味や個性から予約できるアプリ 僕が発案し、Flutter大学の共同開発から開発を始めて、期間終了後もメンバーのKajiwaraさんに残って頂きリリースしたアプリです！！ youbride 婚活マッチングアプリ 会員200万人以上のマッチングアプリ 30代が多めです！！ 過去5年の成婚者数は10,000名越え！ Chompy Chompy(チョンピー)は、まいにちの暮らしを豊かにするために生まれた、国内発の新しいフードデリバリーサービス！！ カウル カウルは、あなた
最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい！ そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々予定 Dartに静的メタプログラミングの追加予定 全文の要約 2022年、尽力する部分 開発者体験 開発者が愛するSDKを作りたい。 例えば、 共通の問題を解決するwidgetやプラグインの追加 現状のAPIの整理 単純に多く使われるパターンのAPIの導入 エラ
Announcing Flutter for Windows
Since we launched Flutter, we’ve focused on delivering a cross-platform solution for beautiful, tailored apps that are compiled to machine code and take full advantage of the underlying graphics hardware of your device. Today marks a significant expansion of this vision with the first production release of support for Windows as an app target, enabling Windows developers to benefit from the same p
Flutterが進化する方向とは？ WebAssemblyサポート、コンポーネントとしてWebアプリに組み込み可能に。Flutter Forward 2023
GoogleでFlutter & DartのプロダクトとUX担当ディレクターTim Sneath氏は、アフリカのケニア共和国ナイロビで開催された「Flutter Forward 2023」の基調講演で次のように話し、Flutterの進化の方向性を示しました。 「Flutter for Webは汎用目的でデザインされてはいないことを明確にしておきたい。すでにDOMの分野で上手く行っているAngularやVue、Reactのような、DOMベースの新たなフレームワークを作ろうとしているわけではない。 そうではなく、（CanvasやWebAssemblyのような）新しいWeb標準をベースとする最初のフレームワークを作ろうとしているのだ。」 その上で、Flutter for WebがWebAssemblyをサポートする予定であることを明らかにしました。 「FlutterからWebAssemblyへの
Flutter Interactのキーノートを視聴したので、そのまとめを共有します。一通りトピックを網羅できているはずです。 Google Fonts for FlutterGoogle FontsをFlutterで利用できるパッケージが紹介されました。すでにpub.devで公開されています。
こんにちは。ウイングドアの田上です🐈 最近弊社ではFlutter™の機運が高まっておりまして社内勉強会も行われています💪 FlutterではコードでUIを組まないといけないので、なかなかむずかしいな〜😰と思っていたところ、 Flutter Studioという便利なツールがあったのでご紹介させていただきます❗️ Flutter Studioとは Webブラウザ上でFlutterのUIを組むことができるツールです。 マウス操作でWidgetの配置を行ってレイアウトを作成することができます。 Flutter StudioのUI説明 Flutter Studio にアクセスをすると、まずこの画面が表示されます。 ①Widget一覧 Flutterで使えるWidgetが選択できます。 レイアウトを組む際は、ここからWidgetを選択して、シミュレータへとドラッグ&ドロップをします。 ②シミュレ
会社勤めをしながら個人開発をしているtakashiです。 本記事では、Flutter製アプリ「筋トレビフォーアフター」を元にプロダクト開発の解説をしていきます。 長文になりますが、重要な部分を絞り込み、コードも記事用のサンプルコードに書き換えているので記事を読み進めやすいと思います。 アプリはこちら。無料でダウンロードできます。 目次 1.Flutterを採用した理由 2.Flutterのキャッチアップ 3.設計 4.開発期間 5.アプリの規模感 6.初回起動時の画面説明 7.入力画面 8.入力ダイアログ 9.カレンダー管理 10.写真撮影とカメラライブラリ選択 11.データ登録完了時 12.ビフォーアフター比較画面 13.ビフォーアフターのロック 14.ビフォーアフターの履歴追加時 15.ビフォーアフターの履歴一覧画面 16.ビフォーアフターの履歴のシェア 17.写真管理画面 18.写真
「Scrapboxで読書管理がしたい」そんな自分のために、書籍情報を書影付きで簡単にScrapboxに送れるFlutter(Android)アプリを作りました。 モチベーションScrapboxで読書管理をするときに問題になるのが、Scrapboxに書籍ページを作ること。やろうと思えば、Amazonから対象書籍を検索して、Bookmarkletで取り込むことができるが、ちょっと面倒。 面倒だと続かないので、Scrapboxへの取り込みステップを１つ省略するために、書籍バーコードを読み取り、そのままScrapboxへ送ることができるアプリがあればよいと思い、作りました。 機能書籍バーコードを読み取り、書籍情報を取得、書影付きでScrapbox or Twitter へ送付する（手動での直接ISBN入力も可能）データ取得元はopenBDかAmazonから選択（Amazonを利用する場合は、Ama
FlutterアプリからFirebaseエミュレーターに接続
Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity Today we are extremely excited to introduce the Emulator UI to the Firebase community. The Emulator UI is a web app… 今まではエミュレーターの管理画面が無く、データの確認などがなかなかしにくい問題がありましたが、”Emulator UI”の提供によりそれが大きく改善されました。 最近までFirebaseエミュレーターはかなり致命的なバグもあり(今は解消されました)、どのくらい力を入れているのかやや疑っていましたが、今回の発表はそういう意味でもきちんと取り組まれている様子が伺えて良いなと思いました。 さ
Flutterの状態管理手法の選定
Photo by Daniel Pelaez Duque on UnsplashFlutterの状態管理周りの手法はちょくちょく動きがあって、それに関する話題が度々盛り上がっている気がします。 今の自分は以下を組み合わせて使っていて、満足しています。 Riverpod (新Provider)StateNotifier (Better ValueNotifier)freezed (immutableなクラスの扱いなどを楽にするコード生成器)どうしてこの組み合わせを好んでいるのか、以下述べていきます(コード例などはリンク先で充分かなと思うものが多かったので少なめです)。 Riverpod (新Provider)そもそもProviderとはProvider自体、決して古いものではなく、2018年末に登場し、2019年初めにFlutterチームとのやり取りを経て認められ、Google I/O 20
dotenvをインストール flutter_dotenvのパッケージをインストールします。 flutter pub add flutter_dotenv .envファイルを作成 環境変数を管理するためのファイルを作成します。 VAR_NAME ="dummyValue" ファイルをgitで管理しない場合は.gitignoreに追加しておきます。 〜〜〜 .env .envファイルをアセットに追加 Flutterアプリからファイルを読み込めるようにするために、pubspec.yamlのassetsへ.envファイルを追加します。 assets: - .env 環境変数を読み込み .envファイルをFlutterアプリで読み込みます。 import 'package:flutter_dotenv/flutter_dotenv.dart'; Future main() async { await
こんにちは、多様な食を多様に届け、「まいにちの食事」を、おいしく笑顔にしたい @yagitatsu です。 (ちょっと長い？w) 息を吸うように仕事のことを発信できるようになりたいな、ということで仕事でも、noteを再開しようと企んでおります。 会社の近く。秋の目黒川も良きですね🍂本日はCTOらしく、今まで行ってきた技術的な意思決定について、成功と失敗について自分の言葉で語ってみようと思います。 注意点なのですが、前提として、環境やチームによって何を成功とするかは違うと思うので、「へー、こういう考え方なんだね〜」という感じで、軽い気持ちで読んでもらえればうれしいです 😃 技術選定の成功/失敗とはどういう状態かそもそも、技術選定について、成功とはどういう状態で、失敗とはどういう状態か、言語化してみようと思います。 まず、技術選定の成功とは、「この技術を選んでよかった。今後も続けていきたい
Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO
1 はじめに CX事業本部デリバリー部の平内（SIN）です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authenticationは、2022/08/28現在、Developers Previewであり、Flutter SDK 3.0.0以上が必要です。 https://ui.docs.amplify.aws/flutter/connected-components/authenticator https://docs.amplify.aws/lib/auth/getting-started/q/platform/flutter/#
FlutterでWindows用のアプリを作成する | CyberAgent Developers Blog
自己紹介 現在、株式会社MG-DXにて、Webフロントエンドエンジニアをやっている植木といいます。一つ前のプロジェクトはOPENRECでiOSエンジニア、その前は、ピグでUnityのエンジニアをしていました。ネイティブアプリを作るのが好きです。MG-DXでは薬急便というオンライン診療・服薬指導がWebだけで行えるサービスを提供しています。新たにアプリをインストールしなくても、SafariやChromeだけで気軽に使えます。 開発の経緯 薬急便は、患者向け、医療機関向けに展開しています。患者から予約が入った場合に、医療機関にはメールやFAXが通知されるようになっています。FAXでは、受信するまでの時間や画質の低下が気になり、コストもかかるので、代替手段で、Webから印刷機能を提供する話が出てきました。 キオスクモードでの印刷や常駐アプリとWebで連携して印刷する海外のアプリもありましたが一長
メモアプリ作成で作ったFltutterパッケージ 今こそ「ひらめきたい」というあなたに！ 6月末にFlutterでアプリ開発を始めてから２作目のアプリ、アイデアを発想するためのメモアプリ「アイデアメモ iX」をリリースしました。 ■AppStore https://apps.apple.com/jp/app/id1517535550 ■Google Play https://play.google.com/store/apps/details?id=com.IdeaShuffleMemoApp&hl=ja ■アプリの詳細記事 https://yukio.site/idea_shuffle_memo/ １作目は、とりあえずアプリをリリースすることを主眼にしていたため、技術的に実装が難しそうなところは省きました。 ２作目はステップアップのために、 画面のパスワードロック DBのバックアップ・リ
Flutterアプリをヌルヌルにする方法
カクカクなFlutter ３年以上、Flutterエンジニアをしています。 Flutterの代名詞といえば、やっぱり「カクツク」こと。 Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。 それが理由でFlutter採用を敬遠するエンジニアも多い印象です。 そんな私のアプリも以前はカクカクでした。 今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。 カクツク原因は？ 色んな理由があると思います。特にリスト周りが原因なことが多い印象。 よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。 理由として「ListView.builder」だとエラーが出て使えないか
GitHub - livekit/livekit: End-to-end stack for WebRTC. SFU media server and SDKs.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Flutterレンダリングパイプライン入門 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
Flutter レンダリングパイプライン入門 こんにちは、株式会社 WinTicket の大塚(@wait00002)です。 WINTICKET のアプリチームでは、不定期ではありますが有志で輪読会を行い、Flutter の深い知識の勉強を行っています。 今回は、その題材の中でも低レイヤー寄りの話題で、普段 Flutter で開発しているときには意識がしづらい「レンダリングパイプライン」についての解説をしたいと思います。 レンダリングパイプラインを学ぶメリット 「そんな低レイヤー寄りの部分、知らなくても問題ないんじゃない？」と思うかもしれません。実際、ひと通りの実装を行う上で必要となる場面は少ないですし、そういった場合もライブラリを使えば事済んでしまいがちです。 ですが、どうしても既存ライブラリで実現ができない高度な UI を実装したいときや、パフォーマンスチューニングを行うときなど、地に
Goのサーバーの管理画面をFlutter Webで作ってみるための調査 | フューチャー技術ブログ
Dart/Flutter連載の3本目はFlutter Webを紹介します。 Flutter 2になって、Web向けに出力する機能もStableになりました。 Flutter for Webは標準のHTMLにするHTMLレンダラーと、CanvasKitレンダラーと2種類あります。後者はSkiaという2DグラフィックスのライブラリをWebAssembly化したものを使います。Skiaはウェブ向けではないFlutterでも使っているため、モバイルとの互換性の高さが期待されます。 現状では明示的に指定しなければauto（モバイルはHTMLレンダラー、PCはCanvasKitレンダラー）になりますが、明示的に指定もできます。これらの違いはまた後で触れますが、せっかくウェブが出せるようになったので、ウェブフロントエンドをFlutterで作ってみるための色々調査をしてみました。React/Vue/Ang
FlutterKaigi 2022 https://fortee.jp/flutterkaigi-2022/proposal/4a482a03-0c49-4140-84a6-0354f79d79ad
“Flutter”だけでも食っていけます。『天才プログラマーKBOY』主宰の「Flutter大学」は陽キャ集団だった【前編】
“Flutter”だけでも食っていけます。『天才プログラマーKBOY』主宰の「Flutter大学」は陽キャ集団だった【前編】
Flutterアプリの定期リリースを支える自動化 - Fast DOCTOR Technologies TECH BLOG
本稿では、ファストドクターのモバイルアプリのリリースフローを整備した取り組みについてご紹介します。 モチベーション ファストドクターのモバイルアプリは、2022年夏にFlutterでのフルリプレースを実施し、それ以降は機能の開発が完了次第随時リリースをするという戦略を取っていました。 この戦略はシンプルであり、開発に関わっているステークホルダーが少ない状況下でうまく機能していました。しかし、組織の拡大に伴い以下のような問題が発生するようになりました。 複数機能の開発スケジュールの調整をしたり、バックエンドのリリース・QAとの整合性を取ったりという必要性が増し、調整コストが肥大化 リリースが不定期なため、いつPull Requestをマージすれば良いか分からずopenされたままのPull Requestが多数 この状況を改善するために、以下の要件を念頭に定期的なリリースとそれを支える仕組みを
WINTICKET が考えたモダンな Flutter アプリ設計を完全解説 | CyberAgent Developers Blog
はじめまして。WINTICKET アプリチームの @lcdsmao です。 一年以上 WINTICKET の Flutter でリプレース開発をし続けて、ついに今年の 4 月に正式に Android 版をリリースしました。 リプレースについて、ぜひ @wadackel の記事と @akihisasen の記事を見てください。 WINTICKET はすでに 3 年以上運営していて、既存のアプリの画面数は 100 ページ以上ある大規模なアプリです。 また、開発メンバーも多く、開発期間中の異動はありますが、エンジニアだけで 5 名以上のメンバーが稼働しています（現在は 9 名です）。 このような状況で順調にリプレースができ、リリースしてからも安定に運用できているアプリの設計について、紹介できればと思います。 概要 アプリの全体設計は Clean Architecture に寄せていて、大きく D
はじめに 皆さんはFlutterというフレームワークを知っていますか？ flutterはgoogleが開発したios,android,webアプリが作れてしまうフレームワークになります。(Dartという言語を使って３つ一気にアプリが作れる！！！) こちらの記事はそんなflutterのフレームワークを使って開発のアプリの紹介記事になります。 作ろうとおもった経緯 flutterの勉強がてら、なにか簡単アプリを作りたいなと思っていたのですが、自分自身が動画関連の会社に勤めているもあり、せっかくなら、 「ライブ配信が行えるflutterアプリを作ってみよう！」 と思い、今回のアプリを開発しました。 アプリの概要 スマホのカメラで撮影した映像をweb上で視聴できるというアプリケーションになります。 具体的な構成は以下の通りです。 今回作成したflutterアプリケーションでスマホのカメラ映像をrt
目次 Flutterとは MacにFlutterをインストール Android 開発環境の準備 iOS 開発環境の準備 Flutterサンプルアプリの実行 エラーの対処方法 Flutterを使ってみる 春にWebエンジニアデビューをしてから約半年が経ちました。 そしてひょんなことからFlutterを勉強してみることになりました！ 調べてみるとFlutter For Webがででているようなので、数年後はもしかするとWebの世界でも流行っているかもしれないので今のうちに勉強していても損はないはず！ そんなこんなで今回はFlutterの第1回目の投稿となります！ 開発環境 OS: MacOS Mojave 10.14.6 Flutter: 1.9.1 1. Flutterとは 最近のアプリ開発ではほとんどがAndroidとiOSの両方でリリースをすることが多いと思います。 その場合、フレーム
id:kikuchy です。 先日、いよいよバクラク申請・経費精算のiOS/Androidアプリがリリースされました！ bakuraku.jp bakuraku.jp こちらの２つのアプリ、現在のところ専任のエンジニアはkikuchy一人だけで開発しています。 そのためか、技術スタックは何なのか、クロスプラットフォームフレームワークの技術を使っているのか、といった質問をたくさんいただきました。 また、LayerXのモバイルアプリ第一号でもあるため、リリースまでにいろいろな準備が必要でした。 当記事では、どんな準備をしてきたのか、使用技術スタックとその選定、開発の苦労話の一部をお伝えできればと思います。 （社内で）初めてのアプリ開発 会社はすでにプロダクトを展開していて、しかしスマホアプリ開発にはまだ手を出していない。 そんな環境でアプリ開発を初めるというのはなかなか珍しい経験だと思います。
Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」がリリース。Rustの主な型や便利な機能がDartで使えるように
Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」がリリース。Rustの主な型や便利な機能がDartで使えるように Rust Coreの開発チームは、Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」をオープンソースとしてリリースしました。 Rust Coreを用いることで、Dart言語にRust言語が持つ一般的な型やさまざまな便利な機能を取り込むことができるようになります。 合わせて、Rust Coreのドキュメント「Rust Core Book」も公開されました。 DartはGoogleが主導してオープンソースで開発されているプログラミング言語です。クロスプラットフォーム対応のモバイルアプリケーション開発に対応したFlutterフレームワークで用いられている言語として知られています。 なぜDart言語でRustのコアライブ
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterアプリ開発高速化Tips(コーディング編)
高校の文化祭でソフトウェア開発をしたお話 - Qiita
iOS・Androidの“新機能”をFlutterでどう実装する？ MethodChannelとEventChannelでネイティブAPIを利用するには
FlutterとReact Native、どちらに勢いがあるのか そしてDartは
FlutterアプリをGWの5日間でAppStoreにリリースした時のこと
日々の簡単なプロトタイピングに Flutter を活用する - クックパッド開発者ブログ
Flutterの調査をしてみた[2022年] - NRIネットコムBlog
ジャンプTOON マンガビューワ を支える Flutter の技術
【Flutter】Web アプリを🚀爆速🚀で Firebase Hosting にデプロイする
あれもこれもFlutterで開発されてるって、マ？？
2022年の Flutter ロードマップ【要約】 - Qiita
Flutter Interact キーノート 発表内容のまとめ
Flutter StudioでアプリのUIをつくろう！｜TechRacho by BPS株式会社
Flutter製アプリ「筋トレ ビフォーアフター」を元にFlutterと個人開発を学ぶ - Qiita
Scrapboxで読書管理をするために「ScrapMedia」というFlutterアプリを作った - SIS Lab
Flutterでdotenvを利用して環境変数を管理する方法 | DevelopersIO
Chompy創業3年間の、技術選定の成功と失敗を振り返る｜yagitatsu
【Flutter】メモアプリ開発で使ったオススメのパッケージを紹介 - Qiita
Flutter/Dartと共に歩んだスタートアップの開発を振り返って得た、成功と失敗の教訓
【完全無料】Flutterを使って簡易ライブ配信アプリを構築する
【Vol.1】Flutter入門〜環境構築編〜 - おけらのブログ++
バクラク申請・経費精算 モバイルアプリ開発の裏側 - LayerX エンジニアブログ
ChompyでFlutter採用した_振り返り
blog.mdnomad.com
www.sponichi.co.jp
note.com/inofthefor
akane4.ue.bulog.jp
shonenjumpplus.com
yoi.shueisha.co.jp