01 — Category
Notes from the workbench.
2 / 3 ページ
Astro 公式 @astrojs/sitemap が MDX の updatedDate を読まない問題を、astro.config.mjs で fs.readdir + frontmatter regex でマップを作り serialize で差し込む実装で解決した記録。paginated noindex の filter 除外もセットで扱う。
Aulvem サイトの運用ルールを Zod schema でビルドに落としている設計。reviews ⇔ affiliate の連動、howto/faq の構造化データ、本文との文字列一致まで含めて、何を schema で縛り何を諦めたかを書いた。
Aulvem サイトは Astro 5 + MDX + Content Collections で組み、運用ルールを Zod schema と rehype プラグインで強制している。全体スタックと中心の仕組みを地図にまとめた起点記事。
Figma の基礎操作編 3。カラースタイル・フォントスタイル・エフェクト（影）スタイルの登録と適用、コンポーネントとバリアンツ機能の組み合わせまで、デザインを管理しやすくする一歩進んだ機能を実例 GIF で解説します。
Figma の基礎操作編 2。枠線（Stroke）の設定、グループ化、コンポーネント化、オートレイアウト機能まで、再利用性の高い UI 設計に欠かせない機能を実例 GIF 付きで解説します。デザインシステムの土台作りに。
Figma の基礎操作編 1。フレーム作成、背景色・サイズ変更、テキスト入力、要素の整列、シェイプ追加、レイヤー操作など UI 制作で最初に押さえたい基本機能を実例 GIF 付きで解説します。Figma 入門者向け。
デザインツール Figma を使い始めるための準備編。Figma の概要・特徴、アカウント登録、チーム作成、デザインファイル新規作成、画面の基本構成までを画像付きでステップ解説します。UI デザイン初学者の最初の一歩に。
デザイン思考はデザイナーの創造プロセスを他分野に応用した問題解決アプローチです。共感・問題定義・アイデア発想・プロトタイプ・検証の流れ、ダブルダイヤモンドモデルの考え方、業務で実践する際のコツを実体験ベースで解説します。
Vue.js を初めて使う方に向けて、条件分岐の v-if / v-else / v-else-if、表示制御の v-show、繰り返し描画の v-for の使い方、key 属性の役割、v-if と v-show の使い分け基準まで実例コードで解説します。
Vue.js を初めて使う方に向けて、独自の HTML 記法である mustache タグ（{{ }}）と v-bind ディレクティブの基本的な使い方、コロン記法（:）への省略、複数属性の同時バインディングまでを実例コード付きで段階的に解説します。
Vue.js を初めて使う方向けに、フレームワークのキモとなる Component の概念、親子コンポーネントの関係、単方向データバインディング・双方向バインディング（v-model）の使い分けまで、初心者がつまずきやすいポイントを実例コード付きで丁寧に解説します。
Vue.js を実務で 1 年以上使用したエンジニアが、Vue ファイルの構造・template / script / style の役割分担、コンポーネントの基本的なライフサイクル、データバインディングの考え方など Vue 入門者向けの基礎を実例コードで丁寧に解説します。