STEP 01
コーディング
HTML/CSS、レスポンシブ、余白とレイアウトの基本。
無料教材あり Web制作を始める人へ
未経験から、
“作れる”を仕事へ。
HTML/CSS、WordPress、ポートフォリオ、初案件。迷いやすい順番を、実務を知る犬先輩が一つずつ整理します。
- 4 STEP
- 初案件までを整理
- 3 TOOLS
- 無料診断を公開
- FREE
- 登録なしで利用
いっしょに始めよう！
CHOOSE YOUR NEXT ACTION
今の目的から、次の一歩を選ぶ。
読むだけで終わらず、その場で試せる入口を用意しました。
AT STUDY ROOM
案件で困らない順番で学ぶ。
知識を増やすだけでなく、完成・公開・改善まで進めるための4テーマです。
STEP 02
WordPress制作
テーマ化、固定ページ、投稿設計、更新しやすい管理画面。
STEP 03
ポートフォリオ
制作意図と改善点を説明できる、伝わる作品のまとめ方。
STEP 04
案件のリアル
見積もり、修正、納品、クライアント対応の現場感。
AT CODING DESK
未経験から初案件までのロードマップ。
学習、制作、発信、営業をバラバラに進めない。4つの段階に分けて、次にやることを見える化します。
無料PDFをダウンロード登録・メールアドレス入力は不要です。
- 01HTML/CSSで1ページを完成
崩れないレイアウトと余白の取り方を覚える。
- 02WordPressで更新できる形へ
お客様が触る場所を想像して設計する。
- 03ポートフォリオを整える
制作意図と改善ポイントを言葉にする。
- 04小さく営業して改善する
提案文、見積もり、返信を記録して次へ進む。
FREE TOOLS BY REPRESENT
作る前・作った後に使える無料ツール。
REPRESENTが公開している診断・検索ツールです。登録なしで試せるものから始められます。
AT REAL WORKS
成功談だけではない、案件のリアル。
修正、確認、納期、連絡。初案件で慌てないための短い実務メモです。
納品前チェック
スマホ表示とフォーム送信まで確認する。
画面がきれいでも、問い合わせが届かなければ仕事は終わりません。表示と送信を別々に確認します。
レビュー
コメントは人格否定ではない。
ただし、伝え方と受け取り方の設計は大切です。
学習
教材を増やす前に、一つ公開する。
公開したページが、次の改善点を教えてくれます。
RECOMMENDED
次に見るおすすめ。
FAQ
よくある質問。
Web制作を始める前に迷いやすい点をまとめました。
Web制作は何から学べばよいですか？
まずHTMLとCSSで1ページを完成させ、レスポンシブ対応、WordPress、ポートフォリオの順で進めると全体像をつかみやすくなります。
ロードマップは無料ですか？
はい。登録やメールアドレス入力なしで、PDFを無料ダウンロードできます。
WordPressまで学ぶ必要はありますか？
企業サイトでは更新機能を求められることが多いため、HTML/CSSの後に基本を学ぶと案件の幅が広がります。
サイト制作を相談することもできますか？
はい。株式会社REPRESENTへ、制作・改善・集客について相談できます。まだ内容が固まっていない段階でも問題ありません。
FOLLOW CODING DOG
迷った日は、犬先輩のログを見に来てください。
XではWeb制作の学びと案件のリアルを短く発信しています。