知識マップ: なぜ小村ソフトはデジタル庁デザインシステムでHPを作るのか ── 安さと品質は両立できる
記事「なぜ小村ソフトはデジタル庁デザインシステムでHPを作るのか ── 安さと品質は両立できる」の主張を、概念と関係(エッジ)に分解した知識グラフの全体です。各関係には根拠・確認日・確度が付いています。
この記事は、小村ソフトのホームページ制作がデジタル庁デザインシステムを土台にしている理由を、デザイントークン・コンポーネント・テンプレートという3層の取り込み方から説明する。デジタル庁デザインシステムはFigmaデザインデータにCC BY 4.0(同梱アイコンはApache License 2.0)、コードスニペットにMIT Licenseを適用しており、編集・加工して自社サイトに組み込む使い方では出典表示が不要になる。標準化された部品を使うことで、デザイン案の複数提示や修正ラウンドといった費用のかかる工程が圧縮される一方、行政サービスで検証されたアクセシビリティの水準がそのまま品質の安定につながる。ただし、世界観の演出が価値の中心になるブランドサイトのような案件には、この進め方は向かないとされる。
flowchart LR
accTitle: デジタル庁デザインシステムを土台にしたホームページ制作の知識マップ
accDescr: 小村ソフトのホームページ制作がデジタル庁デザインシステムのデザイントークン・コンポーネント・テンプレートを土台にし、Figmaデータ・アイコン・コードスニペットそれぞれのライセンスと組み合わせながらデザイン工程の費用を抑えつつアクセシビリティを担保する一方、凝ったブランドビジュアルが必要な案件には向かないことを示す図
digital_agency_design_system["デジタル庁デザインシステム"]
website_development["ホームページ制作"]
design_token["デザイントークン"]
design_system_component["デザインシステムのコンポーネント"]
web_accessibility["ウェブアクセシビリティ"]
digital_agency_copyright_policy["デジタル庁ウェブサイトのコピーライトポリシー"]
cc_by_4_license["CC BY 4.0"]
apache_license_2["Apache License 2.0"]
mit_license["MIT License"]
site_template["サイトテンプレート"]
design_process_cost["デザイン制作工程の費用"]
brand_visual_design["ブランド表現に特化したビジュアルデザイン"]
website_development -.->|"利用する"| digital_agency_design_system
digital_agency_design_system -->|"利用する"| design_token
digital_agency_design_system -->|"利用する"| design_system_component
design_system_component -->|"利用する"| web_accessibility
digital_agency_design_system -->|"利用する"| digital_agency_copyright_policy
digital_agency_design_system -->|"利用する"| cc_by_4_license
digital_agency_design_system -->|"利用する"| apache_license_2
digital_agency_design_system -->|"利用する"| mit_license
website_development -.->|"利用する"| design_token
website_development -.->|"利用する"| design_system_component
website_development -.->|"利用する"| site_template
site_template -->|"前提とする"| design_token
site_template -->|"前提とする"| design_system_component
digital_agency_design_system -.->|"軽減する"| design_process_cost
digital_agency_design_system -.->|"用いるのは非推奨"| brand_visual_design
概念間の関係(全15件)
図と同じ関係を文章でも列挙します。表示している文と機械可読な意味データ(RDFa)は同じ要素に載っています。確度が「確立した関係」のものは直接の関係として、「条件付きの関係」のものは成立条件つきの言明(rdf:Statement)として表現しています。
- ホームページ制作はデジタル庁デザインシステムを利用します。
- デジタル庁デザインシステムはデザイントークンを利用します。
- デジタル庁デザインシステムはデザインシステムのコンポーネントを利用します。
- デザインシステムのコンポーネントはウェブアクセシビリティを利用します。
- デジタル庁デザインシステムはデジタル庁ウェブサイトのコピーライトポリシーを利用します。
- デジタル庁デザインシステムはCC BY 4.0を利用します。
- デジタル庁デザインシステムはApache License 2.0を利用します。
- デジタル庁デザインシステムはMIT Licenseを利用します。
- ホームページ制作はデザイントークンを利用します。
- ホームページ制作はデザインシステムのコンポーネントを利用します。
- ホームページ制作はサイトテンプレートを利用します。
- サイトテンプレートはデザイントークンを前提とします。
- サイトテンプレートはデザインシステムのコンポーネントを前提とします。
- デジタル庁デザインシステムはデザイン制作工程の費用を軽減します。
- デジタル庁デザインシステムをブランド表現に特化したビジュアルデザインに用いることは推奨されません。
主要概念の定義
機械可読データ
このページはサイトの知識グラフ(_data/knowledge/)から自動生成されています。誤りの指摘はお問い合わせからお願いします。