【イベントアーカイブ】Flutter技術構成を紐解く クロスプラットフォーム開発の裏側のトップ画像

【イベントアーカイブ】Flutter技術構成を紐解く クロスプラットフォーム開発の裏側

投稿日時:
ファインディ編集部のアイコン

ファインディ編集部

Xアカウントリンク

イベントアーカイブを視聴する(ご視聴にはFindyへのログインが必要です)

Flutterでのアプリ開発においては、状態管理、ディレクトリ構成、ウィジェット等の構成が、プロダクトや組織の特性に合わせてカスタマイズされています。 これらを最適化していくことは保守性や可読性を高め、アプリの品質にも大きく影響します。

本イベントは、Flutterアプリのアーキテクチャ設計に焦点を当て、2024年10月8日に開催。各サービスでの具体的な実装例とあわせて、そのプロジェクトにおける課題と解決策、得られた知見について共有いただきました。

「4年間変わらなかった YOUTRUSTのアーキテクチャ」(ashdikさん)

ashdikのプロフィール画像

ashdik

株式会社YOUTRUST アプリ開発 リードエンジニア

X

YOUTRUSTのアプリ開発チーム リードエンジニア ashdikさんによる、3年前の発表内容をアップデートした、アーキテクチャの解説。

「開発効率と保守性を両立させる」という観点から、ディレクトリ構成とアーキテクチャについて紹介いただきました。 特にFeature-first構成については、開発への集中度、柔軟性、責任範囲の明確化という3つの利点を挙げ、実際のディレクトリ構成例を交えてお話しいただきました。

キーワード

  • Feature-first
  • ディレクトリ構成
  • アーキテクチャ
  • Facade
  • ViewModel

「メルカリ ハロ アプリの技術スタックの紹介」(atsumoさん)

atsumoのプロフィール画像

atsumo

株式会社メルカリ SWE / Manager

X

サイバーエージェントに新卒でエンジニアとして入社。アメーバピグのFlash開発、ゲーム開発、Android開発、エンジニアリングマネジメントを担当。その後、スマートドライブでPdM/エンジニアを務め、現在はメルカリ・メルカリハロのテックリード・マネージャーとしてモバイルアプリ開発に従事

今年の3月にリリースされた、メルカリ ハロ アプリの技術スタックに関する発表。

「デザインとコードの一貫性を保ちながら、効率的な開発を実現する」という方針のもと、モノレポによるコード管理、GraphQLを中心とした状態管理、そして独自デザインシステムという3つの柱について紹介されました。
特にデザインシステムについては、Figmaのコンポーネントプロパティを活用しWidgetbookでカタログ化することで、開発効率を向上させた事例をお話しいただきました。

キーワード

  • GraphQL
  • モノレポ
  • FlutterBloc/Cubits
  • デザインシステム
  • UIカタログ
  • Widgetbook

「スタサプ ForSCHOOLアプリのシンプルな設計」(koji-1009さん)

koji-1009のプロフィール画像

koji-1009

株式会社リクルート ソフトウェアエンジニア

X

SIerとベンチャー数社を経て現職。AndroidとiOSネイティブの開発を経て、Flutterによるクロスプラットフォーム開発に従事。現在は株式会社リクルートにて、ウェブとモバイル向けの開発を推進している。FlutterKaigi 2023 カンファレンスアプリメインコントリビューター。

Android・iOSのネイティブアプリとしてリリースされた『スタディサプリ for SCHOOL』アプリを、Flutterでリプレースした事例の発表。

シンプルな設計、「書きやすく、レビューしやすい」構造、「Flutter + Riverpodを信じる」という方針―――リプレース成功の鍵として3つの要因が挙げられました。特に"シンプルな設計"を採用し、条件分岐を考慮するべき箇所を削減できた点について、具体的に解説いただきました。

キーワード

  • Riverpod
  • シンプルな設計
  • 単方向データフロー
  • アプリケーション状態とローカル状態の分離

「Riverpod 移行を支えた LivMap のアーキテクチャ」(ちゅーやん(中條 剛)さん)

ちゅーやん(中條 剛)のプロフィール画像

ちゅーやん(中條 剛)

フリーランス

X

フリーランスの Flutter アプリ開発者。仕事ではアプリ開発や技術顧問、研修講師、メンターなどをする一方で、コミュニティ活動として技術記事の執筆や登壇、パッケージ開発も行う。Zenn で Flutter や Riverpod の内部実装に着目した本を販売中。FlutterNinjas, FlutterKaigi, FlutterGakkai 等で登壇。

LivMapアプリで、Riverpodへの移行を円滑に進めるため設計されたアーキテクチャについての発表。

アーキテクチャ設計の際に「課題から考えた」というちゅーやんさん―――プロジェクト固有の課題を考慮し、それらに合わせた設計を重要視されたとのことです。 また、状態管理パッケージへの依存を最小限に抑える構造が採用され、プロジェクトの成長に応じてアーキテクチャを変化させる重要性についても触れられました。

キーワード

  • Riverpod
  • 状態管理パッケージ
  • 依存関係の整理
  • プロジェクト特有の課題

イベントアーカイブを視聴する(ご視聴にはFindyへのログインが必要です)

0
0