Build
このブログの作り — Astro 5 と Content Collections で組む Aulvem の構成
Aulvem サイトは Astro 5 + MDX + Content Collections で組み、運用ルールを Zod schema と rehype プラグインで強制している。全体スタックと中心の仕組みを地図にまとめた起点記事。
01 — Category
Build
Notes from the workbench.
2 / 3 ページ
-
-
BuildFigmaの使い方〜基礎編３〜 スタイル登録とバリアンツでデザインを管理する
Figma の基礎操作編 3。カラースタイル・フォントスタイル・エフェクト（影）スタイルの登録と適用、コンポーネントとバリアンツ機能の組み合わせまで、デザインを管理しやすくする一歩進んだ機能を実例 GIF で解説します。
-
BuildFigmaの使い方〜基礎編２〜 枠線・グループ化・コンポーネント・オートレイアウト
Figma の基礎操作編 2。枠線（Stroke）の設定、グループ化、コンポーネント化、オートレイアウト機能まで、再利用性の高い UI 設計に欠かせない機能を実例 GIF 付きで解説します。デザインシステムの土台作りに。
-
BuildFigmaの使い方〜基礎編１〜 フレーム・テキスト・整列など最初の基本操作
Figma の基礎操作編 1。フレーム作成、背景色・サイズ変更、テキスト入力、要素の整列、シェイプ追加、レイヤー操作など UI 制作で最初に押さえたい基本機能を実例 GIF 付きで解説します。Figma 入門者向け。
-
BuildFigmaの使い方〜準備編〜 アカウント作成・チーム作成・デザインファイル作成まで
デザインツール Figma を使い始めるための準備編。Figma の概要・特徴、アカウント登録、チーム作成、デザインファイル新規作成、画面の基本構成までを画像付きでステップ解説します。UI デザイン初学者の最初の一歩に。
-
Buildデザイン思考とは？共感から真の問題を探すプロセスと仕事への活かし方
デザイン思考はデザイナーの創造プロセスを他分野に応用した問題解決アプローチです。共感・問題定義・アイデア発想・プロトタイプ・検証の流れ、ダブルダイヤモンドモデルの考え方、業務で実践する際のコツを実体験ベースで解説します。
-
BuildVue.js 入門 - v-if と v-for を解説
Vue.js を初めて使う方に向けて、条件分岐の v-if / v-else / v-else-if、表示制御の v-show、繰り返し描画の v-for の使い方、key 属性の役割、v-if と v-show の使い分け基準まで実例コードで解説します。
-
BuildVue.js 入門 - エンジニアが解説する v-bind 基礎
Vue.js を初めて使う方に向けて、独自の HTML 記法である mustache タグ（{{ }}）と v-bind ディレクティブの基本的な使い方、コロン記法（:）への省略、複数属性の同時バインディングまでを実例コード付きで段階的に解説します。
-
BuildVue.js 入門 - エンジニアが解説する Component 基礎
Vue.js を初めて使う方向けに、フレームワークのキモとなる Component の概念、親子コンポーネントの関係、単方向データバインディング・双方向バインディング（v-model）の使い分けまで、初心者がつまずきやすいポイントを実例コード付きで丁寧に解説します。
-
BuildVue.js 入門 - 現場で使用したエンジニアが解説する Vue の基礎
Vue.js を実務で 1 年以上使用したエンジニアが、Vue ファイルの構造・template / script / style の役割分担、コンポーネントの基本的なライフサイクル、データバインディングの考え方など Vue 入門者向けの基礎を実例コードで丁寧に解説します。
-
Build1 年以上使用したエンジニアからみる Angular と Vue.js の違い
JavaScript フレームワークの代表格 Angular と Vue.js を実務で 1 年以上使用したエンジニアの視点で、ファイル構成・記法・学習コスト・運用面の向き不向きを実例とともに比較解説します。フレームワーク選定の判断材料に。
-
BuildVuePress でブログを公開するまでのロードマップ — 2021 年の手順と 2026 年に転用できる考え方
2021 年に VuePress 1.x + GitHub + Netlify + お名前.com でブログを公開した時の全体ロードマップ。ローカル開発 → リポジトリ → ホスティング → 独自ドメインの 4 段を、現在の Astro / Cloudflare Pages 時代にも転用できる単位で整理した。