#10｜デザインカンプを制作
⚠️ preproからのお願い
このチャンネルは「修行の場」です。「コピペは原則禁止」。
自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。
一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です！
〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜
ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ！
講師の東郷です。
第10回となる今回は、前回までに作成したワイヤーフレームをベースに、いよいよプロトタイプの最終形態である「デザインカンプ（完成見本）」を仕上げていきます。
HTML/CSSコーディングやプログラミングに入る前に、なぜここまで緻密にデザインを作り込むのか？ それは、コードを書く際の迷いをゼロにし、開発スピードと品質を劇的に向上させるためです。
Figmaの機能をフル活用して、現場で通用する「実装しやすいデザイン」の作り方をマスターしましょう！
【この動画で学べること】
- ワイヤーフレームからデザインカンプへの昇華
- 基本的なFigmaの使い方
- デザインカンプの作成方法
- バリアブル（変数）の活用方法
- ロゴの作成方法
- トラッキングとカーニング
- 文字のアウトライン化
- プロトタイプの再生
【preproのカリキュラム方針】
preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。
本編： 15分でサクサク進むメイン講義
0.5回シリーズ： 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義
この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。