The Composable Architecture

The Composable Architecture（TCA）のサンプルからアクションシート（Action Sheet）の実装方法について学びます。 今回扱うサンプルはこちらです。 01-GettingStarted-AlertsAndActionSheets 「Action sheet」ボタンをタップするとアクションシートが表示され、「Increment」をタップするとCountの値が1増加し、「Decrement」をタップするとCountの値が1減少します。 なお、同じサンプルコードにあるアラート（Alert）の実装についてはこちらの記事で解説しています。合わせてご覧ください。 bamb…

複数画面間での状態の共有をどのように実装するかは、iOSアプリ開発において一つの大きな議論のテーマではないでしょうか？ TCAは複数画面間での状態の共有という課題に対してどのようなソリューションを提供するのか、サンプルから学んでいきましょう。 01-GettingStarted-SharedState サンプルアプリの画面 Stateの実装に注目する Reducerの実装 まとめ サンプルアプリの画面 サンプルアプリは以下の機能を提供します。 SegmentedControlでCounter画面とProfile画面を切り替えることができる Counter画面 プラスボタンとマイナスボタンでカウ…

The Composable Architecture（TCA）のサンプルからアラート（Alert）の実装方法について学びます。 今回扱うサンプルはこちらです。 01-GettingStarted-AlertsAndActionSheets 「Alert」ボタンをタップするとアラートが表示され、アラートの中の「Increment」ボタンをタップするとCountの値が1増えるという機能が実装されています。 なお、同じサンプルコードにあるアクションシート（Action Sheet）の実装についてはこちらの記事で解説しています。合わせてご覧ください。 bamboo-hero.com ネイティブSwi…

前回TCAで画面遷移を実装する方法について学びましたが、UIKit版の同様のサンプルも提供されているので、今回はこちらを説明したいと思います。 SwiftUI版との違いに注目して説明するので、是非以下の記事と照らし合わせて見てください。 bamboo-hero.com 対象となるサンプルはこちらです。 UIKitCaseStudies/NavigateAndLoad UIKitCaseStudies/LoadThenNavigate State、Action、Environment、Reducerの実装はSwiftUI版と全く同じ 画面遷移したあとデータをロードする データをロードしたあと画面…

The Composable Architecture（TCA）のサンプルから画面遷移の実装方法について学びます。 今回扱うサンプルは以下の3つです。 01-GettingStarted-OptionalState 03-Navigation-NavigateAndLoad 03-Navigation-LoadThenNavigate Stateがnilとnon-nilのときで画面表示を切り替える 画面遷移したあとデータをロードする データをロードしたあと画面遷移する まとめ Stateがnilとnon-nilのときで画面表示を切り替える 画面遷移の実装に入る前に、Stateがnilとnon-…

The Composable Architecture（TCA）のサンプルからBindingの扱い方について学びます。 今回はCaseStudiesの01-GettingStarted-Bindings-Basicsと01-GettingStarted-Bindings-Formsを例に説明します。 単方向データフローの原則を守る Bindingを使った実装方法 BindingActionでActionを統合する まとめ 単方向データフローの原則を守る TCAは単方向データフローという設計思想を持っています。 データ（State）の変更は必ず、Action→Recucer→Storeという流れ…

前回はTCAの一番単純なサンプルである01-GettingStarted-Counterについて説明しました。 bamboo-hero.com 今回は01-GettingStarted-Composition-TwoCountersについて説明してみます。 小さいモジュールを組み合わせてアプリを構成する Stateのスコープを絞る 小さいReducerを組み合わせて大きなReducerを作る まとめ 小さいモジュールを組み合わせてアプリを構成する 本サンプルの目的は、小さいモジュールを組み合わせて一つのアプリを構成する方法について説明することです。 これはまさしく、アーキテクチャの名前となって…

初めまして、2022年11月1日に入社した、 AIR Design for Apps事業部 iOSチームの東秀斗(ひがしひでと)です。 今回は研修で作成しているアプリ(UIKitベース)でTCA(The Composable Architecture)を使用しましたので紹介させていただきます。 以前、同メンバーがSwiftUIでTCAを使用した記事もございますので併せて紹介しておきます。 TCAの概要を知りたい方は以下の記事を先に読んだ方が良いです。 techblog.glpgs.com techblog.glpgs.com 実行環境 Xcode 14.2 Swift 5.7.2 UIKit …

こんにちは。ferciを担当しているマネックス ラボの佐藤です。今回は、一年後を見据えてiOSとAndroidのアーキテクチャを考えるとするならば、どうするのが良いのかについて書きたいと思います。 なお、モバイルアプリのアーキテクチャは規模や要件次第であるため唯一の正解はないことと、本記事執筆時点ではStableではなくベータ版であるKotlin Multiplatform Mobile(KMM)についても言及していますので、あくまでご参考にしていただければと思います。 ferciのプロジェクトで起きている問題 ferciは2019年2月に開発をスタートしていることから、当時主流だったアーキテ…

The Composable Architecture (以下 TCA) は、Swift UIを使ったアプリを作る上で知っておきたいアーキテクチャのひとつだったので、休暇を利用して入門してみました。そのときの、自分がつまったところを記録します。 ドキュメントを読む まずは、ライブラリのドキュメントを読みます。 GitHub - pointfreeco/swift-composable-architecture: A library for building applications in a consistent and understandable way, with composition…

