エンジニアリンググループ 新規プロダクト支援チーム所属の荒谷(@_a_akira)です。 あまり知られていないかもしれませんが弊社では、2019年末から既に6つの新規アプリをFlutterで実装しリリースしています。 先日リリースされたデジカルスマート診療(以降デジスマアプリ)という医療機関向けに予約やキャッシュレス決済を導入・利用できるアプリもFlutterで作成しています。 digikar-smart.jp このサービスの立ち上げからリリースまでの開発期間は約3ヶ月で開発側の人数もPdM1人、アシスタントPdM1人、デザイナー1人、バックエンド2人、WEB フロント(クリニック向け管理画面)1人、アプリ(患者向け, Flutter)1人の構成で開発しています。 このあたりの開発体制については先日記事が上がっているので興味のある方はそちらを見てみてください。 www.m3tech.blo
The AI workspace where you achieve more without losing control of your data
ジャンプTOON アプリチームの國師です。 5 月にサービスを開始した 「ジャンプTOON」 は、Flutter を採用し Android, iOS, iPadOS 向けのアプリを提供しています。 本記事では、ジャンプTOON モバイルアプリの開発で採用している技術スタックやプロジェクト構成、開発手法を紹介します。 目次 SDK・ツール管理 プロジェクト管理・タスクランナー CI・CD ディレクトリ構成 テーマ管理 ルーティング アセット管理 状態管理 サーバ通信 Lint テスト UI カタログ Web Preview PDR SDK・ツール管理 Flutter の SDK バージョン管理には、Flutter 以外の SDK やツールもまとめて管理できる asdf を採用しています。 Flutter の開発者界隈では FVM も人気ですが、次の点から、アプリチームに限らず開発チーム全体で
医師国家試験受験後に構想 コツコツ勉強する時は特に、勉強計画の立案・修正が必要になる時が多いと思います。今日の分量が分からないと、一問にかけてよい時間も分からないし、実行可能性の判断も難しいです。 しかし、平日・週末の配分の考慮や進まなかった時の立て直しは面倒です。 それをサポートするアプリを作りたいと思いました。 リリースしたアプリ：「逆算勉強」 広告なし・完全無料 iOS Android 制作過程 Flutterの勉強を始める前に、Swiftでのアプリ開発の経験がありました。 ＊「アトピー見える化アプリ-アトピヨ」にて、在学中に１年間インターン（https://www.atopiyo.com/） 国試受験後にFlutterの勉強を始め、初心者向け記事を読みながら少し触っていました。この時点ではよく分かっていなくて、とりあえずサンプルを動かす程度でした。 Flutter大学主催のプログラ
Googleがオープンソースのアプリケーションフレームワーク「Flutter」のメジャーアップグレード版となる「Flutter 2」を発表しました。単一のコードベースからモバイル・ウェブ・デスクトップ向けにネイティブにコンパイルされたアプリケーションを開発可能です。 Google Developers Blog: Announcing Flutter 2 https://developers.googleblog.com/2021/03/announcing-flutter-2.html GoogleがFlutterのメジャーアップグレード版となる「Flutter 2」を発表しました。Flutter 2では同じコードベースでiOS・Android・Windows・macOS・Linuxといった5つの異なるOS向けにアプリをリリースすることが可能になります。また、Chrome・Firefox
これまで3年ほどWebエンジニアとして働いており、いろいろあって今年からFlutterでモバイルアプリを開発しています。 Flutterを使い始めて半年が経ったので実際に使ってみて感じたいいと思ったところとイマイチだと思ったところを紹介したいと思います。 Flutter とは？ Flutter は 複数のプラットフォームに対応したオープンソースなフレームワークです。現在では、Android・iOS・Web・Windows・MacOS・Linuxに対応しており、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションを作成することができます。 実際に使って感じたいいところ、イマイチなところ いいところ 学習コストは意外と高くない Flutterでは、Dartという言語を使います。 個人的な感想としては、Javascript, Typescript に似ているなーと思っています。 な
こんにちは。広瀬マサルです。 これまでのパッケージをまとめて統合Flutterフレームワークを作成しました。 コンセプトは 自動生成を用いて安全かつ高速に高品質のアプリを開発可能にするフレームワーク です。 使い方をまとめたので興味ある方はぜひ使ってみてください！ masamune はじめに まずはこちらを御覧ください。 ※動画のサンプルコードはこちらに公開しています。 こちらはメモ帳アプリを全くの空の状態からわずか10分以内で完成させる動画です。 このMasamuneフレームワークを利用することでアプリ開発で行うコーディングの大半を削減することが可能になります。 このフレームワークは下記の機能を中心としています。 CLI（コマンドラインインターフェース）ツールによるコードテンプレートの生成 build_runner による追加コードの自動生成 つまりコードの大半を機械的に生成させることに
「Flutter」と「Go」を組み合わせようと思ったきっかけ永野峻輔氏：はじめまして。永野と言います。永野を英語で言うとエターナルフィールドなので、そんなTwitter名でずっと投稿していたんですが、この場で初めて音で聞くと、やっぱり恥ずかしいなっていう気持ちです。よろしくお願いします。 今回は、趣味で触っているFlutterと仕事で触っているGoを組み合わせてみるとおもしろそうじゃないかというところで、発表します。よろしくお願いします。 最初に自己紹介です。私はネットショップ作成サービス「BASE（ベイス）」を運営するBASE株式会社のグループ会社であるBASE BANKに所属しています。企画から開発など、全部をやっているロールです。ふだんはGoやPHPやPythonを書いています。 趣味でFlutterを書いていて、締め切りに追われるのも最近は日課という感じです。ちなみにこの資料も発表
はじめにこんにちは。TIGの越島です。 Dart/Flutter連載 の5日目のお題はFlutterでプッシュ通知です。 Flutter製のスマホアプリにプッシュ通知機能をつけるとなったときに「最初に教えてもらってたら楽だったな〜」という情報をまとめてみました。また、最後に具体例としてFlutter x Firebase Cloud Messaging x Amazon Pinpointを組み合わせた場合の実現方法も簡単にご紹介します。 プッシュ通知の基礎知識まずはプッシュ通知について、基本からおさらいをしていきましょう。 ローカル通知とリモート通知プッシュ通知には大きく分けて以下の2種類があります。 ローカル通知 リモート通知 ローカル通知は、デバイスの内部で完結するプッシュ通知で、インターネット接続を必要としないものになります。リマインダーアプリで決まった日時に通知を飛ばす等、外部のサ
2025年5月にClaude Codeが一般提供開始、6月にはGoogleからオープンソースのAIエージェント「Gemini CLI」が公開され、AIによるコード生成が大きく進化しました。本記事では、Android StudioでのFlutter開発において、両ツールの生成コードとプロセスを徹底比較しています。 検証環境はMac（macOS Sequoia）、Android Studio（Meerkat 2024.3.2）で、Riverpod+Hooks+Freezedを使用した開発中のFlutterプロジェクトで実施。共通のプロンプトとして、テキスト入力・リッチテキスト表示・スタイルランダム変更・コピー機能・トースト表示を含むtext_edit_page.dartの作成を指示しました。 Gemini CLIは実行前にタスクを整理し、既存コードの構成を分析。fluttertoastの代わり
次期「Dart 3」はNullセーフ、WebAssemblyとRISC-Vサポートなど、Googleが発表。Flutter Forward 2023
こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 前回の記事では Raspberry Pi 4 Model B Starter Kit (以下「ラズパイ」) をセットアップしました。 本記事では WiFi AP 化した上で、HTTP(S) アクセスを PC 上の Burp の Invisible (透過型) Proxy に転送し、スマホからのHTTP(S)通信をキャプチャできる環境を構築します。 検証環境： Burp Suite Community Edition v2021.5.1 Raspberry Pi 4 Model B, OS: Raspbian (32bit) iPad (iOS 12.5.4)*1 なぜ WiFi AP を経由して Invisible(透過型) Proxy を通すのか？ そもそも iOS
はじめに この記事は、個人で作っているサービスをアプリとWebの両方に展開しいて感じたことを書いたものです。 作っているもの 著者は、個人でRabbytという、デジタルキャンバスサービスを作っています。 タブレットやスマホに全画面で絵を表示することで、「タブレットで絵を飾れる」サービスです。 壁にかけたりスタンドを使ったりすれば簡単に絵が飾れます。 アプリもリリースを重ね、今は1.0.8になり、最近のリリースではファイルをアップロード出来るようになりました。 使用している技術を図にすると上のようになります。 色々使っていますが、 Go (バックエンド) Flutter (アプリ) React (Web) GraphQL (API) を使っていることが、この記事での重要な点です。 モノレポ Rabbytは1人で作っていて、リポジトリを分けても楽にはなりません。 そのため、必要なものは全て１箇
こんにちは、エンジニアの @muttsu_623 です。 最近、開発を頑張っている自分へのご褒美として念願だった『左右分離型キーボード』のMISTEL『Barocco MD770 静音赤軸』を購入しました。 Mistel BAROCCO MD770 RGB メカニカルキーボード 英語配列 85キー 左右分離型 CHERRY MX RGB 静音赤軸 ブラック MD770-PUSPDBBT1 発売日: 2020/01/30メディア: Personal Computers 購入してからまだ2週間くらいなのでまだ効果を実感できているわけではありませんが、肩が開かれた状態で姿勢良く開発を行うことができるため、長期的にみればいいお買い物になったかなと思います。 さて本題ですが、先日弊社の「求人サイト Green」のAndroidアプリをFlutterで作成しリリースしました。 Flutterでアプリを
Google I/O 2022 Googleでは毎年5月に開発者向けの、主力サービスの今までの成果や今後の新機能などの大きな発表が行われています。当記事では、先日2022年5月11日〜12日にかけて行われたGoogle I/O 2022の中で発表されたFirebaseに関連する情報のみを整理し、まとめたものです。筆者による雑翻訳ですので正確では無い部分も含まれております点を予めご了承ください。 参照元 当記事は次にあげる2点を中心に関連する内容をまとめたものです。 動画：What's new in Firebase ブログ記事：What's new from Firebase at Google I/0 2022 ここからは、セッション「What's new in Firebase」で発表の行われたトピックをその発表順で掲載します。関連するFirebase系の別セッションの内容なども該当ト
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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
2023年9月17日追記 内容は結構古くなっています。特にRiverpodはV2から変更が多くあります。 現在はStateNotifierよりNotifierが主流になっていたり、riverpod_generatorを使用したコード生成方式の方がriverpod_lintの恩恵を受けられるのでメリットもあります。 昔話として読んでください。 なぜ開発したのか？？ 勤怠管理は恐らく、どこの企業さんでも専用の勤怠管理システムを利用しているのではないかと思います。実際、私が所属している企業でも勤怠管理システムがあり、普段はそれを利用しています。 11月末ごろの話... (部長) { 12月から2ヶ月間、この課だけフレックスタイム制のトライアルが始まります。} (課員の脳内) { まじっ!!?うちの会社が時代に追いつこうとしてる...なんか裏がありそう。} (部長) { あくまでもトライアルなので
サイバーエージェントメディア事業部のメンバーが、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についての話が多いですが、ご了承ください。内容も簡単なのでサラッと見ていただけると幸いです。
仕事や個人開発で作っているプロダクトのユーザー体験を1つ成長させるPackageを紹介します。 「こんなpackageあります」とデザイナーに提案してみても良いかもしれません。 Progressive blurでぼかしをうまく溶け込ませる soft_edge_blur Progressive blurとはぼかし効果を段階的に変化させる技術です。 アプリライブラリなどで使われていますが、これによりアプリ一覧とApp barの境界線が溶け込んでいます。 そのためより画面が広く感じさせることができます。 こちらからDemoを体験できます。 progressive blurについてはこちらが参考になりました。 Rich Text Editorで書き心地体験をあげる Rich Text Editorとは太字や箇条書きを簡単に書けるエディターのことです。 例えばNotionやSlackなどは- と打つ
個人開発でゲームレビューアプリ「clip-games」 をリリースしました！ 今回の記事はサービスの紹介と技術周りの話をまとめたいと思います。 同じように個人開発している人の参考になったり、モチベーションを上げられたりすると嬉しいです！ リリースしたサービス ダウンロードはこちら： iOS: Android: 何が出来るの？ 自分が遊んだゲームの感想・レビューを残すことが出来ます。 ファミコンからPS5まで、5000本近くのタイトルからあなたが遊んだゲームのレビューを残すことが出来ます。 他の人のレビューやそのゲームの評価も見ることが出来ます。 遊びたいと思ったゲームや気になっているゲームをクリップすることが出来ます。 クリップしたゲームはいつでもプロフィールからすぐに確認できるので、ふとゲームがやりたくなったときにすぐに思い出すことが出来ます。 書いたレビューはSNSでシェアすることが出
「Linuxでは、UbuntuがデフォルトのGUIフレームワークとしてFlutterを採用した」って本当? 表題の引用内容はこの要約記事から引っ張ってきているのだけど https://itome.team/blog/2021/03/flutter-v2/ 、 「ウソ」というと意図的に虚偽を拡散しているという意味になる側面があるので「間違い」というのが一番近いけど、正確には「間違い」ということでもなくて（断片的には本当だから）、とにかくこの表現から「みんなが考えるような事態」には絶対にならない。 「みんなが考えるような事態」とは、「Linuxデスクトップを使っているみんなが毎日使っているアプリがFlutter製になる」ということだ。ちょっと考えればわかることだけど、こんなのはあり得ない。われわれはデフォルトで入っているFirefoxを日々使っているけど、C++やRustで作られているそれがF
調査会社の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 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 (
Flutterとは Googleが提供するモバイルアプリフレームワーク。 モバイルアプリフレームワークとは、モバイルアプリの開発を支援するために作られたライブラリのことを指します。 しかも、一度にAndroid、iOSのアプリが開発できるしコストや時間も削減できるってわけ！！！ ということで紹介していきます。 Mink 美容師の趣味や個性から予約できるアプリ 僕が発案し、Flutter大学の共同開発から開発を始めて、期間終了後もメンバーのKajiwaraさんに残って頂きリリースしたアプリです！！ youbride 婚活マッチングアプリ 会員200万人以上のマッチングアプリ 30代が多めです！！ 過去5年の成婚者数は10,000名越え！ Chompy Chompy(チョンピー)は、まいにちの暮らしを豊かにするために生まれた、国内発の新しいフードデリバリーサービス！！ カウル カウルは、あなた
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
前置き 入社して一カ月が経とうとしているokaです！ 毎日刺激的で学びが多く、楽しく過ごしています！ 現在チーム内では今後Flutterによる開発を検討しています。 個人開発では好きなものを好きなように選定して開発していましたが、チームで導入をしていくには流行や肌感覚だけでなく、最終的にお客様へしっかりとした根拠をもとに提案できる状態にする必要があります。 現在も技術部分含めて調査していますが、今回はその根拠の一部となる"まずFlutterを検討していっても良いのか"という目線で、手始めにFlutterの基本的な情報からFlutterがどれだけ安定的に成長しているか調査を行いまとめてみました！ よって今回の記事はFlutter(Dart)の書き方や言語に関する技術的な話ではないですが、検討するに当たっての最初の一歩としてまとめてみましたので興味のある方は是非最後までお付き合いください！ 調
![Flutterの調査をしてみた[2022年] - NRIネットコムBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6792060f659dc249015002d81ed537d95c8ea68/height=288;version=1;width=512/https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3e015b2b900b77c0ece0a64f1559e543796dd7cd%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fy%252Fy-oka%252F20220426%252F20220426194523.jpg)
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への
ジャンプTOON アプリチーム 2024 年新卒の西峰です。 5 月にサービスを開始した「ジャンプTOON」は、Flutter を採用し Android, iOS, iPadOS 向けのアプリを提供しています。 本記事では、ジャンプTOON モバイルアプリのために独自に開発されたマンガビューワについて紹介したいと思います。 マンガビューワとは マンガ作品を閲覧できる機能です。 本アプリでは、快適に縦マンガを閲覧いただけるよう、スクロールや拡大縮小操作に工夫を加えています。また、作品の転載防止のため、画面録画、ミラーリングの禁止機能も存在します。（本記事では解説しません） ビューワを自作した目的 本アプリではビューワ機能を自作していますが、その目的はいくつかあります。まず、柔軟に独自の機能を追加しやすくするためです。連続して話を読んだり、お気に入りやコメント、いいね、拡大縮小といった要件を全
はじめに こんにちは、ZOZOの堀江（@Horie1024）です。2025年6月、新規事業として「ZOZOマッチ」をリリースしました。ZOZOマッチは、ZOZOとして初めてFlutterを採用したモバイルアプリです。これまでiOS/Androidそれぞれでの開発体制をとってきた中でFlutterでのクロスプラットフォーム開発に舵を切るのは、ZOZOにとって新しい挑戦でした。 本記事は、社外登壇イベント「ナレッジナイト」で使用した資料1をベースに、一部内容を加筆・整理してまとめたものです。私たちがFlutterを選定した背景と、実際のアーキテクチャ・技術構成について紹介します。ZOZOにおける新しい挑戦の記録であると同時に、これからFlutterを導入しようとするチームの参考になれば幸いです。 目次 はじめに 目次 ZOZOマッチとは Flutter採用の背景 ビジネス的背景 チーム的背景
この記事でできあがるもの はじめに 自分の作ったものが 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 アプリを作成
目次 目次 Apple最新ニュース Flutterエンジニアとしてどうすればいい？ Flutter界隈に激震が走った！ コメント全体の印象 主な論点と意見 まとめ Flutterチームのスタンス FlutterでLiquid Glassの実装 Liquid Glassの特徴 Level 1 シンプルなLiquid Glass実装 Level 2 別のシンプルなLiquid Glass実装 Level 70：先進的なLiquid Glass実装 by ImadeTheseWorks さん Level 80 超先進なLiquid Glass実装 〆 Apple最新ニュース こんにちは👋 Flutterアプリネイティブぽくなること好きな アプリチームのルーカス (YOUTRUST / X) 2週間ほど前、Apple🍎がWWDC 2025でさまざまな機能とアップデートを発表しました。その中でi
2010年、米国のテクノロジー誌『WIRED』にて、当時編集長だったクリス・アンダーソンは「The Web is Dead. Long Live the Internet」という挑発的なタイトルの記事を発表した。これは、Webが死に、アプリケーションを中心としたインターネットが新たな主役になっているという主張だった。 アンダーソンはこの中で、かつてHTMLベースのWebページが中心だったインターネット利用の大半が、すでにYouTubeやFacebook、Twitter（現X）、そしてスマートフォンのアプリなど、Webブラウザの外側での活動に移っていると指摘していた。人々はもはやリンクをたどって情報を集めるより、アルゴリズムによってキュレーションされたフィードや、目的別に設計された専用アプリを通じて情報にアクセスしている。それは効率的で、快適で、収益性も高く、多くの人が支持する流れでもあった
カクカクなFlutter ３年以上、Flutterエンジニアをしています。 Flutterの代名詞といえば、やっぱり「カクツク」こと。 Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。 それが理由でFlutter採用を敬遠するエンジニアも多い印象です。 そんな私のアプリも以前はカクカクでした。 今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。 カクツク原因は？ 色んな理由があると思います。特にリスト周りが原因なことが多い印象。 よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。 理由として「ListView.builder」だとエラーが出て使えないか
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい！ そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け## 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々
こんにちは、多様な食を多様に届け、「まいにちの食事」を、おいしく笑顔にしたい @yagitatsu です。 (ちょっと長い？w) 息を吸うように仕事のことを発信できるようになりたいな、ということで仕事でも、noteを再開しようと企んでおります。 会社の近く。秋の目黒川も良きですね🍂本日はCTOらしく、今まで行ってきた技術的な意思決定について、成功と失敗について自分の言葉で語ってみようと思います。 注意点なのですが、前提として、環境やチームによって何を成功とするかは違うと思うので、「へー、こういう考え方なんだね〜」という感じで、軽い気持ちで読んでもらえればうれしいです 😃 技術選定の成功/失敗とはどういう状態かそもそも、技術選定について、成功とはどういう状態で、失敗とはどういう状態か、言語化してみようと思います。 まず、技術選定の成功とは、「この技術を選んでよかった。今後も続けていきたい
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
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/#
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
はじめに この記事は【Zenn 初開催】AI エージェント開発に挑戦！初心者歓迎ハッカソンに提出した成果物である「BLOOMS」という Flutter を用いた iOS/Web アプリケーションで使用した、様々なテクニックについてまとめたものです。 BLOOMS が何なのか、についてはこちらの記事を参照してください。iOS 版と Web 版があるので、興味のある方はぜひお試しください。 筆者について 2025 年現在、私はフリーランスのソフトウェアエンジニアとして活動しています。 主に Flutter を用いたモバイルアプリケーションを得意とし、必要に応じて Firebase を用いてバックエンドも構築しています。 細かい内容はポートフォリオをご覧ください(PR) https://kingu.dev この記事について 「BLOOMS」は私がこれまで個人開発や仕事で得た知識を活用して実装して
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[Flutter] Flutter公式アーキテクチャ + Riverpod を書いてみる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/96d484b3b218483edcf6c7fa3a27da69c30eb4b9/height=288;version=1;width=512/https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-97bd004eb227348cf028ece41fd4689e%2Fb36c0bd625924c92c33ad88396cb5f71%2Fflutter.png)
