2022-04

コーディング課題

【無料】Figmaのデザインカンプからコーディングに取り組んでみよう

コーディングの勉強やデザインカンプからコーディングしている方向けに、Figmaのカンプからコーディングできるコーディング課題をつくってみました。コーディングの練習・勉強に必要なものをすべて準備しています。ぜひ、コーディングの練習・学習にお役立てください。
コーディング課題

【無料】(コーディング課題05)会社のホームページをコーディングしよう

制作するサイトの情報白を基調としたコーポレートサイトのコーディングをしてみましょう。今回もJavaScriptやjQuery不要でコーディングできます。デザインカンプ(Figma)デザインカンプをもとにコーディングしていきましょう。カンプは...
コーディング課題

【無料】(コーディング課題04)コンサルタントのLPをコーディングしよう

制作するサイトの情報コーディング課題02やコーディング課題03でコーディングした勢いで引き続きコーディングを実装してきましょう。引き続き問い合わせ機能自体はダミーで大丈夫です。デザインカンプ(Figma)デザインカンプをもとにコーディングし...
コーディング課題

【無料】(コーディング課題03)うどん屋のサイトをコーディングしよう

制作するサイトの情報コーディング課題02でニュースアプリでコーディングのイメージが何となくわかってきたら、量をこなすということでうどん屋の1枚もののホームページをつくってみましょう。構造となる骨組みの部分はほとんど今までのコーディング課題と...
コーディング課題

【無料】(コーディング課題02)ニュースアプリのLPをコーディングしよう

制作するサイトの情報コーディング課題01でコーディングしたワイヤーフレームをもとにニュースアプリのランディングページをコーディングしてみましょう。骨組みのイメージはつかめているかと思うので、それをベースに作成していきましょう。デザインカンプ...
コーディング課題

【無料】(コーディング課題01)ワイヤーフレームをコーディングしよう

制作するサイトの情報まずはHTML/CSSの一歩目としてほぼワイヤーフレームの状態のものをコーディングしてみましょう。実際にワイヤーフレームをコーディングすることはありませんが、WEBサイトの骨組みをつくるという発想ではいい勉強になるかと思...