この記事は、The Composable Architecture Advent Calendar 2022 12/20の記事です。 qiita.com iOSエンジニアの金子です。 以前の記事でReducerProtocolが導入された背景について説明しましたが、今回はReducerProtocolになることでかなり便利になったDI周りについてご紹介したいと思います。 tech.uzabase.com これまでの課題 TCAを採用したアーキテクチャにおいて、最も面倒だと思うものの一つに依存関係の更新作業がありました。 例えば、以下のようなコンポーネントの階層を持ったアプリを想定しましょう。 …

この記事は、The Composable Architecture Advent Calendar 2022 12/13の記事です。 qiita.com iOSエンジニアの金子です。 8月末から約3ヶ月間育休を取得していまして、最近復帰しました。 僕が育休で仕事から離れて家族との時間を楽しんでいる間、TCAで大幅なアップデートがリリースされ、復帰してからはそのキャッチアップに必死の毎日です...！ TCAの利用体験が大きく変わる直近の大幅アップデートには、主に以下の2つが含まれています。 Swift Concurrencyのサポート ReducerProtocolの導入 これまでTCAはCom…

こちらはiOS Advent Calendar 2022の6日目の記事です。 こんにちは。リサーチ・アンド・イノベーションの小川(J-ogawa)と申します。 弊社サービス CODEのiOS版アプリの開発をしています。 CODEのiOS版ではアーキテクチャを刷新しようとしていまして、候補としてはTCAを考えています。 技術選定の判断要素として、移行期間に新旧を並行して同居させられるかどうかがあると思います。 CODEはアプリの規模が大きく新機能の追加開発中でもあり、一度に全てを移行することが難しかったのでこの点について調査しました。 TCAとは 公式リポジトリ The Composable A…

こんにちは。GANMA!のiOSアプリを開発している宗像です。 GANMA!では7月にホーム画面をリニューアルしました。新しいホーム画面では、GraphQL の API を利用しています。アプリから GraphQL を利用するまでにやったことなどをまとめました。 GraphQL の学習 GraphQL 導入前に GraphQL の基本的な知識について学習をしました。主にやったのは次の2つです。 「初めての GraphQL 」を個人で読む 「Production ready GraphQL」をチームの読書会で読む 1つ目の初めての GraphQL の方は GraphQL が生まれるまでの歴史的な…

NewsPicks iOSエンジニアの金子です。 最近あちこちでリアーキテクチャについての話をしているのですが、割とふわっとした内容に留まってしまっていたので、もう少し具体的にどういうことをしているかをお伝えするために記事を書くことにしました。 本記事では、リアーキテクチャの背景、リアーキテクチャで目指していること、リアーキテクチャで採り入れている技術について触れたいと思います。 tech.uzabase.com tech.uzabase.com なお、Androidアプリのリアーキテクチャの話は以下の記事で詳しく紹介しているので、是非合わせてご覧ください。 tech.uzabase.com …

こんにちは！暑すぎてインドアで夏の全てを済ませているエンジニアの藤井（@touyou_dev）です！ 毎年のWWDCでのアップデートから、次第に現実味をおびてきたプロダクションレベルでのAll SwiftUI採用アプリ。 昨年のiOS15でかなり安定してきて、今年リリース予定のiOS16では基本的なところはもちろんのこと、グラフなどもSwiftUI風に書けるようになっています。 これまではよほど小規模のアプリでない限り、あくまでUIKitをベースにすることが前提でなければいけないことも多く、アプリのアーキテクチャもUIKitでの慣習のまま。UI部分のみSwiftUIであるため、全体はMVVMで…

トクバイのiOSアプリの開発を担当している松田です。 iOSアプリ開発では現在アーキテクチャの改善を行っており、それについてご紹介したいと思います。

はじめに こんにちは、モバイルチームスクラムマスターのko2icです。 NewsPicksのモバイルチームでは、1スプリント1週間で、全てのタスクをストーリーポイントに落としています。たとえば、面接、社内イベントの準備、目標設定やそのフィードバックなどもポイント化しています。 そして、残業時間なども勤務表から判断して、（正確ではないですが）作業時間もわかっています。（正確にするために時間計測をする組織もあるかもしれませんが、負担になるのでしてないです。） これにより、1時間あたりの消化ポイントが出せるので、これを生産性の指標として判断しています。 今回は、その生産性の指標を見ている中で面白い結…

はじめに こんにちは、@ko2icです。今回はAndroidのアーキテクトとして書きます。 ニューズピックスのモバイル開発は古い技術で古いアーキテクチャをいまだに使っていると思っていませんか？たとえば、Androidは昔のブログでMVPを利用しているとの記述が...。 そこからほぼ発信できていなかったのでそう思われるのも無理はありません。ただ、そんなわけはありません、日々、改善を続けています。 ちなみにiOSは、SwiftUIでThe Composable Architecture（TCA）をメイン機能であるニュースフィードで利用するなど、なかなかのチャレンジングなことをしています。他社でもS…