この記事は独学でＷＥＢデザイナーになる方法を書いた。
自分自身の実体験を書いたが、ＷＥＢデザイナーになる途中の段階である。
それでもこれからＷＥＢデザインを学ぶ初学者に役立つ内容のはず。
独学で使った本とＨＴＭＬ・ＣＳＳをどのように勉強したのかを書いた。
独学でＷＥＢデザイナーになる！必要な物はパソコンと本。
ＷＥＢデザイナーになるのに必要な物。
- ノートパソコン・デスクトップパソコン
- ＷＥＢデザイナーの本
- レンタルサーバー（カラフルボックス
）
）この３つだけでＷＥＢデザイナーになれる。あとはあなたのやる気だけ。
ネットで調べるとＷＥＢデザイナーの学習期間は３ヶ月から半年と判明。
この期間は無職でＷＥＢデザイナーの勉強に集中する。だから収入も考慮して勉強期間を設定する必要がある。
勉強中の収入は「職業訓練と就労移行支援を併用！収入を得ながらＷＥＢデザイナーになる」に書いた。
独学でＷＥＢデザイナーになる！ノートパソコンとデスクトップパソコン。
職業訓練を受講できれば良いが、筆記・実技試験・面接がある。だから確実に突破できるわけじゃない。
就労移行支援施設も交通費と昼食代が発生するので、気軽に使えない。
さて、ＷＥＢデザイナーになるためにノートパソコンとデスクトップパソコンを新調した。
アップル社のマックブックエア（M１チップ）とドスパラのレイトレックを購入した。パソコンは先行投資であり、自己投資。
ＷＥＢデザイナーになれば出費した金額以上、稼げるようになる。
独学でＷＥＢデザイナーになる！ＨＴＭＬ・ＣＳＳの教科書。
ＷＥＢデザイナーになるため、３冊の本を購入した。
- ゼロから覚えるHTML・CSSとWebデザイン魔法の教科書
- プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック
- １冊ですべて身につくJavaScript入門講座
なぜこの３冊を選んだかと言うと、新しいから。私がＷＥＢデザインの勉強を始めたのが２０２３年３月。
この時期に発売された最新の本を選んだ。過去にどれだけレビューが高くても古い情報の本は使いたくない。
実際にこの３冊は「当たり」だった。初学者でもわかりやすい内容で、末永く使える。
独学でＷＥＢデザイナーになる！ＨＴＭＬ・ＣＳＳの勉強方法と必要な本。
「ゼロから覚えるHTML・CSSとWebデザイン魔法の教科書」はＨＴＭＬとＣＳＳの基礎を学べる。
どのＨＴＭＬ・ＣＳＳタグを入力すると、どのように表示されるか描かれてるからわかりやすい。
「プロのコーディングが身につくHTML/CSSスキルアップレッスン すぐに活かせてずっと役立つ現場のテクニック」は応用編。
ＷＥＢデザインの基礎を学んでから学ぶ本で、より実践的な内容だ。
「１冊ですべて身につくJavaScript入門講座」はジャバスクリプトなので、ＨＴＭＬとＣＳＳを学んでから使う。
動きのあるホームページ（ＷＥＢサイト）を作るのに必須の言語だ。
独学でＷＥＢデザイナーになる！テキストエディタとブラウザ選び。
ＨＴＭＬとＣＳＳはメモ帳やワードで書くもんじゃない。「テクストエディタ」を使って書く。
種類はいくつかあるが、バイクロソフト社のビジュアルスタジオコードを使ってコードを書く。
マイクロソフトなら安心だし、無料で高性能なテキストエディタだからな。
テキストエディタで入力したらどのように表示されるか確認する必要がある。
ブラウザで確認するのだが、グーグルクロームを選択した。
独学でＷＥＢデザイナーになる！ＨＴＭＬ・ＣＳＳの勉強開始。
独学なので、頼りは買った本だけ。下の２冊を何度も読んで、コードを書く。
ワードプレスのブログを書いてるからＨＴＭＬとＣＳＳに抵抗はない。だが、コードを書くのは初めてで、苦戦する。
ＨＴＭＬの開始タグと終了タグ、画像の表示方法などを学びながら独学を続けた。
そもそもノートパソコンの使い方に慣れない。ウインドウズしか使ったことないのにマックブックエアを買ったからな。
独学でＷＥＢデザイナーになる！ＨＴＭＬ・ＣＳＳの勉強方法。
独学でＷＥＢデザイナーになる。
だが、職業訓練と就労移行支援の利用も捨ててない。いずれは就労移行支援施設を使うつもり。
独学は良いが、所々でつまずく。
本に書いてある通り、ＨＴＭＬとＣＳＳを入力したつもりでもきちんと表示されない。タグの入力に慣れないのだ。
なので、独学で可能な限り学んでから就労移行支援施設を使う。それなら就労移行支援を利用する期間が短くて済む。
就労移行支援に通う期間が短ければ交通費と昼飯代が浮く。それまでひたすら独学でＷＥＢデザインを学ぶのみ。
独学・職業訓練・就労移行支援を活用してスキルアップ！
- 未経験からＷＥＢライター（ブロガー）になれる１０冊の本を紹介。
- 精神障害者がＷＥＢライター・デザイナー・プログラマーになる方法。
- VTuber必須！パソコンのグラフィックスボードと動画編集ソフト。
- ＷＥＢデザインと動画編集を無料で学ぶ！無職３年目でフリーランスになる？
- 休職中の過ごし方１０選！休職期間に資格取得や転職活動をする。
- 精神障害者は働けない？正社員求人を探せる就労支援サイト５選！
- 精神障害者の仕事探し！見つからない時の就職（就労移行）支援とは？
- 精神疾患の女性が働ける求人紹介！躁うつ病・統合失調症の仕事探し。
- 精神障害者の生活費は副業で稼ぐ？雇用枠・短時間勤務・在宅ワーク。
- 職業訓練と就労移行支援を併用！収入を得ながらＷＥＢデザイナーになる。
社会保険労務士・ファイナンシャルプランナー２級技能士
プロフィール ユーチューブ お問い合わせ ＬＩＮＥ相談