Design
[シリーズ] Figma Design Learning Program を用いて Design を学習し、Figma を使って プロトタイピング をする
Vue.js vue3-charts with TypeScript – Pie Chart 編
Vue.js v3とTypeScriptを使った円グラフ作成のステップバイステップガイド。vue3-chartsライブラリを活用し、データを視覚的に魅力的な円グラフに変換する方法を解説。
Vue.js vue3-charts with TypeScript – Stacked Area Chart 編
この記事では、Vue3とTypeScriptを使って積み重ね面グラフを作成する方法を紹介します。vue3-chartsライブラリを活用し、データの視覚化を効果的に行うステップバイステップのガイドを提供します。
Vue.js vue3-charts with TypeScript – Area Chart 編
この記事では、Vue.js v3 と TypeScript を使用して、インタラクティブでカスタマイズ可能な面グラフを作成する方法をステップバイステップで説明します。vue3-charts ライブラリを活用した効果的なデータビジュアライゼーション技術を紹介します。
Vue.js vue3-charts with TypeScript – Stacked Bar Chart 編
Vue.js v3 と TypeScript を使用して、インタラクティブな積み上げ棒グラフを簡単に作成する方法を紹介します。vue3-charts ライブラリを用いたステップバイステップの解説で、あなたのプロジェクトに豊富なビジュアル表現を加えましょう。
Vue.js vue3-charts with TypeScript – Bar Chart 編
このガイドでは、Vue.js v3 と TypeScript を使用してインタラクティブな棒グラフを作成する方法を、vue3-charts ライブラリを用いてステップバイステップで解説します。エラーハンドリング、カスタマイズ、インタラクションの追加に至るまで、豊富な実践情報を提供します。
Vue.js vue3-charts with TypeScript – Line Chart 編
この記事では、TypeScriptを有効にしたVue3プロジェクトでvue3-chartsを使用して折れ線グラフを作成する方法を詳細に説明します。エラー対処法からカスタムスタイリング、インタラクティブな機能の追加まで、実用的なガイドを提供します。
Vue.js vue3-charts with TypeScript プロジェクト準備
このチュートリアルでは、Vue3とTypeScriptを使用してグラフを表示するためのプロジェクトの基礎を構築する方法について説明します。Vue CLI、vue3-charts、vue-routerのセットアップから始めて、Node 20対応のプロジェクト構成までを網羅。Vue3でのチャート表示プロジェクトの基本を学びましょう。
Design Figma Lessons 09: Consistency – 一貫性
この記事では、Figmaのデザインレッスンから学ぶ、一貫性がユーザーエクスペリエンスとインターフェースデザインに及ぼす影響について解説します。一貫性を保つ重要性から、意図的な一貫性の破壊まで、効果的なデザイン手法を理解しましょう。
Design Figma Lessons: 08 Simplicity – シンプルさ
Figma Design Basicsコースを参考に、デザインのシンプルさがなぜ重要なのかを明らかにします。具体的な例を交えながら、シンプルなデザインがユーザーエクスペリエンスにどのように貢献するかを探求します。
Design Figma Lessons: 07 Storytelling with design – デザインを通じた物語づくり
FigmaのDesign Basicsコースは、デザインの基本原則を学び、顧客の旅の重要性を理解することで、より洞察力のあるデザインアプローチを身につけることができます。実践的なスキルと理論を組み合わせ、デザインプロセスを強化します。