①ファイルをダウンロードしたら圧縮ファイルになっているため【右クリック】を押して【すべて展開】を選び圧縮ファイルを解凍する。
①VSCを立ち上げたらファイルを、midashiファイルの中のmidashiファイルをVSCの中に入れる。
※圧縮ファイルを解凍すると更にファイルが生成されてしまうため中のファイルを使用して下さい。
⓶入れるとファイルが表示される。※表示されない場合はexplorerを押すと表示される。
③左クリックを押したまま【index.html】を左側、【midashi.scss】を右側になるように、表示させる。
①配置が完了したら右下の【GoLive】をクリックすると、仮想ページが立ち上がる。
⓶cssやhtmlの数値を変え、【ctrl+s】で保存するとリアルタイムで変わりますので、色々と変えて動きを学んでください。
副業ブームの今、在宅でスキルを活かして稼ぐ人が増えています。中でも「Webデザイナー」は人気の副業の一つ。今回は、まったくの未経験から月5万円を安定して稼ぐまでのロードマップを4ステップで紹介します。
Webデザインの副業を始めるなら、まずは「HTML」や「CSS」などの基本的な知識を身につける必要があります。でも、いきなり本を読んだり高額なスクールに通う必要はありません。まずは「Progate（プロゲート）」という学習サイトがおすすめです。
Progateは、プログラミング初心者向けにわかりやすく作られていて、スライド形式で学べるので理解しやすいのが特徴。特に「HTML & CSS 初級、中級、上級」を一通りこなし、仕組みを理解していただけたらと思います。
いきなりやって全て理解しなくても大丈夫です。とにかく一通り進めていきましょう。
次に必要なのが「自分のサイト（ポートフォリオ）を公開するための場所」、つまりサーバーです。おすすめは【ミックスホスト】というレンタルサーバー。表示速度が速く、WordPressにも最適化されており、初心者でも使いやすい設計になっています。
スタンダードプランなら月1,000円前後と、コスパも良し。ここでサーバーを契約し収入を得るための準備をします。
次に必要なのが「ドメイン（○○.comなど）」です。ドメインは、ネット上の住所のようなもの。独自ドメインを使うことで、あなたのポートフォリオに信頼感が出ます。
おすすめは【お名前.com】。国内最大手で、管理画面も初心者向け。年間1,000円程度から取得できるので、まずは「自分の名前.com」など、覚えてもらいやすいものを選びましょう。
取得後は、ミックスホスト側で設定して、ドメインとサーバーを紐づけるだけ。ここまで来れば、自分のサイトをインターネット上に公開する準備は完了です。
ここからが副業への第一歩。実際にWeb制作の実務でよく使われているのが「WordPress（ワードプレス）」です。
WordPressは、世界中のWebサイトの約40%が使っているCMS（コンテンツ管理システム）で、コードをほとんど書かずに本格的なサイトが作れるのが魅力です。
「SWELL」や「Cocoon」などの無料・有料テーマを使えば、テンプレートを活かして簡単にデザイン性の高いページを作ることができます。
Webデザイナーの副業は、パソコン1台とネット環境があればすぐに始められます。今回紹介したステップを実践すれば、スキルゼロからでも副業で稼ぐ道が開けます。
＜おさらい＞
焦らず、一歩ずつ進めていけば、あなたも月5万円を副業で安定して稼げるようになりますよ！
独学だと出来るか不安な方のために弊社ではコンサルも展開しております。
是非、参加して副業の収入に結び付けていただけたらと思います。
準備編 webデザインをするための準備をしよう
①おすすめのPC（無料公開）
⓶プロゲートの活用方法（無料公開）
③ドメイン、サーバーの選定、登録方法（無料公開）
④ローカルサーバーMAMPの導入（無料公開）
コーディング編 基礎となるコードを覚えてコーディングを出来るように
①Visual Studio Codeを使用してコード入力してみよう（会員限定）
⓶各セクションずつコードを入力してみよう。（会員限定）
③課題を模写。（会員限定）
④実際にページを作成してみよう。（会員限定）
webデザイン編 デザインをできるようになって差別化を図ろう
①デザインの基礎（会員限定）
⓶figmaを使用してTOPビジュアルを作成してみよう（会員限定）
③figmaを使用してバナーを作成してみよう（会員限定）
③Photoshopで様々は画像を加工しよう（会員限定）
④イラストレーターでロゴを作成しよう（会員限定）
⑤デザインを覚えればこれだけ活用の幅が広がる（会員限定）
ノーコードWordpress編 ノーコードでHP作成を覚えて集客の方法を学ぼう。
①Wordpressの使用方法と操作（無料公開）
⑤Wordpressを使用したノーコードテクニック（会員限定）
⑧集客のためのSNSの活用方法（会員限定）
⑨仕事を獲得するためのノウハウ（会員限定）
⑩仕事を獲得するための参考ページ（無料公開）
オリジナルWordpress編 WordPressのオリジナルページを作成して更に収入の幅を広げよう
⓶Wordpressでオリジナルページを作成にあたっての説明（会員限定）
③MAMPを導入してローカルサーバーを構築しよう（無料公開）
④各セクションずつコードを入力してみよう（会員限定）
⑤お知らせページを作成しよう（会員限定）
⑥ブログページを作成しよう（会員限定）
⑦お問い合わせページを作成しよう（会員限定）
⑧実際の課題に基づいたページを作成しよう（会員限定）
SEO編 SEOマーケティングを覚えて更に収入アップを目指しましょう
①SEOを学んで更にスキルアップしよう（会員限定）
⓶ペルソナを学びましょう（会員限定）
③SEOのおすすめソフト紹介（会員限定）
④キーワードの選定（会員限定）
⑤タグマネージャーの登録（会員限定）
⑥グーグルアナリクスの登録（会員限定）
⑦グーグルサーチコンソールの登録（会員限定）
以上の内容で月額4,980円となっております。カリキュラム内容は随時更新していきますので、契約してる間は見放題＆質問し放題となります。
[blog_parts id=”1143″]