今すぐ入れる！近くの飲食店を予約できるサービス「Neee」を支える技術 | BLOG - DeNA Engineering
こんにちは。スマートシティ事業本部の大村と、同じくスマートシティ事業本部の野々村です。 本記事では、このたびリリースされた、今すぐ入れる近くの飲食店を予約できるサービス「 Neee 」を支えるバッグエンド技術とフロントエンド技術について、それぞれ大村と野々村から紹介させていただきます。 今すぐ入れる！近くの飲食店を予約できるサービス「Neee」とは 「Neee」は、近くにある今すぐ入れる飲食店を探しているお客様と、当日の空席を埋めたい飲食店をリアルタイムにマッチングするサービスです。外出先での急な飲み会の予定や二次会に行くことが決まった時に、近くにある今すぐ入れる飲食店を探すことは難しく、直接店舗に行くか電話で空席を確認しなければいけないといった課題がありました。 そこで、「Neee」では、来店されるお客様向けに現在予約受付中で近くにある飲食店のみをウェブサイトで紹介し、即座に予約ができる
TIGの伊藤真彦です。 フロントエンドアプリケーションの開発においてVue、Reactと触ってきましたがFlutterの開発も始めました。モバイルアプリ、WEBアプリ、更にはデスクトップアプリへの高いポータビリティが期待できる、Adobe XDでのデザインを高速にアプリケーションに反映できる、といった期待値が高いことが選定の理由です。 フューチャーではDart/Flutter連載で様々なネタを取り上げましたが、汎用的なハウツー記事が意外と少なかったため書いてみました。 FlutterとはFlutterはDart言語で実装されたアプリケーションフレームワークです。 元々はAndroid、iOS向けのモバイルアプリケーションを実装するためのSDKでしたが、Flutter on the web、Flutter on Desktopの公開により、Flutterで作っておけばどのようなプラットフォー
まとめ JavaScript系のベンチマーク、mitataのようなリッチなベンチマークをDartでも取りたい シンプルな記法で、リッチな結果を得られるpackage、Hakariを開発したよ！ x倍や棒グラフで測定結果をリッチに確認できるHakariはGood！ JavaScript系のベンチマーク、mitataに痺れる、憧れるゥ！ HonoというNode, Deno, Bunなどで動くJavaScriptフレームワークを開発している @yusukebeさんがよく mitata というベンチマークソフトを使っているのを見かけます。 mitata は簡単なテストを書くようにシンプルに記載できて、かつ結果が美しく、わかりやすく表示されるのが特徴です。クロスランタイムなベンチマークをとれるのがmitataの大きな特徴ですが、単純な書きやすさと、結果の見やすさは目を見張るものがあります。 Dart
FlutterでWebアプリ開発入門
Flutter Webを利用したWebアプリ開発の入門を講義したときの資料を再編しました。5日分で演習を中心にしながら簡単でモダンなWebアプリの作成を目標にします。 対象: Webアプリに興味がある, Flutterに興味がある, 初学者/Flutter初心者
フリーランスの働き方、稼ぎ方が様々であることは拙著 フリーランスと○○ に書いた通りです。 私の場合、ひとり、もしくは2, 3人のフリーランス仲間と一緒にモバイルアプリ開発を請け負うことが多いのですが、この記事ではそんな 1人（もしくは少人数）で 0 からソフトウェア開発するための技術 を紹介します。 あくまで私の経験の範囲内ですので、当然他にもいろいろありますが、フリーランスの仕事の一例として読んでいただければと思います。 よくある依頼内容 先に、私がフリーランスをしていてよく依頼される内容を説明しておきます。 私がフリーランスをやっていてよく依頼されるのが、「こんなサービス作りたいんだけどどうすれば良いですかね？」というざっくりとした相談からスタートし、相手のアイデアを詳しく聞きながらそれを実現するための技術を選定し、詳しい要件や仕様を取りまとめ、開発し、リリースし、必要に応じて保守を
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleと、「Ubuntu Linux」の開発元であるCanonicalは、GoogleのUIフレームワーク「Flutter」を用いてLinuxデスクトップ向けのアプリを開発できるようにする取り組みを続けている。この協力の成果として、開発者がFlutterでLinuxデスクトップアプリを開発し、Canonicalのアプリストア「Snap Store」で公開できるようになっている。 Flutterは「iOS」や「Android」「Fuchsia」向けのアプリや、ウェブアプリのためのUIフレームワークであり、デスクトップアプリにもその対象を広げようとしている。Flutterを用いることで、単一のコードベースで複数のプラットフォームを対象
はじめに 今回の記事では、モバイルアプリ開発として有名なフレームワークである「Flutter」と「React Native」両方の特徴、決定的な違いを徹底解説する。 2022年11月現在では、モバイルアプリ開発としてFlutterが屈指の人気を誇っている。ところが、実はモバイルアプリを開発できるフレームワークはFlutter一択ではない。Flutter以外にモバイルアプリを開発できるフレームワークとしては、Meta(旧Facebook社)が開発したReact Nativeが挙げられる。 両者はどう違うのか。なぜ開発で使われているのか―そこで、今回の記事では特徴や課題点を徹底解説する。 本記事の対象読者 モバイルアプリ開発で生計を立てているプログラマー Flutter、React Native両者の特徴を知りたい人 モバイルアプリ開発案件を検討中で技術選定をされている人 本記事のタイトルが気
Web対応のざっくりとした変遷は次のようになっています。 2019年5月(Google I/O): テクニカルプレビュー版公開2019年12月: ベータ版リリース(beta channelでも使えるようになった、という方が正確かも)このペースを見ると、2020年のGoogle I/Oにリリースプレビュー、同年12月に開催されるであろうFlutterイベントで正式リリース、などの流れもあり得そうですが、そういうバージョン表記はマーケティング的意味合いも大きいと思っていて、実際の対応ベースで評価する方が適切だとも思います。 (とはいえ、そういう表記が正式版に近づくと現場でプロダクション利用が認められたりすることもあるはずなので、現実的には大事といえば大事ですが。) 本記事では、2019年末現時点でのFlutterのWeb対応の実情を、公式アナウンスをなぞりながら、普段Web周りもよく触っている
Effective Dartまとめ - Qiita
Flutter Advent Calendar の5日目です。 Effective Dartを意訳してまとめました。 他の言語でも共通で言えるようなことも多く記載されています。その辺りは一部割愛しましたが、Dartを書くにあたって知っておいた方がよいと私が感じた部分をまとめました。（それでもかなり長いですが…） また、ここでは割愛しますが、Flutterとしてのスタイルガイドはこちらに記載されているので、併せて読むと良いと思います。 Style guide for Flutter repo Style Guide 命名規則 対応style guide クラス名：UpperCamelCase 例）SampleDataClass ファイル/ディレクトリ/パッケージ名：lowercase_with_underscores 例)page/sample_first/sample_first フィール
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleは米国時間4月23日、「Flutter」を利用している開発者が200万人を超えたと発表した。Flutterはモバイル／デスクトップ／ウェブ上で動作するアプリを開発する際に使用できるユーザーインターフェース（UI）フレームワークであり、「Google I/O 2018」で、「本番環境での利用が可能」（production ready）になったと宣言されていた。 Microsoftは開発者会議「Build 2020」を5月にオンラインで開催するとしているが、Googleは3月、2020年の年次開発者会議「Google I/O」を完全に中止すると発表した。5月12～14日に開催予定だった。 Flutterは、ネイティブなクロスプラ
はじめにこんにちは、Anewsのエンジニアリングマネージャーの山崎です。 この記事はストックマークアドベントカレンダーの22日目の記事です。 普段は、エンジニアリングマネージャーとして開発体制や中長期のエンジニア戦略を考えています。 またエンジニアリングマネージャーとは別にエンジニアとしてAnewsのFlutterアプリの開発を行なっています。 Anewsの開発組織では全員がフルスタックエンジニアとして働くことを推奨しており、 開発体制やプロセスについてもフロントエンド、バックエンドなどの領域を意識せず顧客への価値提供を最大化するためエンジニアが必要な開発を行うようにしています。 その中で、モバイルアプリだけは固定されたメンバーで開発を行うような体制になっています。 理由としては、 ・ モバイルアプリの開発経験が少ない ・ モバイルアプリのコードが複雑になっており、学習コストが高くなってい
はじめに この記事はFlutter Advent Calendar 2019 6日目の記事です。 前日は @mkosuke さんのEffective Dartまとめでした。 Effective DartにはDartらしいコードを書くためのエッセンスが詰まっていますので、これが日本語で読めるのはとても素晴らしいことだと思います。 この記事ではFlutter開発でも使えるDartの自動コード生成のお話をします。 自動コード生成とは プログラムにソースコードを生成させる仕組みがあります。 Android開発をしている方なら、JavaではJSR-269またはapt、Kotlinではkaptが広く知られていますし、 iOS開発されている方の中でもSourceryやSwiftGenを使ったことがある方も多いかと思います。 また、gRPCやSwagger(OpenAPI)で生成されたコードを使用する機会
Maestro is built on learnings from its predecessors (Appium, Espresso, UIAutomator, XCTest) and allows you to easily define and test your Flows. What are Flows? Think of Flows as parts of the user journey in your app. Login, Checkout and Add to Cart are three examples of possible Flows that can be defined and tested using Maestro. Built-in tolerance to flakiness. UI elements will not always be whe
今や個人が所有するデバイスの数も増加しており、アプリ開発者は各プラットフォームに合ったものを迅速に提供することが求められている。そこで注目されているのが、クロスプラットフォームフレームワークである。iOS/Androidによるアプリ開発を長年提供してきたゆめみでは、これまでの知見を生かして、Flutterを活用したい開発現場向けに、内製化支援サービスの提供を開始した。Flutterの活用により、モバイルアプリ開発はどう変わっていくのか。Flutterエンジニアリングのエキスパートであり、ゆめみの戦略技術顧問に就任した小野将之氏と、ゆめみでテックリードを務める室山大輔氏に話を聞いた。 株式会社ゆめみ 戦略技術顧問 小野将之氏（左）、テックリード 室山大輔氏（右） ネイティブアプリ開発の課題点とクロスプラットフォームという選択肢 2000年の創業以来、さまざまなWebサービスの豊富な専門知識を
Flutter の状態管理には BLoC (Business Logic Component) パターンがよく使われると思うんですが、package:providerを使った方が楽だよ、という記事です。 ※2019年に書いた記事なので少し内容は古い可能性があります。 Provider のススメFlutter の状態管理には BLoC (Business Logic Component) パターンがよく使われると思うんですが、package:provider (正確には provider と ChangeNotifier) を使った方が楽だよ、という記事です。 Google I/O でも 2018 年は BLoC を推奨していましたが ちなみに 2019 の発表は現地で見ていたのですが、終盤にもかかわらず満席で Flutter への注目度の高さを伺わせました。 2020/05/07 編集 p
この記事は Flutter #2 アドベントカレンダー 2020 - Qiita 3 日目の記事です。 この記事は、 Flutter アプリ開発で頻繁に利用する Navigator.of(context) の実装を読みながら、Flutter を理解する上でとても重要な「3つのツリー」についての理解を深める記事です。 ターゲット この記事は、以下のような方が読むことを想定しています。 Widget を使って簡単なアプリを作ることができるようになった方。 Widget は知っているけど、 Element とか RenderObject とか言われてもよくわからない方。 Navigator.of(context) ってよく書くけど実際アレ何なんだろう？という方。 逆に、Flutter の公式ドキュメントやソースコードをすでに読んでいて、Flutter のレイアウトの仕組みについてある程度の知識が
FlutterアプリにおけるUI Component Architecture #LayerXテックアドカレ - LayerX エンジニアブログ
こんにちは。バクラク申請・経費精算 ネイティブアプリエンジニアのyoheiです。 最近はこたけ正義感の逆転裁判プレイ動画を見ながら法律の勉強してます。好きなラジオは真空ジェシカのラジオ父ちゃんです。M-1も応援してます！ この記事はLayerXテックアドカレ2023の26日目の記事です。前回は 赤羽さん が「Go言語のORMであるGORMをv1からv2へのマイグレーションした話」を書いてくれました。27日目の記事 id:itkq さんより「勤怠をいい感じにする社内Slackアプリ #LayerXテックアドカレ - LayerX エンジニアブログ」ポストされました。一緒にご覧いただけたらと！ バクラク申請・経費申請では現在のモバイルアプリをFlutterでのリプレースを進めています。そのうえでチームとしてUIコンポーネント(Widget)をどの用に作っていくか設計(UI Component
2020-09-28 更新 2020-10-28 更新 2020-12-28 更新 はじめに 個人的にこのタイプの記事には、実際に開発で直面した課題とその解決策など、参考になる情報が多く含まれていると思ったので、リンク集を作りました。 気になった記事のアプリはストアからダウンロードすれば手元で試せるというのも魅力的です。 記事の集め方 Qiita と Note から、Flutter タグが付けられている && 本文内に AppStore または PlayStore へのリンクが貼られている記事のみを抽出 リンクの前後の文脈から、本人が公開したアプリへのリンクでは無いと判断されるものを除外 ※ ストアへのリンクの替わりに、公式サイトへのリンクが使われている記事は集計の対象外です。 ※ あまりに本文が短い記事は、内容を確認した上で一部省かせてもらってます。(アプリの公開報告だけの場合など) Q
FlutterFlowのススメ
■更新履歴 2024/3/29:記載を最新化しました。 2023/9/11:記載を最新化しました。 2023/6/10：料金周り・連携サービス周り・他サービス比較の記述を更新しました。 2023/2/22：連携サービス周りの記述を更新しました。 こんにちは、菅原です。 私が運営している会社、GenAiではいくつかの会社に対して新規サービス構築の支援を行っています。中でも、エンジニアリソースの少ない会社に対しては、ローコードツールでの開発体制の構築をしています。 数あるローコードツールの中でも、素晴らしいなと思ったのが、FlutterFlowでした。めちゃくちゃ開発陣が気合い入ってて毎週のようにアップデートが入ります。 出たての時（2021年12月）から使ってきたのですが、当時と比べてかなり使えるアップデートも入り、最近はとてもおすすめできるツールだと思えるようになってきたので、入門記事とし
hachibeechan.hateblo.jp 前回の続き そういえば、前回の記事のブコメで Behavior = TransactionScript? 実践CQRS という感じの元ネタばらし鋭い指摘をしてくれた方がいました。 90%方その通りなのですが、実装の平易さ、許容できるパターンの広さを優先するために元の定義からかなり離れてしまっており、混乱を招くかもしれないと感じたので別の用語で説明している次第です。 読み返すと文字の密度が高くて読むの大変な記事ですね。 今回は具体的な話になるのでサンプルコードとか載せられるといいなとおもいます。 スケーラブルなデータ設計の基本アイディア Storeの構成要素 アンチパターン 1. Modelという名前がついたクラス 2. "DBに対するCRUD操作" のような抽象度でStoreを設計してしまう 3. 同一の対象を表すデータが複数存在している（N
今年はクリぼっちが本当に少ない / Flutter 今年もやってまいりました！！クリスマス！ この記事でわかること Flutterでアプリを作りましたので、その技術内容と悩み 恋をすることの素晴らしさ クリスマスの考察 この３つを中心に書いていければなと思います。 私の周りでクリぼっちが減った!? 最近、私の周りでは幸せ報告が後を絶えません。 いわゆる結婚ラッシュってやつでしょうか。 結婚しましたー（例のシンデレラの人） 結婚したぷるぷる！(大学の先輩) 結婚しました〜（インスタグラム多数） 付き合った報告(思い切って恋をしてみました！) しかもそれだけでなく、恋をした効果なのか 結婚(シンデレラ) → 勇気を出してデザインのフリーランスになれた！ 結婚(大学の先輩) → CEOでめちゃめちゃ稼ぐ 付き合った報告 → CTOになれた！ など恋をしつつも自分にコミットできている方が今年は多い
Shorebird
Deploy updates instantlyCode push is a cloud service that allows developers to push app updates directly to users' devices.
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新卒エンジニアの石見です。 現在は、技術研修が終わり配属された部署のナレッジの多さに圧倒されながらも楽しく従事をしています。今回はその「技術研修」についてと、「振り返りレポートを何故公開するのか」について執筆をします。 ※ここでは大まかに技術研修について執筆します。さらに細かいテーマに絞り、得た学びについて同期が「振り返りレポート」という形で執筆し、今後公開されます。 今年の新卒エンジニアについて 研究に集中していた、学生時代から企業で働いていた、個人でサービスを開発運用していた、大会に参加していたなど様々な背景の方がいます。私の個人的な感想ですが、同期はみんな「体験からくる世界観」を持っている方が多いです。「世界観」を持っているので「軸」があり「思考」を認知しています。また「どんな状況でも面白がれる」性格で、「より良くするために意見する、議論する、行動する
Firebaseダイナミックリンクを使うと、1つのURLで複数の遷移先を設定できて、ユーザーごとに適切な制御ができます。ダイナミックリンクによるアプリ内の画面遷移などの制御を除けば、プログラミングなしの設定のみで簡単に実現することが可能です。 例えば、以下のようなパターンです。 iOSのブラウザでダイナミックリンクをタップすると、アプリストア（AppStore）に移動するiOSのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）Androidのブラウザでダイナミックリンクをタップすると、アプリストア（Playストア）に移動するAndroidのブラウザでダイナミックリンクをタップすると、アプリ起動する（インストール済の場合）PCのブラウザでダイナミックリンクをタップすると、アプリのランディングページに移動する ディープリンク（DeepLink）やユニバーサルリ
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はなぜButtonを一新したのか
こんにちはこんばんわ、すぎっと ٩( ᐛ )و です。 今日のテーマはボタンです。 Flutter は最近メジャーバージョンが "2" にアップデートされました。そのタイミングで RaisedButton をとうとう deprecated (非推奨）にしました。もともとは Flutter 1.22 で導入された のですが、移行期間扱いだったんですね。これがとうとう、エディター上で横線を引かれるようになっちゃいました。 こんな警告が出るようになりました。 RaisedButton はもう使わんと、ElevatedButton 使ってや。移行のやり方はドキュメント作っといたしざーっと見といて。Ver.1.26.0-18.0.pre 以降は非推奨にすることにしてん、堪忍な！ GitHub で経緯を追いかけると、Flutter 2 は Flutter 1.26 系から出てきた感じになっていたので、
モチベーション 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)
本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の4回目となります。 前回の記事ではUnityからExportしたXcodeプロジェクトに対してFlutterを組み込む方法を解説しました。4回目となる今回は実際にFlutterとUnityで連携を行う方法を紹介します。 前回までの記事で、UnityからExportされたAndroid/iOSプロジェクトにFlutterを組み込みビルドする方法を紹介していますのでまだ見ていない方はまずそちらをご覧ください。 Unity製のAndroidアプリにFlutterを組み込む Unity製のiOSアプリにFlutterを組み込む FlutterとUnityの連携概要 2回目の記事でも少し触れたのですが、アプリ内にFlutterEng
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アプリケーションを構築した場合、ア
約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
Flutter公式チュートリアルをやった
やりました。 これはそのノートです。 導線がわかりづらい？ Flutterの公式ドキュメントは十分わかりやすいので、基本は公式中心に進めました。 ただチュートリアルまわりの導線はなんかわかりづらさを感じて、若干迷子になりました。 Get Started 1〜3を見て環境構築終わらせて、さあチュートリアルだ！ となったときに、どう回ったらいいのかよくわかりませんでした。 （そもそも順番にやることを想定してないつくりなのかもしれませんが） Get Started 4がチュートリアルPart 1なんですが、 Widgetの説明がないままどんどんチュートリアルが進んで、オイオイオイオイとなりました。 よく確認したら、GoogleのCodelabからの転載みたいですね。 ↑こっちを最初にやるといいのかなと思いました。 また、Flutter公式ドキュメントのチュートリアル集があるんですが↓ 内容的には
ポケモンから学ぶ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 への注目
同じお題でUIを構築してみてFlutter, JetpackCompose, SwiftUIの三種の宣言的UIフレームワークを比較してみる
はじめに 昨今Android/iOSネイティブアプリの開発では「宣言的UIを利用したUIフレームワーク」（以下、このようなフレームワークを宣言的UIフレームワークと本記事では呼称します）が台頭しようとしています。この流れは、Reactの考え方やそれ自体を利用したFlutterやReactNativeのようなマルチプラットフォームフレームワークから始まり、AndroidではJetpackCompose、iOSではSwiftUIと、現在はそれぞれのプラットフォームにも取り込まれるまでになっています。 宣言的UIフレームワークは旧来の手続き的な方法よりもより直感的にUIを記述することができ、採用することでViewの構築をより効率よく行うことができます。これまでは既存のアプリケーションにこの方法を取り入れようとした場合、FlutterやReactNativeであれば新規に言語すら違うフレームワーク
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterの使いかた、環境構築から実装、ビルドまで | フューチャー技術ブログ
Dart製のベンチマークHakariを開発！forEachやmap遅すぎィ！なことを即時測定デキルヨ！
フリーランスが1人でソフトウェア開発するための技術たち
グーグルがカノニカルと連携、「Flutter」でLinuxアプリ開発が可能に--アルファ版
【徹底比較】Flutter VS React Native
Flutter on the web の 2019年末時点での現状まとめ🎄
グーグルのUIフレームワーク「Flutter」、利用広がる--新たなリリースモデルも
開発速度向上のためのAnewsモバイルアプリのアーキテクチャ改善
自動コード生成を駆使してFlutter開発を楽にする - Qiita
What is Maestro? | Maestro Documentation
Flutterによるアプリ開発は今後一般的に、それでも導入事例が少ない理由とは？ 内製化支援を行うゆめみが解説
【Flutter】 Provider のススメ｜Yota Ishikawa | AI
【Flutter】Navigator.of(context) から理解する 3つのツリー
実際に Flutter アプリを公開して得られた知見を共有してくれる良記事まとめ - Qiita
Flutterでスケールするアプリ設計 Store編 - タオルケット体操
今年はクリぼっちが本当に少ない / Flutter - Qiita
美しいUI、高い開発効率、Dart言語… クロスプラットフォームFlutter
【iOS】Firebase Dynamic Linksでアプリが起動しない
爆速でFlutterからFirestoreを使えるようにするまでの手順書 - Qiita
FlutterとUnityを連携させる | gihyo.jp
Simple app state management
blog.mdnomad.com
www.sponichi.co.jp
note.com/inofthefor
akane4.ue.bulog.jp
shonenjumpplus.com
yoi.shueisha.co.jp