📊
HTML/CSS基礎
ホーム
全体概要
レベルチェック
📊 スキルレベルチェック
あなたの現在のHTML/CSSスキルレベルを診断して、最適な学習プランを提案します
質問
1
/
10
1
HTMLについてどの程度知っていますか?
HTMLって何?全く知らない
名前は聞いたことがある程度
基本的なタグ(h1, p, a)を知っている
HTMLでしっかりとしたページ構造を作れる
2
CSSについてどの程度知っていますか?
CSSって何?全く知らない
色や文字サイズを変える程度
レイアウトや装飾ができる
複雑なデザインやアニメーションも実装できる
3
レスポンシブデザインについて知っていますか?
レスポンシブデザインって何?
概念は知っているけど実装はできない
メディアクエリを使って基本的な対応ができる
完全なモバイル対応サイトを作れる
4
FlexboxやCSS Gridを使えますか?
聞いたことがない
名前は知っているけど使えない
基本的な使い方ができる
複雑なレイアウトも自在に作れる
5
Webサイトを実際に公開したことはありますか?
公開したことがない
ローカルでしか動かしたことがない
無料サービスで1回程度公開したことがある
複数のサイトを公開・運用したことがある
6
開発者ツール(ブラウザのF12)を使えますか?
開発者ツールって何?
開いたことはあるけど使い方がわからない
要素の検証や簡単なデバッグができる
効率的にデバッグやパフォーマンス確認ができる
7
CSS変数やcalc()、clamp()などの関数を使えますか?
そんな機能があるの?
聞いたことはあるけど使えない
CSS変数やcalc()を基本的に使える
モダンCSS機能を活用したシステムを構築できる
8
アニメーションやトランジションを実装できますか?
アニメーションって難しそう...
簡単なhover効果程度
transitionやkeyframesを使える
複雑で美しいアニメーションを実装できる
9
1日にどのくらい学習時間を確保できますか?
15-30分程度
30分-1時間程度
1-2時間程度
2時間以上
10
学習の目標は何ですか?
趣味で簡単なページを作りたい
転職・就職に活かしたい
フリーランスとして活動したい
プロのWeb開発者になりたい
前の質問
次の質問
🎯
あなたのレベルは...
初心者レベル
診断結果に基づいた説明がここに表示されます。
📚 推奨学習パス
学習を始める
全体概要を見る