hachibeechan.hateblo.jp 前回の続き そういえば、前回の記事のブコメで Behavior = TransactionScript? 実践CQRS という感じの元ネタばらし鋭い指摘をしてくれた方がいました。 90%方その通りなのですが、実装の平易さ、許容できるパターンの広さを優先するために元の定義からかなり離れてしまっており、混乱を招くかもしれないと感じたので別の用語で説明している次第です。 読み返すと文字の密度が高くて読むの大変な記事ですね。 今回は具体的な話になるのでサンプルコードとか載せられるといいなとおもいます。 スケーラブルなデータ設計の基本アイディア Storeの構成要素 アンチパターン 1. Modelという名前がついたクラス 2. "DBに対するCRUD操作" のような抽象度でStoreを設計してしまう 3. 同一の対象を表すデータが複数存在している（N
今年はクリぼっちが本当に少ない / Flutter 今年もやってまいりました！！クリスマス！ この記事でわかること Flutterでアプリを作りましたので、その技術内容と悩み 恋をすることの素晴らしさ クリスマスの考察 この３つを中心に書いていければなと思います。 私の周りでクリぼっちが減った!? 最近、私の周りでは幸せ報告が後を絶えません。 いわゆる結婚ラッシュってやつでしょうか。 結婚しましたー（例のシンデレラの人） 結婚したぷるぷる！(大学の先輩) 結婚しました〜（インスタグラム多数） 付き合った報告(思い切って恋をしてみました！) しかもそれだけでなく、恋をした効果なのか 結婚(シンデレラ) → 勇気を出してデザインのフリーランスになれた！ 結婚(大学の先輩) → CEOでめちゃめちゃ稼ぐ 付き合った報告 → CTOになれた！ など恋をしつつも自分にコミットできている方が今年は多い
Learn Coding With Cybdom
Learn coding by building cool stuff, this is what this site is about. You will mostly find Flutter tutorials, as well as other coding frameworks and more is coming!
NTT Tech Conferenceは、NTTグループのエンジニアたちが一堂に会し、NTTグループ内外のエンジニアたちと技術交流を行うためのカンファレンスです。ここで「Flutterアプリ開発スタートアップ with Tips」をテーマに神原氏が登壇。まずはFlutterとFlutter開発の概要を紹介します。 自己紹介とセッションのアジェンダ 神原健一氏（以下、神原）：それでは本日「Flutterアプリ開発スタートアップ with Tips」ということで発表します。 最初に自己紹介をします。私は神原と言います。ふだんはNTTテクノクロスという会社で、エバンジェリストとして活動しています。モバイルアプリ開発が昔からけっこう好きで、Androidもバージョン1.0が出る前から触っています。仕事だけでなくプライベートでもアプリを作ったり、あとは本を書いたりなども実施しています。 本日の講演資
Flutter初心者たちが3ヶ月で新規アプリをリリースした話 #Flutter - Tech Blog
ネイティブエンジニアの桐山です。 Timersでは新規事業として、毎月無料でましかくプリントを印刷できるサービスを始めました！ 新規アプリでFlutterを採用し、3ヶ月でiOS・Androidアプリをリリースした話の概要編をお届けします。 はじめに この度弊社で新しい家族向けアプリをFlutterで作りました！ https://famm.us/ja/print/top 毎月10枚がずっと無料の写真プリントアプリ Fammプリント Timers, Inc.写真／ビデオ無料apps.apple.com play.google.com おおまかなフロー Why Flutter? 弊社では元々家族アルバムアプリFammや年賀状アプリをネイティブで開発しており、写真を扱うネイティブ開発の知見も人的リソースもありました。新規アプリの開発するにあたって、ネイティブで開発した方が良いのでは？という意見が
20新卒エンジニアの研修振り返りレポートが始まります🙌 | BLOG - DeNA Engineering
はじめに こんにちは。 2020新卒エンジニアの石見です。 現在は、技術研修が終わり配属された部署のナレッジの多さに圧倒されながらも楽しく従事をしています。今回はその「技術研修」についてと、「振り返りレポートを何故公開するのか」について執筆をします。 ※ここでは大まかに技術研修について執筆します。さらに細かいテーマに絞り、得た学びについて同期が「振り返りレポート」という形で執筆し、今後公開されます。 今年の新卒エンジニアについて 研究に集中していた、学生時代から企業で働いていた、個人でサービスを開発運用していた、大会に参加していたなど様々な背景の方がいます。私の個人的な感想ですが、同期はみんな「体験からくる世界観」を持っている方が多いです。「世界観」を持っているので「軸」があり「思考」を認知しています。また「どんな状況でも面白がれる」性格で、「より良くするために意見する、議論する、行動する
FlutterはなぜButtonを一新したのか
こんにちはこんばんわ、すぎっと ٩( ᐛ )و です。 今日のテーマはボタンです。 Flutter は最近メジャーバージョンが "2" にアップデートされました。そのタイミングで RaisedButton をとうとう deprecated (非推奨）にしました。もともとは Flutter 1.22 で導入された のですが、移行期間扱いだったんですね。これがとうとう、エディター上で横線を引かれるようになっちゃいました。 こんな警告が出るようになりました。 RaisedButton はもう使わんと、ElevatedButton 使ってや。移行のやり方はドキュメント作っといたしざーっと見といて。Ver.1.26.0-18.0.pre 以降は非推奨にすることにしてん、堪忍な！ GitHub で経緯を追いかけると、Flutter 2 は Flutter 1.26 系から出てきた感じになっていたので、
Firebaseダイナミックリンクを使うと、1つのURLで複数の遷移先を設定できて、ユーザーごとに適切な制御ができます。ダイナミックリンクによるアプリ内の画面遷移などの制御を除けば、プログラミングなしの設定のみで簡単に実現することが可能です。 例えば、以下のようなパターンです。 iOSのブラウザでダイナミックリンクをタップすると、アプリストア（AppStore）に移動するiOSのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）Androidのブラウザでダイナミックリンクをタップすると、アプリストア（Playストア）に移動するAndroidのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）PCのブラウザでダイナミックリンクをタップすると、アプリのランディングページに移動する ディープリンク（DeepLink）やユニバーサルリ
モチベーション Flutter+Firebaseの構成でアプリを作るときに、毎回やってる作業なので、自分のために手順をまとめておこうと思った 環境 Mac OSX Catalina(10.15.7) % firebase --version 8.13.1 % flutter --version Flutter 1.24.0-3.0.pre • channel dev • https://github.com/flutter/flutter.git Framework • revision 2783f8e2e1 (3 days ago) • 2020-10-22 09:36:06 -0700 Engine • revision defa8be2b1 Tools • Dart 2.11.0 (build 2.11.0-242.0.dev)
Flutter/DartのWebAssemblyコンパイル機能が安定版に。より高速でスムーズなユーザー体験などを実現
Flutter/DartのWebAssemblyコンパイル機能が安定版に。より高速でスムーズなユーザー体験などを実現 Googleは、日本時間5月15日から開催中のイベント「Google I/O 2024」で、Dart言語とそのアプリケーションフレームワークであるFlutterの最新版となるDart 3.4/Flutter 3.22で、WebAssemblyコンパイル機能が安定版になったと発表しました。 Flutterは単一コードでiOS/Android対応のネイティブアプリ開発を可能にするフレームワークとして登場し、現在ではMac、Windows、そしてWebアプリケーションも単一コードでカバーするクロスプラットフォーム対応を目指して開発が進められています。 WebAssemblyへのコンパイルで実行速度が約2倍から3倍に これまでFlutterでWebアプリケーションを構築した場合、ア
FlutterFlowのススメ
■更新履歴 2024/3/29:記載を最新化しました。 2023/9/11:記載を最新化しました。 2023/6/10：料金周り・連携サービス周り・他サービス比較の記述を更新しました。 2023/2/22：連携サービス周りの記述を更新しました。 こんにちは、菅原です。 私が運営している会社、GenAiではいくつかの会社に対して新規サービス構築の支援を行っています。中でも、エンジニアリソースの少ない会社に対しては、ローコードツールでの開発体制の構築をしています。 数あるローコードツールの中でも、素晴らしいなと思ったのが、FlutterFlowでした。めちゃくちゃ開発陣が気合い入ってて毎週のようにアップデートが入ります。 出たての時（2021年12月）から使ってきたのですが、当時と比べてかなり使えるアップデートも入り、最近はとてもおすすめできるツールだと思えるようになってきたので、入門記事とし
約3年間Flutter で開発してきてのあれやこれや
この記事は株式会社TORICO Advent Calendar 2021 の10日目の記事です。 約一年ぶりくらいの記事になります。 去年や一昨年はFlutter 関係で色々な記事を書いていましたが、最近では状態管理の方法もProvider やReverpod で落ち着いていたり、プラグインも増えて色々なことができるようになってあまり記事を書いていませんでしたが、ここ１年２年で気がついたことや変わったことについて書いていけたらいいな〜と思います。 深夜に走り書きでかきあげました、typo などがあればコメントで教えていただけますと幸いです。 CI/CD について 私が最近開発を担当しているアプリではGitHub Actions とCodemagic を使用しています。 特に特殊な構成ではないので、目新しさはないかもしれませんが、色々と考えていわゆるDXの向上に努めています。 Github
Flutter, Flame, Supabaseを使ってリアルタイム対戦シューティングゲームを作る - Qiita
どうも、Supabase DevRelのタイラーです！ Flutterはあらゆるプラットフォームで動作するアプリを作成するためのUIライブラリですが、Flutterの上で動くオープンソースのゲームエンジンFlameのおかげで、インタラクティブなゲーム作ることも可能です。Flameは、衝突検出や画像の読み込みなどの処理を行い、すべてのFlutter開発者にゲーム開発を提供します。今回はそこからさらに一歩進んで、プレイヤー同士がリアルタイムで対戦できるように、リアルタイム通信機能を導入したゲームを作ってみましょう！ この記事では、Flutter、Flame、Supabaseのリアルタイム機能を使って、リアルタイムの対戦型シューティングゲームの作り方をお教えします。このチュートリアルのコード一式は、こちらでご覧になれます。 今回作るゲームの概要 FlutterってFlameっていうゲームエンジン
Dart2.7時代のFlutter
Flutterのバージョン1.12.13が正式リリースされたときに、 同時に同梱されているDartのバージョンが2.7になりました。 Dartは2.0のリリース以降、Flutterのための多くの言語拡張をしていて、 以前よりもFlutterのコードをシンプルに書くことができるようになりました。 しかし、Flutterの記事や公式のサンプルでも、 Dart1.0系の文法で書かれているものも多く、 またバージョン2.3以降の機能はFlutterのデフォルトの設定では使えないこともあって まだまだ浸透していません。 筆者としては、Flutter開発にとってDartの後方互換性よりも、 新しい便利な機能を使えることのほうが重要だと考えています。 そこで、この記事では、Dart2.7時代のFlutter開発の変化をできるだけ網羅的に紹介していきます。 FlutterプロジェクトでDart2.7を使え
Now that you know about declarative UI programming and the difference between ephemeral and app state, you are ready to learn about simple app state management. On this page, we are going to be using the provider package. If you are new to Flutter and you don't have a strong reason to choose another approach (Redux, Rx, hooks, etc.), this is probably the approach you should start with. The provide
Shorebird
Deploy updates instantlyCode push is a cloud service that allows developers to push app updates directly to users' devices.
ポケモンから学ぶFlutter
本書は、Flutterを使ってアプリを作ってみたいというすべての方に向けて、 " Flutter好きかも😆 " と思っていただけるような内容を目指した導入書です。📚 Flutterが大好きな筆者による、Flutterファン獲得のための布教活動の一環です。 Flutterの勉強をしてみたいが何を作ったらいいのかわからないという方や、 Flutterの基本的なことを網羅的に学習したいがどうもモチベーションが続かないという方に対する最適なソリューションはポケモンです。 そう、世界に誇る日本の文化、ポケモンです。 ポケモンを扱っている以上、そのモチベーションが失われることはありません。 📖 真面目な話 - ポケモン図鑑をPokeAPIを使って作ります - 基本的なWidgetの扱い方 - レイアウトの組み方 - 画面遷移 - API呼び出し - データの永続化 - 状態管理 といった基本的な
Flutter2でもプッシュ通知を簡単に実装したい
1. はじめに Flutterの進化は目まぐるしいですよね。今年の5月にはFlutter2がリリースされ、 先日のv2.2のリリースでは、 主要なFirebase関連のプラグインもアップデートされました。 プッシュ通知を送る、FirebaseCloudMessaging(以下FCM)プラグインであるfirebase_messagingもその例外ではありません。v9からv10へのアップデートに伴い、APIが大きく変わりました。 Flutter2を使用するためには、FCMプラグインも最新にしないといけないため、対応に追われてる方も多いと思います。残念ながら、ネット上の解説記事はfirebase_messaging v9以前の旧APIのものが多いため、参考になりません。
Provider のススメ | Unselfish Meme
# Provider のススメ Flutter の状態管理には BLoC (Business Logic Component) パターンがよく使われると思うんですが、package:provider (正確には provider と ChangeNotifier) を使った方が楽だよ、という記事です。 Google I/O でも 2018 年は BLoC を推奨していましたが (Build reactive mobile apps with Flutter (Google I/O '18) )、 2019 年では意見を変えて provider パッケージの使用を推奨しています (Pragmatic State Management in Flutter (Google I/O'19) )。ちなみに 2019 の発表は現地で見ていたのですが、終盤にもかかわらず満席で Flutter への注目
FlutterでのMaterial Designのカスタマイズ ~ThemeDataはどこに影響するのか~ - Qiita
Flutterは、Material Designを標準サポートしています。そして、テーマを自分で設定できます。 そのために利用するのが、ThemeDataです。 これについて色々な記事があります。 が、日本語はもちろん、英語でも、ThemeDataのプロパティのどこを変更すれば、Widgetのどこに影響するのかを纏めてある記事が見つかりませんでした。 そこで、この記事では自分が愚直にコードを書いて調べたものを記述します。 基本的にここに書いてあるものだけ変更すればそれなりに統一的なデザインになるものを書いてます。 前提 カスタムテーマは MaterialApp の themeプロパティで設定します。 ThemeData() のプロパティにカスタマイズしたい値を設定していきます。 void main() => runApp(MyApp()); class MyApp extends Stat
同じお題でUIを構築してみてFlutter, JetpackCompose, SwiftUIの三種の宣言的UIフレームワークを比較してみる
はじめに 昨今Android/iOSネイティブアプリの開発では「宣言的UIを利用したUIフレームワーク」（以下、このようなフレームワークを宣言的UIフレームワークと本記事では呼称します）が台頭しようとしています。この流れは、Reactの考え方やそれ自体を利用したFlutterやReactNativeのようなマルチプラットフォームフレームワークから始まり、AndroidではJetpackCompose、iOSではSwiftUIと、現在はそれぞれのプラットフォームにも取り込まれるまでになっています。 宣言的UIフレームワークは旧来の手続き的な方法よりもより直感的にUIを記述することができ、採用することでViewの構築をより効率よく行うことができます。これまでは既存のアプリケーションにこの方法を取り入れようとした場合、FlutterやReactNativeであれば新規に言語すら違うフレームワーク
https://flutterhub.io/
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)
youbride iOSアプリをリリースするまで - Diverse developer blog
こんにちは。Diverseが提供する婚活サービス「 youbride 」でフロントエンドの開発している id:yukioya-dvs です。 youbrideは、運営19年目を迎えるサービスで、PC/SP/Androidアプリ/iOSアプリの4つのプラットフォームで提供しています。 この歴史あるサービスの Android/iOSアプリ を、マルチプラットフォームフレームワークのFlutterで書き換えるという大掛かりなプロジェクトを発足し、この度ついにリリースすることができました！ リプレイスに関する背景や詳細については、以下をご覧ください。 developer.diverse-inc.com youbrideでは先にAndroidアプリをリリースして、それから約1ヶ月遅れてiOSアプリをリリースしました。 「Flutter使ってるんだから同時リリースできたのでは？」と疑問を抱かれたかもし
Flutter基礎入門 by Flutter大学
Flutterの環境構築からWidgetの使い方を理解するまでの内容となっています。これを読めばFlutterの基本はマスターできるはずです。 YouTube版はこちら https://www.youtube.com/channel/UCReuARgZI-BFjioA8KBpjsw Dart入門はこちら https://zenn.dev/kboy/books/a5b8b502dcdac4 Flutterの教科書はこちら https://zenn.dev/flutteruniv/books/flutter-textbook
Flutter の Android アプリでAPKファイルサイズが突然倍くらいになったが、実は問題なくてむしろ推奨された動作だった件 - Qiita
みたところ Raw File Sizeの合計値がちょうど APKファイルのサイズになっているので、おそらく、Raw File Sizeの正しい説明は以下の通りです。 Raw File Size Raw File Size はエンティティ(対象ファイル)がAPKファイル(Zipアーカイブ)内で占めるサイズを表します 以上を踏まえ、さらに詳細を調べます。そもそも beforeも afterも、Unzipped File Sizeはほぼ同一です。にもかかわらず、APKのファイルサイズが倍近いのはなぜでしょうか？ その秘密は unzip -v コマンドを実行してみるとわかります。 beforeの方は圧縮率 68%で、3割強くらいのサイズになっていますが、一方で afterの方は圧縮率 0%、つまり、 無圧縮状態でZipファイルにアーカイブされています。 これはなぜなのでしょうか？ 何のためにこうい
こんにちは。メルカリアドベントカレンダー 2019 7日目担当は、メルカリ Engineering Office @jollyjoester とゆかいな仲間たちがお届けします。 2019年6月に開催されたWWDC2019にて、AppleのプラットフォームのUIを構築するための新しい手法 SwiftUIが発表されました。この記事はSwiftUIの学習のために、以前開発したFlutter製のアプリをSwiftUIで書き換え、OSSとして公開したお話です。 MTC2018 App SwiftUI きっかけ（@jollyjoester） 昨年開催したMercari Tech Conf 2018（以下MTC2018）にて、私たちはメルカリグループ内で有志を募ってFlutter製のカンファレンス専用アプリ1を開発しました。 そのときのメンバーとはチームビルディング（通称チービル2）で継続的に やってい
Google、モバイル開発環境を加速するFlutter 1.9、プログラミング言語Dart 2.5リリース Googleは現地時間10日、同社開発者公式ブログでモバイル開発フレームワークのFlutter 1.9、プログラミング言語Dartの最新版v2.5のリリースを発表した。 多くのモバイル開発用コンポーネントを含むGoogleのUI toolkit「Flutter 1.9」は中国で行われたGoogle Developer Days China 2019のキーノートで発表。ゲームやコミュニケーションツールなど、開発者を数多く抱えるTencentによるFlutterとDartによる開発事例などともに紹介されており、公式ブログには動画も掲載されている。サイズの異なるモバイル端末でアジャイルにアプリを開発できる環境は、世界有数のゲーム開発企業の生産性を高めていることを紹介している。 Flutte
FlutterのBoxConstraintsを理解する
この記事はFlutter 全部俺 Advent Calendar 9日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 BoxConstraintsとは Flutterをでアプリのレイアウトを実装しているときに、Widgetのサイズを指定することは意外なほど少ないと思います。 これはFlutterのWidgetのサイズが、 BoxConstraints という制約ロジックによってほとんど自動的に決まっているからです。 このおかげで、Android/iOSのネイティブアプリのように明示的にサイズを指定しなくてよくなる一方で、 理解できていないと思わぬ落とし穴にはまることもあります。 Constrai
Flutter最高ですよね。こんなUI部品ないかな？と思って調べると大体標準SDKで用意されている...。 そんなFlutterでネイティブアプリをテスト駆動で書いてみます。 環境 Flutter 2.0.3 • channel stable Tools • Dart 2.12.2 アーキテクチャ CleanArchitectureを採用しました。責務分けが明確で、あまり考えなくても書けるので...。ファイル数は増えますが・・・ TDDですので、リファクタリングのタイミングで設計を都度行いますが、基本方針としCleanArchitectureに沿って書いていきます。 CleanArchitectureの書籍の下図に沿ってつくりたいと思います。(書籍ではWebシステムの具体的な例として扱っているものですが...) ところで、TDDとDartは相性がいい気がします。テストで大量のモックができま
2020/9/20_iOSDC Japan 2020での、桐山の講演資料になります
求人メディア Green の Android アプリを Flutter で開発した裏話｜加賀れい@アトラエ採用担当
今回はその開発の裏話を、開発者である @hosakak と @muttu_623 にインタビューしたので、赤裸々にお伝えしたいと思います。 @hosakak ：穂坂 賢司(写真左)。1988年生まれ、神奈川県出身。大手SIer、フリーランス、起業（共同創業）などを経て2019年に中途入社。現在は Green でエンジニアを担当。 @muttu_623 ：佐藤 夢積(写真中央)。1996年生まれ、岩手県出身。東北大学理学部卒業後、2019年4月に新卒入社。入社後一貫して Yenta の Android アプリエンジニアを担当。そもそも成功報酬型求人メディア「Green」とは何か？はこちらをご覧ください。 なぜ Flutter で開発することにしたのか？__________ そもそも、どうして Flutter で開発することにしたんですか？@hosakak ：もともと Android アプリを
GitHub - wasabeef/flutter-architecture-blueprints: Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.
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
Wantedlyは、運命のチームや仕事に出会えたり、人脈を広げ、ビジネスの情報収集に使えるビジネスSNSです。
StateNotifierを使ったFlutterのアプリ設計
最近自分の周りでFlutterを始める人が多く、ありがたいことにFlutterに関する質問を個人的にもらうことが増えてきましたが、 特にその中でもアプリ全体の設計をどうするべきかのについてよく聞かれます。 2019年の12月に書いたアドベントカレンダーの中でBloc,Redux,MobXの3つのアーキテクチャを紹介しましたが、 現在は、それらを使わずにアプリ設計をしています。 Flutterのアプリ設計(Bloc) https://itome.team/blog/2019/12/flutter-advent-calendar-day21/ Flutterのアプリ設計(Redux) https://itome.team/blog/2019/12/flutter-advent-calendar-day22/ Flutterのアプリ設計(Mobx) https://itome.team/blog
Element(Widget widget) : assert(widget != null), _widget = widget; ElementはWidgetの参照を保持してますね。 この実装で、一つのBuildContextは一つのWidgetを参照していることがわかります。 次にElement classのドキュメントを見てみましょう。 An instantiation of a Widget at a particular location in the tree. と書いてあります。 Widgetは直感的にtree構造になっていることは理解できますが、ElementもWidgetと全く同じ構造になっています。 次にElementの実装クラスには何があるか見てみましょう。 Implementers ComponentElement, RenderObjectElement Ele
Flutterでこなれた感じのUIを作るコツ
Flutter してますか？ こんにちは、すぎっとです。 以前、Flutter 愛に溢れた記事を書きました。 継続してどんどん Flutter の記事を描こうと思っていたのですが、なかなか時間がとれずにいました。 Flutter への愛をあんなに暑く語っておきながら、実はそんなに愛してなかったんじゃないの？ 他のプラットフォームに浮気してたんじゃないの？ そう思われても仕方がないほど、時間が経ってしまいました。 実は Flutter への愛が溢れすぎた結果アプリを作らずにはいられなくなり 夢中でアプリ制作に勤しんでいました。 それがこちらです。 やるひゃくは、私が毎年ノートに書いていた『やりたいことリスト 100』をアプリにしたものです。 これまで、やりたいことリストを作るときはどうしてもタスク管理のようになってしまい、やったかどうかの振り返りは結局年末までほったらかしになっていました。
2020年8月21日 Yumemi.apk #1
Note: The sample code in this article is not null-safe and not compatible with Dart 3. For more information on the latest best-practices for navigation and routing in Flutter, go to the Navigation and routing page on docs.flutter.dev. This article explains how Flutter’s new Navigator and Router API works. If you follow Flutter’s open design docs, you might have seen these new features referred to
FlutterのNavigationとRoutingを理解する
この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基本的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterでスケールするアプリ設計 Store編 - タオルケット体操
今年はクリぼっちが本当に少ない / Flutter - Qiita
美しいUI、高い開発効率、Dart言語… クロスプラットフォームFlutter
【iOS】Firebase Dynamic Linksでアプリが起動しない
爆速でFlutterからFirestoreを使えるようにするまでの手順書 - Qiita
Simple app state management
[Flutter]コピペで使える！ボタンのデザイン16種類をまとめました - Qiita
Flutter製MTC2018アプリをSwiftUIでリライトした話 | メルカリエンジニアリング
Google、モバイル開発環境を加速するFlutter 1.9、プログラミング言語Dart 2.5リリース
FlutterアプリをCleanArchitecture + TDDで書く1（概要とユースケース実装）
Flutter移行の苦労と、乗り越えた先に得られたもの
Wantedly（ウォンテッドリー）はたらくを面白くするビジネスSNS
FlutterのBuildContextとは何か - Qiita
Flutter Riverpodのすゝめ
Learning Flutter’s new Navigation and Routing system