コンポーネント設計

前回の第1部では、アプリの全体設計とMVVMアーキテクチャについて解説しました。第2部では、実際のUI実装とコンポーネント設計について詳しく説明します。

概要 今回は、SwiftUIを使って日本各地の気温情報をインタラクティブに表示するiOSアプリの実装について、3回シリーズで解説します。このアプリは教育・デモンストレーション目的で作成されており、実際の気象データではなくサンプルデータを使用しています。 第1部では、アプリの全体設計とアーキテクチャについて詳しく解説します。 アプリの主要機能 このアプリは以下の機能を提供します： 日本9地方の気温データ表示: 北海道から沖縄まで各地方の気温情報 統計情報の自動計算: 平均・最高・最低気温、猛暑地域数の算出 温度に応じた4段階の色分け表示: 視覚的な温度分類 インタラクティブなテーブル操作: タッ…

はじめに この記事は「ウィルゲート Advent Calendar 2024」の 18 日目の記事です！ adventar.org こんにちは！ウィルゲート開発グループの中尾（のまど ）です！ 弊社のオンライン記事編集サービスEditorUの改修を中心に、フロントエンドからバックエンドまで広くWeb開発を担当しています。 client.editoru.jp 今回EditorUで新規画面の設計・実装を担当し、その過程でCompound Components Patternを導入しました。 本記事では、導入に至った背景や具体的な実装内容、導入後に得られた成果についてご紹介します。 はじめに Com…

こんにちは。株式会社アンドパッドでプロダクトデザイナーをしている @zouzei8to10 です。 私は、今年の6月入社のため、アドベントカレンダーもテックブログも初めてとなります。どうぞよろしくお願いします！ これはアンドパッドの2023年のアドベントカレンダーの13日目の記事です。 他の方の記事については下記のページからぜひご覧ください！ qiita.com 今回の記事ではANDPADで構築・運用しているデザインシステムの「Tsukuri（ツクリ）」にテキストフィールド（＝入力フォームなどで利用する1行のテキストの編集を可能にするテキスト・コンポーネント）のコンポーネントを追加するために行…

ソフトウェアコンポーネントについて、Wikipediaでは以下のように記載されています。 Wikipedia:ソフトウェアコンポーネント 事前に製作されたコンポーネント群を組み合わせて、電気製品や機械製品を作るようにソフトウェアを作れることを強調する。 このようにコンポーネント指向の開発ではいくつかのコンポーネントを組み合わせてサービスを開発します。 そのため、ひとつ一つのコンポーネントは様々な組み合わせに耐えうる設計をしなければいけません。 そのようなコンポーネントの設計を行う上での基礎的な考え方を紹介します。 コンポーネントにマージンやポジションなどの外側のレイアウトを設定しない コンポー…