コーディング課題 【無料】Figmaのデザインカンプからコーディングに取り組んでみよう
コーディングの勉強やデザインカンプからコーディングしている方向けに、Figmaのカンプからコーディングできるコーディング課題をつくってみました。コーディングの練習・勉強に必要なものをすべて準備しています。ぜひ、コーディングの練習・学習にお役立てください。
2022-04
コーディング課題 
コーディング課題 【無料】（コーディング課題05）会社のホームページをコーディングしよう
制作するサイトの情報白を基調としたコーポレートサイトのコーディングをしてみましょう。今回もJavaScriptやjQuery不要でコーディングできます。デザインカンプ（Figma）デザインカンプをもとにコーディングしていきましょう。カンプは...
コーディング課題 【無料】（コーディング課題04）コンサルタントのLPをコーディングしよう
制作するサイトの情報コーディング課題02やコーディング課題03でコーディングした勢いで引き続きコーディングを実装してきましょう。引き続き問い合わせ機能自体はダミーで大丈夫です。デザインカンプ（Figma）デザインカンプをもとにコーディングし...
コーディング課題 【無料】（コーディング課題03）うどん屋のサイトをコーディングしよう
制作するサイトの情報コーディング課題02でニュースアプリでコーディングのイメージが何となくわかってきたら、量をこなすということでうどん屋の１枚もののホームページをつくってみましょう。構造となる骨組みの部分はほとんど今までのコーディング課題と...
コーディング課題 【無料】（コーディング課題02）ニュースアプリのLPをコーディングしよう
制作するサイトの情報コーディング課題01でコーディングしたワイヤーフレームをもとにニュースアプリのランディングページをコーディングしてみましょう。骨組みのイメージはつかめているかと思うので、それをベースに作成していきましょう。デザインカンプ...
コーディング課題 【無料】（コーディング課題01）ワイヤーフレームをコーディングしよう
制作するサイトの情報まずはHTML/CSSの一歩目としてほぼワイヤーフレームの状態のものをコーディングしてみましょう。実際にワイヤーフレームをコーディングすることはありませんが、WEBサイトの骨組みをつくるという発想ではいい勉強になるかと思...