模写でプロ級の
制作スキルを身につけよう!
ブラウザーで始めるHTML、CSS、JavaScriptの学習サービス
実践的でモダンな環境でWeb制作の勉強を始めませんか?
mosyaはこんな方におすすめ!

- Web制作業界への就職・転職を目指す方
- 既にプロとして活躍していて、さらに知識を身につけたい方
- デザイナーとしてのスキルに加えてコーディングを学びたい方
- 自身のブログを個性的にカスタマイズしたいブロガーの方
- 他の学習サイトで勉強したけど、物足りないと感じている方
Webサイト制作でこういった悩みはありませんか?
基本的なことは分かるんだけど、実際にやってみるとまだ
スキルが足りないなって感じる
デザイナーさんのイメージ通りに
コーディングができるようになりたい
けど、上手くいかない
マークアップに自信を持ちたい
けど、div要素ばかり使っていて
何か違うなって感じる

エンジニアとしての転職では、コーディングの試験や
技術的な質問をされることがあります。
また、入社後にはすぐに成果を出すことが求められることも...

初心者から上級者まで
どこよりも豊富な内容とモダンな技術が詰まってます
現役エンジニアによる
教材シリーズ!
- CSSを利用したレスポンシブウェブデザイン
- CSS FlexやCSS Gridなどの新しいCSS技術
- Web制作において活用できるJavaScript(DOM API)
- セマンティックを意識した正しいマークアップ
- アクセシビリティを配慮したすべてのユーザーに優しいマークアップ

2つの採点方法で質の高いコーディングを習得

高精度の採点システムが登場!
タグの使い方の誤りや、必要な属性の抜け漏れも厳しくチェック!
マークアップ採点で、わずかな違いも見逃さない!



ビジュアル採点で、
実際のデザインとの違いを
一目で確認!
実践編のレッスンで見本とデザインを比較して採点し、デザイン通りのコーディングを実現。CSSの自信を一気に高めるチャンスです!
Web制作者の道を歩むための学習ロードマップ
現役エンジニアが手掛けたロードマップに沿って、一歩ずつ学習を進めましょう。
最終目標は、正確なコーディングでサイト模写ができるレベルへ到達すること。
入門編HTML/CSSを一から学ぶ
- 初心者のためのHTML入門全9レッスン体験してみる
- 初心者のためのCSS入門1全9レッスン体験してみる
- 初心者のためのCSS入門2全10レッスン
- CSS Flex入門全5レッスン
- CSS Grid入門全4レッスン
- CSSを利用したレスポンシブウェブデザイン全4レッスン
- CSSアニメーション入門全4レッスン
- CSS変数入門全3レッスン
- セマンティックなHTML入門全1レッスン
- フォーム周りのHTML全4レッスン
中級編JSを含めたより深い知識を習得する
- 初心者のためのJavaScript入門全8レッスン
- Web制作で使えるJavaScript全4レッスン
- 知って差をつけるHTML全3レッスン
- 知って差をつけるCSS全6レッスン
- ライブラリーを活用しよう全3レッスン
- 知って差をつけるJavaScript全11レッスン
- アクセシビリティを意識したマークアップ全5レッスン
- パフォーマンスを意識したマークアップ全4レッスン
- SEOやSNSでの最適化のためのマークアップ全5レッスン
- 初心者のためのPHP入門全7レッスン
- PHPでお問い合わせフォームを作ろう(ベータ版)全3レッスン

デザインツールFigmaを利用した本格コーディング実践編
実際の現場ではエンジニアでもデザインツールの活用が求められます。
Figmaを使ってデザインに忠実なコーディングスキルを身につけましょう。
新たな練習サイトも続々追加予定!

いざというときに安心不明点はAIに質問しよう
レッスンの資料内容に関する不明点は、チャットを活用してAIに質問することができます。
不具合報告や貴重なご意見をお寄せいただける場としてもご活用ください。

ただし、1日40回の利用制限があります。

他の学習サービスとの比較
完全オンラインの自学習サービスだからこそ実現できる、業界最安値
