Codageのご利用ガイド

Codage（コダージュ）とは

CodageではHTML、CSS、Javascript等の模写コーディングを行うことができます。レベルは初級から上級まで。各レベル感は以下のようになっています。

コーディング素材は様々なクリエイターが作成しています。各お題ページにクリエイターのポートフォリオへのリンクがありますので、ぜひご覧になってください。

お題ページには下記の項目が掲載されています。

その名の通り、素材をダウンロードするボタンです。zipファイルの中に、figmaのデザインファイルと、書き出された画像ファイルが入っています。素材の使い方は模写コーディングの手順ページをご覧ください。

実際にコーディングされた見本ページを見ることができます。

デザインの見本画像をPC、SPともに見ることができます。「拡大する」をクリックすると別タブで拡大して表示できます。

コードの見本が表示されます。コーディングは原則、デザインと同じになればよく、実際にこの見本通りにコーディングする必要はありません。お手本・参考としてご覧ください。

お題の解説を見ることができます。

まずは事前準備をしましょう。その後、模写コーディングの手順を参考にしてコーディングしてみましょう。