https://twitter.com/K_T_O_K/status/1453311748400844805
(2022年6月追記) 2022年6月現在、この記事にあるアプリよりも、ほぼ同じコンセプトのReact+NextJS製webサービス「みんなで作業場」に滞在していることが多いです。 是非お越しください！ アプリ 先日、個人開発アプリをリリースしました！やったね！！！ 審査も通りまして、現在App StoreとPlay Storeで配信されております。 App Store Play Store せっかくなので、利用した技術のメリットと注意点をまとめておこうと思います。 作ったアプリ これです。 広報用ページも作ってみたのでリンクを貼っておきます。 広報用ページはスマホで見る用にレイアウトしてます。 監視し合う会 〜お互いサボらないようにみんなで作業しよう〜 英語名: Procrastinators Watch Mutually 解決したい課題 やらなきゃいけないことがあるのに、なかなか取り組
FlutterアプリのPresentation層構成方針
この方針策定のためのディスカッションページ 当方針は @naipaka さんにより起案・骨子考案いただきました！ありがとうございます👏 @keimiya_325 さん、ディスカッションへの参加ありがとうございます🙌 前提・Presentationとそれ以外を分ける理由は？ 弊社では、UIとドメインは分ける方針をとっています。 1つにPresentationとドメインの分離という考え方を参考にしています。 PresentationDomainSeparation また、機能ごとにトップレベルディレクトリを切った場合、果たしてアプリの機能と画面は1体1でしょうか？ 昨今の複雑化しているアプリで見ると、複数の機能を使用する画面は少なくないと感じます。 そのとき、その画面はどのディレクトリに入れますか？ 画面はあくまで複合した機能をユーザーに見せたり使ってもらう場所であり、一番変更の多い箇所で
Flutter海外勢の動画を見ていると、VSCodeを使っている人がやたら多い...!! VSCode何がそんなに便利やねんと思いつつ調べていくと、拡張機能がかなり充実している様子。 知っているか知っていないかで アプリ開発初期、UI構築時の開発スピードがかなり変わりそう🧐 情報をまとめておきます！ Flutter Tree これめちゃくちゃ便利です。 コードを書く前にUIの実装イメージが固まっているのが前提ですが、 わずか1行で複雑なレイアウトを一気に書けます。 Flutter Widget Snippets Widgetに特化したSnippets！よく使うWidgetが爆速で入力できる ColumnとかRowってよく使うけどchildrenまで書くの面倒だな～と思ってたのは僕だけ？ 対応するWidget 記法 特記
アプリについて買い物にいったとき、「あれ？この野菜って普段こんなに高かったっけ？」とか、「このセール品って、本当に安い？」などと思うことはありませんか？そんなときのためのアプリがこの【お買い得メモ】です。 商品名と値段をメモしておいて、いつでも見返すことができます。特徴はこちら。 ・商品と値段を、一覧性高く表示 ・消費税(8%, 10%)対応 ・税抜き・税込み価格の表示切り替え ・単位容量あたりの値段を自動表示 ・タブで自由なグルーピングアイデアは前々からあって、自分で欲しいなと思っていたものです。 開発期間開発着手から申請まで、11日間でした。平日は平々凡々な会社員なので、主な開発は帰宅後の2~3時間程度です。土日は子どもの相手をしているので、やはり子どもが寝静まったあとの2~3時間程度です。ですので、30時間程度で作り上げたことになります。これが早いのか遅いのかはよくわかりませんが、感
【特別対談】 Flutterエンジニアの今オレ x iOSエンジニアの過去オレ - LayerX エンジニアブログ
こんにちは。バクラク申請・経費精算チームでモバイルエンジニアをしている @_chocoyama です。社内のラジオ好きコミュニティに属しているのですが、自分の推し番組を紹介したところ誰にも刺さらず、コミュニティに属しているのにソロ活動している今日このごろです。 この記事はLayerXテックアドカレ2023の29日目の記事です、前回は Tomoaki さんが「バクラクのAI-OCRを支える性能モニタリングの仕組み #LayerXテックアドカレ - LayerX エンジニアブログ」を書いてくれました。 本日の記事では、Flutterアプリを開発している現在の私（以降、今オレ）と、iOSネイティブアプリを開発をしていた過去の私（以降、過去オレ）が対談した内容となっています。 Flutterに対してふわっとしたイメージしかないネイティブアプリエンジニアの皆さんの参考になると幸いです。 ご挨拶 過去
新しいモバイルアプリを開発するプロジェクトにおいては、iOSとAndroidの開発を同時にすることが多くあります。同時並行で開発を進める上で、複数のメンバーで方針を決める必要もあります。それは、iOSの担当者、Androidの担当者だけでなく、サーバーサイドの開発者やデザイナー、企画やマーケッター、受託開発であれば、発注する人も気をつけるべきことがあります。 ここでは、クロスプラットフォーム開発ではなく、SwiftとKotlin（Objective-cとJava）など異なる言語を組み合わせて、OSの特性を意識した上で行うネイティブアプリ開発での注意点に触れます。 ※クロスプラットフォーム開発とは ハイブリッド開発とも呼び、１つのプログラムでiOSとAndroid両方で動作可能なアプリを開発する手法で、FlutterやReactNative、Xamarinなどがあります。 プログラミングのコ
はじめに Flutterで時々利用するWidget の Keyについてのまとめです。 Keyが必要な理由と仕組みについて (1回目) ← 今回！ 主にKeyとは何か？、そもそもKeyが必要になる理由についてまとめています。 Keyの種類一覧と使い方(2回目) Keyの種類一覧とそれらの使い方について解説します。 → Flutter Widget Keyの種類と使い方について Keyの指定位置について(3回目) Keyを指定する位置 (Widget) について解説します。正しい位置に設定しないと意図した動作になりません。 → 現在準備中です。 Keyとは？ 簡単に言うと、ElementからWidgetを識別するためのIDです。Keyは意図的に指定しないとデフォルトではnullです。 必要となるシーンが限定される感じですが、よく紹介されているのは以下ですね。 ただ、必要性が分かるようで分からな
NTT Tech Conferenceは、NTTグループのエンジニアたちが一堂に会し、NTTグループ内外のエンジニアたちと技術交流を行うためのカンファレンスです。ここで「Flutterアプリ開発スタートアップ with Tips」をテーマに神原氏が登壇。続いて、Flutter入門時のポイントと開発のTipsを紹介します。前回はこちらから。 Flutter入門時に押さえておきたいポイント 神原健一氏（以下、神原）：続いて入門時に押さえたいポイントということで、Flutterアプリのファイル構成、画面の作り方、ビジネスロジックの効率的な実装を紹介していきます。Flutterアプリを作っていくときには、プロジェクトを作ったあとに生成されます。 特に重要なファイルが2つあります。1つがソースコードで、main.dartというファイル。そしてpubspec.yamlというライブラリ、もしくはいろいろ
Dartソースコードが実行されるまでの構造を理解する
背景 たまたま React/React Native について少し調べる機会があり、その派生で React Native と Flutter の違いを調べていくうちに「普段書いている Flutter/Dart のソースコードが iOS/Android などネイティブプラットフォーム上で実行されるまで何が行われているのか」が気になり、周辺情報をインプットしていました。これまでも何となく全体像はイメージしていたものの曖昧で、改めて調べた内容を自分なりにまとめてみた備忘録に近い内容となっております。 動機は Flutter ですが、調べていくうちに Dart や Dart VM を掘っていった形になっているため、あまり Flutter の話（Engine 等）は出てきません。ただ、Flutter と Dart で多少異なる部分はあると思いつつ、実行に Dart VM を使っている以上根本は変わら
Android 開発環境の最新化 Android Studio を最新化します。 あんまり普段使わないので、立ち上げるたびに更新してる印象。 Android SDK の最新化 Android SDK 系もアップデートとかあるやつは最新にしました。 あんまり普段使わないので（略 Flutter のダウンロードと展開 基本的に以下のサイトに従ってやりました。 Windows install - Flutter ダウンロードした zip を解凍してできた flutter フォルダーを c:\SDKs\flutter に移動させて C:\SDKs\flutter\bin にパスを通しました。 そして flutter doctor を実行しました。結果は…？ Doctor summary (to see all details, run flutter doctor -v): [√] Flutter
Ubuntu Makes Flutter 'Default Choice' for Future Desktop Apps - OMG! Ubuntu
Ubuntu Makes Flutter ‘Default Choice’ for Future Desktop Apps Flutter will be the default choice for future mobile and desktop apps created by Canonical. Google’s open-source and cross-platform UI making framework has already proven popular with web devs looking for an easy “in” to fuss-free mobile and desktop app development. Flutter is underpinned by the Dart programming language but the new des
Google Pay picks Flutter to drive its global product development
Google Pay picks Flutter to drive its global product development Share Facebook Twitter LinkedIn Mail Posted by David Ko, Engineering Director; Jeff Lim, Software Engineer; Pankaj Gupta, Director of Engineering; Will Horn, Software Engineer Three years ago, when we launched Google Pay India (then called Tez), our vision was to create a simple and secure payment app for everyone in India. We starte
Flutter を聞いたことありますか？Flutterとは Google 製のアプリケーションUI構築ツールキットです。本記事では iOS/Android 両対応のモバイルアプリ制作のために Flutter を用いていますが、他にもWeb、さらにはデスクトップ向けのアプリケーションを構築することも可能です。 Flutter は Google によって『The best framework for developing beautiful experiences for any screen』をめざして開発が進められているフレームワークです。これは技術的な垣根を超え一つのコードベースから様々なポータル端末で同じユーザ体験を実現することを意味しており、Flutter の将来性が期待できます。 今回はこの Flutter を使って、モバイルアプリのヘッダーとフッター部分を作っていきます。Flut
1ヶ月ちょっと前に Flutter の provider というパッケージに関する記事を書きました。 qiita.com そこでは、provider の機能の一つとして「DI の仕組みを提供」と説明しています。 しかし記事を複雑化するのを避けて掘り下げないままにしました。 代わりにここで補足しておこうと思います。 記事更新情報 2019/12/15 2019/11 下旬の provider 3.2.0 で 各プロバイダの builder という引数名が create に変わりましたので、本記事の関連箇所を更新しました。 2020/5/8 provider 4.1.0 によって異なる書き方ができるようになった旨を少し追記しました。 DI（Dependency Injection）とは DI はデザインパターンの一つであり、依存性の注入 と訳されることが多いものです。 とっつきにくい言葉です。
Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9
Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9 Posted by Chris Sells, PM for the Flutter developer experience This week is a big one for Flutter! Today, at Google Developer Days, our flagship conference for Chinese developers, we used the keynote to announce our latest stable release: Flutter 1.9. This release is our biggest update yet with more than 1,
Flutter公式チュートリアルをやった
やりました。 これはそのノートです。 導線がわかりづらい？ Flutterの公式ドキュメントは十分わかりやすいので、基本は公式中心に進めました。 ただチュートリアルまわりの導線はなんかわかりづらさを感じて、若干迷子になりました。 Get Started 1〜3を見て環境構築終わらせて、さあチュートリアルだ！ となったときに、どう回ったらいいのかよくわかりませんでした。 （そもそも順番にやることを想定してないつくりなのかもしれませんが） Get Started 4がチュートリアルPart 1なんですが、 Widgetの説明がないままどんどんチュートリアルが進んで、オイオイオイオイとなりました。 よく確認したら、GoogleのCodelabからの転載みたいですね。 ↑こっちを最初にやるといいのかなと思いました。 また、Flutter公式ドキュメントのチュートリアル集があるんですが↓ 内容的には
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン＆開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
Flutterで始めるアプリ開発
このページのゴール Riverpodの概要と使い方を知る Riverpodを使いユーザー情報を管理する チャットアプリ全体像 機能一覧 ✨ メールアドレス・パスワードでログインできる ✨ ログアウトできる ✨ チャットの投稿一覧を表示できる ✨ チャットに投稿できる ✨ チャットの投稿を削除できる イメージ図 ❗️ 注意事項 ❗️ プロジェクト・雛形の作成が終わっていない場合は Firebaseを使ったアプリ概要のページを確認しましょう。 状態管理 状態管理とは まずは状態管理とは何であるかについて理解していきましょう。 Widgetとはでは、 FlutterはWidgetをツリー状に組み合わせUIを実現することを紹介しましたね。 そして、状態を持ったWidgetでは、 データを元にUIを作る仕組みのことを状態を持つと呼ぶことを紹介しましたね。 Widgetをツリー状に組み合わせUIを実現
Navigator 2.0 の解説 後編 1
前編では、Navigator 2.0 の基本として、新しい Page API を用いた複数の Route の宣言的な状態管理について解説しました。 Navigator の Page API だけでは、Android の戻るボタンや Web ブラウザーの戻る/進むボタンの対応、Web ブラウザーの history の更新（それによるアドレスバーの URL の更新）といった、OS と協調した処理に対応しません。後編では、それらの処理に対応するために新しく提供された Router API について解説します。その後、Navigator 2.0 のまとめと、今後の課題について言及します。 Router による Routing の全体像 Router は、Android の戻るボタンや Web ブラウザーの戻る/進むボタンからの通知の受信、Web ブラウザーの history の更新（それによるアド
少し前に会社のブログで以下の記事を書きました。 Flutterでお勉強時間管理用のタイマーアプリを作った このアプリには、「アプリがバックグラウンドに遷移するとタイマーが停止してしまう」という致命的な問題がありましたが、その対処方法が分かったので、紹介したいと思います。 問題点 アプリがバックグラウンドに遷移すると、アプリが一時停止してしまい、タイマーが止まってしまう。 対応方針 アプリがバックグラウンドに遷移したタイミングと、フォアグラウンドに復帰したタイミングで以下の処理を行う作戦でいこうと思います。 バックグラウドに遷移したタイミング その時点の時間を元に、ローカル通知をスケジュール登録する（ローカル通知はバックグラウンドでも時間がくれば実行される） バックグラウンドに遷移した日時を記録する フォアグラウンドに復帰したタイミング ローカル通知タイマーを停止する フォアグラウンドに復帰
It is a truth universally acknowledged, that a business in possession of a good mobile app, must be in want of an iOS and Android version. Yay!Business logic, implemented once, wrapped in a quick, native feeling user interface is what most businesses want. But how difficult is it? Until last year, my company only had a native iOS version of our main app, Easy Diet Diary. A general-purpose Australi
Flutterアプリの主流な状態管理パターンと導入事例まとめ（2020年版） - TetsuFeの個人開発ブログ
はじめに 状態管理パターンとは？ Flutterの主流な状態管理パターン どれを選ぶべき？ パターン1. StatefulWidget パターン2. InheritedWidget / InheritedModel もっと詳しく パターン3. ChangeNotifier/ValueNotifier + Provider 導入事例 もっと詳しく パターン4. BLoC + Provider BLoCのメリット、デメリット コード例 導入事例 flutter_blocとBLoC BLoCの課題 Stream＝BLoCではない おまけ：BLoCの歴史 cubit もっと詳しく パターン5. state_notifier + freezed + Provider 例 もっと詳しく 新パターン. Riverpod + ? package:providerとの比較 もっと詳しく アーキテクチャパター
WINTICKET における Flutter を利用したクロスプラットフォームアプリケーションへの取り組み | CyberAgent Developers Blog
はじめに 株式会社 WinTicket の @wadackel です。 WINTICKET では、昨年2021年から Flutter を利用したクロスプラットフォームアプリケーション開発に取り組んでいます。具体的には目下、既存 Android アプリケーションを置き換えることを目標としています。将来的には iOS アプリケーションも Flutter 製へと置き換えることを想定しています。 この記事では、どのような事業状況から Flutter を採用した開発に至ったかについてご紹介できればと思います。 ※WinTicket（パスカルケース表記）が子会社名称、WINTICKET（全て大文字表記）がサービス名です WINTICKET とは WINTICKET（ウィンチケット）は、2019年4月にリリースした公営競技のインターネット投票サービスです。現在サービス提供している公営競技の種類は競輪、及
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:/
TechConアプリ 2020 開発 / アーキテクチャ編 | BLOG - DeNA Engineering
こんにちは。オートモーティブ事業本部の大西です。 普段は、スマートタクシーの車載器デバイス向けAndroidアプリの開発をしています。 残念ながら、DeNA TechCon 2020 は、昨今の状況を鑑みて中止となりました。 今年も公式アプリを提供し、ブースにて紹介/解説を行う予定でしたので残念です。 この記事では、TechCon 2020 アプリ で採用した、Flutter アプリケーションのアーキテクチャについて紹介したいと思います。 関連記事 こちらの記事もあわせてご覧ください。 TechCon アプリ 2020 開発 / デザイン編 TechCon アプリ 2020 開発 / スタンプ編 Flutter とは Flutter is Google’s UI toolkit for building beautiful, natively compiled applications f
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万本あるという。ただし、今回のアップデートから
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【個人開発】FlutterとFirebaseでサボり防止アプリを作った - Qiita
Flutter開発を高速化するVSCode拡張機能を5つ紹介🎉
Flutter製アプリ【お買い得メモ】をリリースしました｜kosuke matsumura
円滑にiOS/Android並行開発するための心得まとめ
Flutter WidgetにKeyが必要な理由, 仕組みについて - Qiita
コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips
Flutter の開発環境を作ってみたメモ on Windows 10 - かずきのBlog@hatena
Flutter でモバイルアプリを作ってみる 入門編① 〜ヘッダーとフッター〜
【Flutter】依存オブジェクトの注入 - のんびり精進
オカンとオトンから学んだOOUIデザイン設計.pdf
ドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダー・「FlutterFlow」
Flutter でバックグラウンドでも動くタイマーアプリを作った – rinoguchi's techlog
Finished! Porting a 75,000 line native iOS app to Flutter
AudioPlayers - Flutter製の音楽アプリ
Flutter 2はWeb向けに本番環境対応しており、新しいプラットフォームを追加している
Flutter初心者が独学でアプリをリリースしたので苦難を全部晒す
グーグル、「Dart 2.8」と「Flutter 1.17」をリリース--iOS関連機能を大幅強化
【Flutter, Dart】ミュータブルの代償とイミュータブルの代償、そしてfreezed - Qiita