{"translations":{"We're verifying your browser":"ブラウザを{WBR}確認しています","Website owner? Click here to fix":"サイト所有者の方はこちら","Main":"メイン","Nuxt on Discord":"Nuxt Discord","Projects":"プロジェクト","Blog":"ブログ","About":"概要","A practical guide to creating your own design system, from initial audit to implementation, and the lessons learned along the way.":"独自のデザインシステムを作成するための実用的なガイドを提供します。初期の監査から実装まで、そしてその過程で得られた教訓について説明します。","How I Built My Design System from Scratch":"デザインシステムを{WBR}ゼロから{WBR}構築した方法","Nuxt on X":"XのNuxt","Nuxt UI on GitHub":"GitHubのNuxt UI","Home":"ホーム","Speaking":"登壇実績","After years of starting each project with a blank Figma file, I finally took the plunge and created my own comprehensive design system. The process was both challenging and incredibly rewarding, and I wanted to share my approach for other designers considering the same journey.":"数年ぶりにゼロからデザインシステムを構築する決断を下し、そのプロセスは非常にやりがいがありました。そこで、私が他のデザイナーに向けて、ゼロからデザインシステムを構築した方法を共有したいと思います。","I started by auditing five of my recent projects, identifying common patterns and components that appeared across different designs. This revealed inconsistencies in my work that I hadn't noticed before—seven slightly different button styles, inconsistent spacing rules, and text styles that varied without clear purpose.":"私はまず、最近の5つのプロジェクトを監査し、異なるデザインに共通するパターンとコンポーネントを特定しました。これにより、私の作品に以前気づかなかった矛盾点が明らかになりました。7つのわずかに異なるボタン・スタイル、矛盾するスペーシング・ルール、目的のないテキスト・スタイルのバリエーションがありました。","Rather than creating a rigid system upfront, I built it iteratively through a real client project. For the EcoTrack app, I documented each component as I designed it, creating a living system that evolved with the project's needs.":"堅苦しいシステムを最初から作り上げるのではなく、私は実際のクライアント・プロジェクトを通じてイテレーティブに構築しました。EcoTrackアプリのために、各コンポーネントを設計しながらドキュメント化し、プロジェクトのニーズに合わせて進化する生きたシステムを作り上げました。","The core of my system includes:":"システムの{WBR}核となる{WBR}要素:","A flexible color system with semantic naming conventions":"セマンティックな{WBR}命名規則を{WBR}採用した{WBR}柔軟な{WBR}カラーシステム","Typography scales based on the golden ratio":"黄金比に{WBR}基づく{WBR}タイポグラフィ{WBR}スケール","Component variants with clear usage guidelines":"明確な{WBR}ガイドラインを{WBR}備えた{WBR}コンポーネント{WBR}バリアント","Spacing and layout rules that maintain consistency across devices":"デバイス間で{WBR}一貫性を{WBR}維持する{WBR}スペーシングと{WBR}レイアウトの{WBR}ルール","If you're considering building your own system, my advice is to start small with core elements, test them on real projects, and document as you go. A good design system should feel like a trusted collaborator, not a set of restrictions.":"あなた自身のシステムを構築することを検討している場合、私のアドバイスは、コア要素から小さく始めて、実際のプロジェクトでテストし、進めながらドキュメント化することです。優れたデザイン・システムは、制限のセットではなく、信頼できるコラボレーターのような存在であるべきです。","I've attached a template of my component documentation method below—feel free to adapt it for your own workflow!":"以下に、私のコンポーネント・ドキュメンテーション手法のテンプレートを添付しますので、ぜひあなた自身のワークフローに適応させてください。","From Mockup to Market: My End-to-End Product Design Process":"モックアップから{WBR}市場へ：{WBR}エンドツーエンドの{WBR}製品設計プロセス","A detailed breakdown of my iterative design methodology, from initial research to final handoff, with practical tips for designers at every stage.":"デザインの反復的な手法について、初期の調査から最終的な引き渡しまで、詳細に説明します。あらゆる段階のデザイナーに役立つ実用的なヒントを提供します。","The Psychology of Color in UI Design":"UIデザインにおける{WBR}色彩心理学","Exploring how strategic color choices can influence user behavior, evoke emotions, and enhance the overall user experience of digital products.":"戦略的な色彩の選択が、ユーザーの行動に影響を与え、感情を呼び起こし、デジタル製品の全体的なユーザー体験を向上させる方法を探ります。","6 MIN READ":"読了時間{WBR}6分","Copy link":"リンクを{WBR}コピー"},"count":29,"status":"ready"}