Hatena Blog Tags
はてなブログ トップ
The Composable Architecture
このタグでブログを書く

The Composable Architecture

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
AKARI Tech Blog•1ヶ月前

【TCA × Realm】モダンなiOS開発のグッドプラクティス

こんにちは！今週のAKARI Tech Blogは、DX Solution事業部の田川が担当します！ 燈ではWebアプリケーションだけでなく、モバイルアプリケーションの開発も行っています。 その中でiOSアプリ開発においてはTCA（The Composable Architecture）というアーキテクチャを利用しています。さらに、ローカルDBとしては比較的導入が容易で高速なRealmを利用することも少なくありません。 本記事では、TCAとRealmを利用したモダンなiOSアプリ開発について一例を交えながらご紹介できればと思います。 TL;DR この記事で学べること TCAとRealmとは？ …

#iOS#SwiftUI#The Composable Architecture#RealmSwift

関連ブログ

BambooHero•4年前

UIViewRepresentableなビューにTCAを組み込むべきか？

まだSwiftUIにはUITextView相当のものが用意されていないので、UIViewRepresentableを使ってUITextViewをSwiftUIビューで使用できるようにしています。 さらに、自分が関わっているプロジェクトではThe Composable Architecture（TCA）を採用しているのですが、このビューにTCAを組み込むべきかどうかで悩みました。 つまり、@Binding等を使ってピュアSwiftUIビューとするか、State/Action/Reducerを組み込んでTCAのコンポーネントとするかどうかです。 結論から言うと、ピュアSwiftUIビューでいくこと…

#The Composable Architecture#TCA
BambooHero•4年前

The Composable Architecture（TCA）でアクションシート（Action Sheet）を実装する方法

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

#SwiftUI#The Composable Architecture#TCA
BambooHero•4年前

The Composable Architecture（TCA）で複数画面で状態を共有する方法

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

#SwiftUI#The Composable Architecture#TCA
BambooHero•4年前

The Composable Architecture（TCA）でアラート（Alert）を実装する方法

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

#SwiftUI#The Composable Architecture#TCA
BambooHero•4年前

【UIKit版】The Composable Architecture（TCA）のカウンターサンプルを理解する

TCAはSwiftUIとの親和性が高いですが、UIKitでも実装が可能です。 TCAではUIKitによる実装サンプルも提供されているので、今回はUIKit版のカウンターサンプルを使ってUIKitでTCAを実装する方法について学びます。 UIKitCaseStudies/CounterViewController SwiftUI版のカウンターサンプルの解説はこちらをご参照ください。 bamboo-hero.com State、Action、Environment、Reducerの実装はSwiftUI版と全く同じ StateのサブスクライブとActionのトリガーの設定 Actionが処理される流…

#UIKit#The Composable Architecture#TCA
BambooHero•4年前

The Composable Architecture（TCA）で画面遷移を実装する方法

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-…

#SwiftUI#The Composable Architecture#TCA
BambooHero•4年前

The Composable Architecture（TCA）におけるBindingの扱い方

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

#The Composable Architecture#TCA#SwiftUI