コーディング課題

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

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

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

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

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

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

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

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

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

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

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

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

テックアカデミーWEBデザインコースとは?現役WEBデザイナーが解説!

コスパ抜群でWEBデザインの学習をしたい実務に近い環境でWEBデザインを学習したいデザイン・コーディングを両方学びたいWEBデザインのスクールに通って学習したいけどなるべく安く済ませたい、コスパ抜群でデザイン・コーディング両方学習したい。そ...
WEBデザイナー

ReDesignerの評判・感想を現役WEBデザイナーが徹底解説!

私はWEBデザイナーの転職の際に、ReDesignerを活用して現在正社員のWEBデザイナーとして就業しています。今回は実際にReDesignerを利用して感じたメリットやデメリット、それを踏まえた評判の検証などについて解説していきます!
WEBデザイナー

【サラタメさん】『シン・サラリーマン』人生100年時代の働き方を解説!

今回は、サラリーマンYouTuber で有名なサラタメさんが執筆した書籍『真の「安定」を手に入れる シン・サラリーマン—名著300冊から導き出した人生100年時代の攻略法』について解説します。