[Flutter] Flutter公式アーキテクチャ + Riverpod を書いてみる | DevelopersIO
使ったライブラリ riverpod hooks_riverpod dio freezed json_serializable Result アーキテクチャのところに行く前に、、 Flutter公式デモcompass_appにもあったResultを取り入れてます。 APIの戻り値に使います。 ただし、そこからAIさんにもみてもらって、いくつかメソッドを追加したり、一部の名前を変更したりしてます。 Swiftだと Result.success / Result.failure ですけど Result.ok / Result.error なんですね。 result.dart sealed class Result<T> { const Result(); /// Creates a successful [Result], completed with the specified [value]
![[Flutter] Flutter公式アーキテクチャ + Riverpod を書いてみる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/96d484b3b218483edcf6c7fa3a27da69c30eb4b9/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-97bd004eb227348cf028ece41fd4689e%2Fb36c0bd625924c92c33ad88396cb5f71%2Fflutter.png)
Flutterプロジェクトでwebview_flutterを使ってWebページを表示する方法 | みぎさんドットコム
FlutterでWebページを表示したいと思ったことはありませんか？ 実はwebview_flutterパッケージを使えば、簡単に実装できます。 この記事では、その基本的な使い方をご紹介します。 はじめに: FlutterでのWeb表示の重要性 FlutterにおけるWebコンテンツの利用 Flutterはモバイルアプリ開発のフレームワークとして広く知られていますが、Webコンテンツの表示も得意としています。ユーザーがアプリ内でWebページを閲覧できることは、アプリの利便性を大幅に向上させます。例えば、ユーザーガイドや利用規約などの静的なWebページをアプリ内で表示させることができます。また、外部のWebサービスを利用する際にも、アプリを離れずにサービスを利用できるのは大きなメリットです。 webview_flutterパッケージの概要 webview_flutterは、Flutterアプ
【Flutter】webview_flutter を使ってアプリ内にサイトを実装する
import 'dart:developer'; import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; class WebviewFlutterSample extends StatelessWidget { const WebviewFlutterSample({super.key}); @override Widget build(BuildContext context) { final controller = WebViewController() ..loadRequest(Uri.parse('https://flutter.dev')) ..setJavaScriptMode(JavaScriptMode.unrestricted) ..s
なぜ「Flutter」なのか、そしてなぜ「Dart」なのか
第1回の今回は、Flutterの概要とDartの特徴を紹介し、クロスプラットフォーム開発の利点と採用の理由を解説します。 はじめに 2008年にモバイルアプリ市場が誕生してから十数年が経ちました。モバイルアプリ開発の世界も当時から大きく変化しています。かつては、iOSとAndroidそれぞれのプラットフォーム向けに別々の開発が必要でしたが、「Flutter（フラッター）」をはじめとするクロスプラットフォーム開発フレームワークの登場により、この常識は大きく変わりました。 Flutterを使えば、一度書いたプログラムコードからiOSやAndroidはもちろん、デスクトップアプリケーションまで、様々なプラットフォーム向けのアプリを効率的に開発できます。 本連載は、このクロスプラットフォーム開発フレームワーク「Flutter」を活用したモバイルアプリ開発について詳しく解説し、プログラミングの初心者
Flutterリプレースプロジェクトにおけるテストの工夫と気づき - スタディサプリ Product Team Blog
こんにちは、QAエンジニアの@tyngwです。 下記の記事では、スタディサプリ for SCHOOLのFlutterリプレースプロジェクトについて紹介しました。 blog.studysapuri.jp Flutterは単一のコードベースでマルチプラットフォームに対応するアプリを開発できるフレームワークです。この特性により、以下のような課題を解決する手段として選定されました。 モバイルエンジニアの採用が難しいという課題 iOSとAndroid間での仕様差分が原因で発生する運用負荷 テストにおいても、単一コードベースの特性を活かし効率化を図ることが可能ですが、注意すべき点も存在します。この記事では、リプレースプロジェクトにおけるテストの進め方と、そこで得られた気づきについて紹介します。 リプレースの流れ Flutterへのリプレースは、次の順序で進められました。 Androidアプリのリプレー
Flutterの使いかた、環境構築から実装、ビルドまで | フューチャー技術ブログ
TIGの伊藤真彦です。 フロントエンドアプリケーションの開発においてVue、Reactと触ってきましたがFlutterの開発も始めました。モバイルアプリ、WEBアプリ、更にはデスクトップアプリへの高いポータビリティが期待できる、Adobe XDでのデザインを高速にアプリケーションに反映できる、といった期待値が高いことが選定の理由です。 フューチャーではDart/Flutter連載で様々なネタを取り上げましたが、汎用的なハウツー記事が意外と少なかったため書いてみました。 FlutterとはFlutterはDart言語で実装されたアプリケーションフレームワークです。 元々はAndroid、iOS向けのモバイルアプリケーションを実装するためのSDKでしたが、Flutter on the web、Flutter on Desktopの公開により、Flutterで作っておけばどのようなプラットフォー
React Native とFlutter におけるWeb アプリ開発 - GMOインターネットグループ グループ研究開発本部
こんにちは。次世代システム研究室のT.M です。 はじめに React Native やFlutter はクロスプラットフォームのアプリケーションフレームワークとして有名です。クロスプラットフォームのフレームワークとしてどちらが良いかを判断するために、前回の記事では、React Native とFlutter のandroid アプリにおけるパフォーマンス比較を行いました。そもそも、クロスプラットフォームは、android とiOS だけでなく、Web やWindows / MacOS を指す言葉です。そこで、本稿ではWeb アプリケーションの開発について比較を行います。 React Native では、標準ではandroid / iOS アプリの開発しか行うことができません。同一ソースコードでのWeb アプリを開発するためには、React Native for Web を利用する必要があ
Set up fullstack project - Flutter - AWS Amplify Gen 1 Documentation
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle. Fullstack TypeScriptWrite your app's data model, auth, storage, and functions in TypeScript; Amplify will do the rest.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterで実現する“効率的”モバイル開発
Flutterで始めるモバイルアプリ開発一覧