📂

マルチプラットフォーム

multiPlatform

0 記事

H5 Web OAuth ポップアップログイン：ポップアップブロックから3チャネル冗長化までの完全実装

H5 Web OAuth ポップアップログインの完全実装を詳細に解説。同期による空白ポップアップのオープンによるブロッカー回避、Chrome バックグラウンドタブのスロットリング問題を解決する3チャネル Token 冗長通信（postMessage + StorageEvent + localStorage ポーリング）、および全工程のバグデバッグ経験をまとめます。

マルチプラットフォーム

UserStore / WalletStore / ConfigStore: Hydrated 三種セット——Flutter 永続化状態管理

HydratedStateNotifier をベースとした三つのコア Store——UserStore（ユーザープロファイルとローカル DB 初期化の管理）、WalletStore（残高のキャッシュ）、ConfigStore（動的設定のキャッシュ）、およびログイン後の並行リフレッシュ戦略を分析します。

マルチプラットフォーム

UnifiedInterceptor: エラー戦略ディスパッチ + シングルフライト Token リフレッシュ

UnifiedInterceptor は Dio HTTP インターセプターであり、Flutter アプリケーションにおけるすべての HTTP 通信の中枢神経系として、デバイスフィンガープリントの注入、エラー戦略のディスパッチ、シングルフライト Token リフレッシュ、サーバー時刻同期を処理します。

マルチプラットフォーム

ShareService + DeepLinkService: マルチプラットフォーム共有とディープリンク統合

プラットフォーム固有のURLスキーム、コールドスタート/ホットスタート処理、重複防止、OAuth URLフィルタリングをサポートする、マルチプラットフォーム共有およびディープリンクシステム。

マルチプラットフォーム

ServerTimeHelper: 時刻補正 + カウントダウン——サーバー時刻同期システム

ServerTimeHelperがモバイルクライアントとサーバーの時刻を同期し、ユーザーによる時計の改ざん、タイムゾーンの不一致、ネットワーク遅延がカウントダウンやチェックインロジックで引き起こす問題を解決する方法を詳細に分析します。

マルチプラットフォーム

レスポンシブフォーム + JSON Schema コード生成フォームシステム

Flutter のリアクティブフォームシステム。Stream ベースの ReactiveFormController（value/status/error の BehaviorSubject）、JSON Schema によるサーバー駆動型フォーム設定、Prisma Schema から Dart コード生成、12以上のフィールドタイプをサポートする動的 FormFieldGenerator、クロスフィールドサブスクリプション、計算フィールド、dependsOn パターンに基づく条件付き可視性、デバウンス付き自動保存と下書き復元、および完全な動的商品フォームの実践デモを含む。

マルチプラットフォーム

PlatformAdapter: 条件付きエクスポート——クロスプラットフォーム条件付きコンパイルパターン

FlutterにおいてDartの条件付きエクスポート機構を活用したPlatformAdapterパターンを深く掘り下げ、プラットフォーム固有の実装を統一インターフェースの背後にカプセル化し、iOS、Android、Webをサポートし、デッドコード除去を実現します。

マルチプラットフォーム

Pipeline Runner: 順次実行パターン——信頼性の高い非同期パイプラインアーキテクチャ

複数ステップの非同期操作を実行するためのPipeline Runnerパターンの分析。順次オーケストレーション、ステップごとのリトライ戦略、タイムアウト、エラーバウンダリ、および組み込みの可観測性をサポートします。

マルチプラットフォーム

MotionX: Widgetアニメーション拡張 + WiggleOnTap——クリック時の揺れと拡大

MotionX拡張パターンを分析し、flutter_animateとValueKeyによる再生テクニックを活用して、任意のWidgetにクリック時の揺れ、拡大、回転アニメーションを追加し、軽量で再利用可能なインタラクティブエフェクトを実現します。

マルチプラットフォーム

BaseModalConfig + RadixSheet + RadixModal: 統一モーダルアーキテクチャ

BaseModalConfig抽象クラス、RadixSheetボトムシート、RadixModal中央モーダル、RadixFullScreenをベースとした統一モーダルシステム。重複排除とキュー管理をサポートします。

マルチプラットフォーム