このタイプは、画面が練習場です。最初の1か月は HTML と CSS と、少しの反応で足ります。ページが分かる前に枠組みの名前を追わなくて大丈夫です。
アクセスのしやすさは、あとで足す装飾ではなく見本の一部です。見えるフォーカスと、本物のボタン要素は、ボタンの絵より多くを教えます。
自分で管理できるファイルかリンクを残します。画面写真だけでは、本当に反応するかが隠れます。
The Interface Crafter
インターフェース職人型
触り心地までこだわる、画面の職人
このタイプの強み
- 使いにくさに真っ先に気づく
- 見た目と動きを両方考えられる
- 小さな改善を積み重ねられる
このタイプのあるある
- 使いにくいアプリを見ると、直し方を考えてしまう
- スマホを横にしてレイアウトの崩れを確かめる
- ボタンの押し心地が気になる
このタイプの学習パス
レーダー図で「画面」の軸がいちばん高く出たインターフェース職人型向けの学習パスです。画面を形にするのが好きなら、HTML、CSS、JavaScriptの順に学ぶのが王道です。対話型の演習サイトで手を慣らし、作ったページを静的ホスティングで公開するところまでを一つの目標にしましょう。Gitでの管理に慣れておくと、作品が増えても整理しやすくなります。
伸ばしたいスキル
- HTMLとCSSのレイアウト
- JavaScriptの基本
- レスポンシブ対応
調べてみたい講座・資格の種類
- フロントエンドの対話型演習
- Web開発の入門講座
- アクセシビリティの基礎講座
試してみたいクラウド・ツール
- GitHubなどのコード管理
- 静的ホスティング（GitHub Pages、Cloudflare Pagesなど）
- ブラウザの開発者ツール
最初の1週間の例
4週間プランの1週目と並行して、自己紹介のページを一枚、HTMLとCSSだけで作り、スマートフォンでも崩れないように調整します。週の終わりに静的ホスティングで公開できれば、最初の作品の完成です。講座は、ブラウザ上で書きながら進められるものが続けやすいです。
関連する記事
講座や資格の内容・料金・条件は変わることがあります。受講や受験の前に、各サービスの公式サイトで最新情報を確認してください。
4週間の計画
- W1経路を知る
普段のサイトを2つ縮め、折り返し、はみ出し、まだ押せるものをメモします。
- W2小さな演習
見出し、4項目、押すと1行が変わるボタンのページを作ります。
- W3見本を残す
広い画面と狭い画面を残し、意図した配置の判断を1つ書きます。
- W4練習の入口
電話サイズで操作してもらい、見逃した部品を直します。
一般的な学習の提案です。就職や収入を約束するものではありません。