harubears

Ads
Japanese

Figma Lessons: 06 Content research and design – コンテンツリサーチ と デザイン

Figmaの"Design Basics"コースを参考に、コンテンツリサーチとデザインの重要性について詳しく解説。デザインの初期段階でのコンテンツの計画方法やツールの活用方法を紹介します。
Japanese

Figma Lessons: 05 Design Research – デザイン リサーチ

Figma社のDesign Basicsコースの「デザインリサーチ」部分を私なりに要約。デザインリサーチの基本的な考え方や手法を簡潔に解説します。
Japanese

Figma Lessons: 04 Accessibility and inclusion – “アクセスしやすさ” と “多様性の受け入れ”

アクセシビリティと包括性を中心にしたデザインの重要性を探求。色覚異常を持つ人々のためのデザイン考慮点やツールを紹介。Inclusive Designの考え方やユーザビリティの最新トレンドを解説
Tech

Vue3 + TypeScript で Vite4 環境変数を用いる方法

Vue3プログラムで必要な変数を外部ファイルから取得する方法を、Viteの環境変数を使用した具体例を交えて解説します。環境変数を用いることで、APIキーやパスワードなどの機密情報を安全に設定することができます。本記事では、Viteにおけるモードの理解やビルトイン環境変数の設定、独自の環境変数の作成方法、そして作成した環境変数の参照方法についても解説します。
Japanese

Vue3 + TypeScript で Mapbox GL JS を使って マップ を レスポンシブ に画面全体に表示

Vue3, TypeScript 環境 で Mapbox地図をレスポンシブ表示する方法を紹介しています。 主にCSSの設定が参考になれば幸いです。
Japanese

Figma Lessons: 03 Design thinking & ethics – デザイン思考と倫理

本記事では、デザインをする際に重要になってくる「 Design thingkin - デザイン思考」という考え方と、デザインする際に気にしておくべき「ethics - 倫理」について整理していきます。 デジタルプロダクト の デザイン をす...
Japanese

Figma Lessons: 02 What is graphic design? (グラフィック デザイン とは何か?)

本記事では グラフィック デザイン とは何か? について整理していきます。 得てして、グラフィック を可愛らしくすることが デザイン だと思われていますが、 その誤りについて例を用いて説明していきます。 デザインとはものごとをカッコよく見せ...
Japanese

Figma Lessons: 01 Getting Started (さあ始めよう)

最初のレッスンは、Getting Started ということで、この Learn Design & Design Basics を通じて何を学ぶことができるかの紹介と、Figma 製品の簡単な紹介で構成されています。 Learn Desig...
Japanese

[シリーズ] Figma Design Learning Program を用いて Design を学習し、Figma を使って プロトタイピング をする

Motivation 近年 プロダクト を開発する際に リーン に始める方法が紹介されている 書籍 や 情報 を目にするようになりました。 "リーン に始める" とは、とても簡略化していうと、以下のような段取りで プロダクト を開発し、世に...
Wordpress

[WordPress] プラグイン を使って 投稿 を “連載” シリーズ として公開する方法

本記事では、プラグイン を用いて WordPress での投稿を ”連載” シリーズ として公開する方法を紹介します。 プラグイン の設定についても スクリーンショット を用いながら実際の設定を交えて紹介しています。
Ads