特に未経験からの転職志望の人が結構な割合で増えてきています。

コロナ禍というのもあいまって、リモートワークで働くのもフリーランスで働くのも融通がきく職業としてWebデザイナーやエンジニアは人気の職業ですね。

今回は30代で新たにWebデザイナーを目指している人に向けて気をつけたい事というテーマで記事を書きます。

 記事をかいている人

30代でWebデザイナーになりたい人が気をつけたい事

30代からWebデザイナーを目指す人に一番伝えたいことは、常に勉強する事を怠らない事です。

30代からWebデザイナーを目指す事自体は遅いとは思いませんが、20代からWebデザイナーとして経験を積んできている人と比べると、経験値と時間的にビハインドが発生してしまいます。

この差を限りなく埋める為の努力は勉強と実際に手を動かしてアウトプットを増やし続ける必要があります。

極端な話をすると、土日も勉強する時間は必ず確保して少しでも成果物を増やしたりデザインツールの使い方を学ぶ必要があります。

デザインが好きであれば苦にならないとは思いますが、未経験で初心者のうちは使える時間は全てWebデザインに使うくらいの心持ちでいる人が伸びていく仕事です。

未経験(初心者)であるという事を自覚する事が大切。

繰り返しになりますが、Webデザインやプログラミング、マーケティング等の世界は実力主義です。
若くして突出したスキルをもった人もたくさんいますし、ベテランで非常に高いデザインスキルを持った人もいます。

これは年齢関係なく言えることで、もし30代から新たにWebデザインを仕事にしたいと思う人いるのであれば、自分はまだまだ初心者だという気持ちで受け身ではなく自ら学び仕事を取りにいく姿勢を持つと良いです。

たまに、年齢が上だからといって変なプライドを仕事に持ち込む人がいますが、正直Webの世界では関係ありません。
スキルが高く、良いアウトプットを生み出せる人、そしてビジネスとしての成果を出せる人が正です。
このマインドの部分も非常に大切になりますので注意しましょう。

繰り返しになりますが、30代でWebデザイナーを新たに目指すこと自体は全く問題ありません。
むしろ、周りに沢山います。

ただし、今まで様々な経験をしてきた分、無駄なプライドや凝り固まった考えは捨てて、ゼロから学ぶ姿勢を大切にして日々デザインするようになると、スキルもすぐに上達して楽しく仕事ができるようになると思います。

というわけで今回は以上になります。
それではまた。

この記事を書いている僕自身も、初めにWeb制作会社に新卒で就職してから100回は辞めたいと思いましたｗ

結果的に僕は転職成功が叶って超絶ホワイト企業で仕事をすることが出来るようになったのですが、その背景にはWeb制作会社で育んだ経験値が役に立っている事が大きいです。

今回はそんな背景や経験談も踏まえて、まさに今、Web制作会社を辞めたいと思っている人に向けてアドバイスとなるような3つの事を紹介したいと思います。

• Web制作会社に勤めているけど、超絶ブラック企業で今直ぐにでも辞めたい。
• 仕事がきつくて辞めたいけれど迷っている。

こんな疑問や要望に対して解説します。

 記事をかいている人

Web制作会社を辞めたいと思ったら考るべき3つのこと

Web制作会社は過酷な労働環境な会社も少なくありません。

その為、気持ちが強い内は歯を食いしばって頑張ることもできますが、ある程度疲弊してくると転職を考える人も増えてきて退職する人も多いです。

あとは、周りの友人と自分の職場環境を比べたり給料に差があることに対して不満や疑問を感じ、転職活動をする人も僕の同僚にはたくさんいました。

Web制作会社は受託案件をメインとして扱うビジネスモデルの為、納期優先でどうしてもハードな働き方になることが多くなりがちです。

ただし、すぐに辞める判断をする前に

これから解説する下記３つの事を考えてから決断してほしいと思っています。

この３つの内容について深堀りします。

１．環境が厳しくても自分の成長に繋がる仕事ができているか

制作会社を辞める前に考えてほしい事の一つとして、現在いる職場の環境が、ハードワークできつい職場だとしても「自分の成長に繋がる」事ができる会社かどうかをまずは考えて見てください。

僕自身も初めに就職したWeb制作会社は徹夜は当然ありましたし、休日出社も当たり前でした。
おまけに社内行事に時間を割く事もしばしば。
その上給料は安い。。本当にしんどかったです。

それでも３年半ほど頑張って続けてみました。

ライフワークバランスは良くなかったけど、仕事のスキルアップに対しては最高の訓練ができる環境だった為です。

時間的拘束や体力的にきつい部分はあっても、仕事で必要なスキルや自分自身のスキル上がっていく事に対して、着実に成長が感じられたので続けてみたのです。

一番大きかったのはメンタルの成長でした。

辛くても最後までやりきる。それの繰り返しが自分の成長と自身につながったのだと思っています。

ただし、ここで注意点があります。

それは、今のまま同じ職場に残ったとしても、下記のような項目が当てはまるのであれば、在籍しているだけ大切な時間を無駄にしてしまうことになるので速やかに辞めたほうが良いです。

こんな会社は速攻で辞めましょう。
そして速攻リクルートなどの転職エージェントに登録して速やかに転職活動を初めたほうが良いです。

いちばん大切なのは、多少のことは我慢してでも自分の成長や未来の為に頑張れる会社なのであれば３年は頑張ってみることをおすすめします。

２．Web制作会社を辞めることで後悔は無いか

次に考えてほしい事は「Web制作会社を辞めることで後悔は無いか」という事です。

辞めたいという気持ちは感情の起伏で一時的な事もあります。

そこですぐに決断するのではなく、一度立ち止まって冷静に考えて見てください。
今Web制作会社を辞めることで後悔はないか。
この会社でやりたかったことはやり遂げたのか、後悔しないか。

そんな事を一旦考えてみるとまた違った目線で自分と向き合うことができると思います。

今いる会社で吸収できる事がまだ残っているのであれば、会社を利用してやるという気持ちで積極的にチャレンジしてみるのもありです。

期間限定でがんばるといったやり方も効果的です。

３．将来性のあるビジネスができている会社か

次に考えるべきなのは「将来性のあるビジネスができているか」という観点で考えてみるのも必要です。

いま辞めたいと思っているWeb制作会社のビジネスがいつまでも古い風習に沿った仕事だったり、新しい技術やビジネスモデルを構築しようとしない会社なのであれば速攻辞めるべきです。

WebやITの業界は日々すごいスピードで進化しています。

その中で、新しい技術やビジネスモデル、マーケティング手法を取り入れていかないような凝り固まった会社であれば、厳しいことをいうとあまり未来は期待できないのかなと。

そして自分自身の成長にも繋がりません。

変化できる会社や人が生き残っていく社会です。
チャレンジ精神や起業家精神に欠けている会社であれば、転職を考えましょう。

その逆で、ハードワークであったりベンチャー企業で個人の裁量が大きく忙しい毎日を過ごしていたとしても、会社のビジョンが明確にあって、消費者やクライアントに対して最高のサービスを提供出来るようなビジネスを行っている会社であれば、一時的に辞めたいといった気持ちはあっても頑張って続けてみる価値はありそうです。

Web業界は転職が当たり前にある世界です。

一つの会社である程度経験を積んだらキャリアアップで次の会社に転職するといったケースは本当によくあるケースです。

なので、会社を辞めたいと思ったときには自分のキャリアプランを一度冷静に考えてみて判断するようにしましょう！

これが明確な判断基準になると思っています。

それではまた！

未経験採用の場合は、はじめから高待遇で雇ってもらえるところは中々見つけづらいですが、今回は実際の求人サイトの掲載金額を元に、未経験のWebデザイナーがはじめにもらえる給料や年収はいくら位なのか紹介していきます。

• Webスクールを卒業して就職しようとしているのですが、未経験でのWebデザイナーの年収はどのくらいもらえるの？
• これからWebデザイナーになるために勉強しようとしているのですが、Webデザイナーの年収や給料事情が気になる。

こんな疑問や要望に対して解説します。

 記事をかいている人

未経験から始めるWebデザイナーの年収

結論から言うと、未経験のWebデザイナーの場合は大体平均して年収280万〜350万円くらいが相場です。

300万代後半の金額がもらえるたらかなり優良企業ですね。

ちなみに僕が未経験でWebデザイナーとして勤務した１年目の年収は250万円でした。
時給換算すると笑えないレベル・・！！（でも色々学べたので後悔は無いです。）

どうしても「未経験」なので即戦力として企業側は見てくれません。
なので企業が側が提示できる金額も下がってはしまいますが、初めの１年は勉強もできてお金ももらえるといった点ではある意味で高待遇ですよね。

好きな仕事でお金がもらえて経験も積み上げる事ができるので前向きに頑張りましょう！

正社員のWebデザイナーとして働く場合の年収

では、具体的にどのくらいの金額で求人募集が出ているのかみてみましょう。
今回は僕も転職活動をするときに登録したリクルートを見てみます。

登録しなくても求人案件は見れますが、見れる数がとても少ないので注意です。

リクルートは無料登録で就職・転職サポートしてくれるので、まずは無料登録して非公開求人までエージェントに紹介してもらったほうがたくさんの求人案件を見ることができて良いです。

今回は「Webデザイナー職」×「未経験」で検索をかけて見ました。

▼東京エリアでの求人

仕事内容はWebサイト等の構築・運用、スマートフォンアプリケーションの企画・デザイン・制作等とありますが、必要な経験欄には「UIデザインに興味がある方」とあります。

このような求人であればやる気やポテンシャルを見てもらえる事で採用が決まるパターンがあります。

未経験で年収350万以上もらえるのであれば上出来すぎますね。

派遣社員Webデザイナーの年収

派遣で働いたとしても、未経験の場合は大体300万〜350万円貰えれば良いほうです。
ただし、未経験枠でいくと、リンクの書き換えやテキスト変更のみ等、自分が望んでいたデザイン以外の仕事を多く任されることも珍しくありませんので注意したいところです。

この案件はかなり良心的な案件だと思います。
バナー作成やアイコン作成もできるので初めから正社員でなくても良いという方はこのような案件への応募からチャレンジしてもOKですね。

Webデザイナーとして年収をアップをする為には

初めの１年めの年収は大体300万円前半くらいが多いですが、スキルアップが見込めれば大きく年収を上げることだって可能なのでWebデザイナーの良いところです。

もちろんフリーランスで活躍することも全然ありです。

では年収を上げるためにどのようなことをすれば良いのか？というところですが、
その答えはWebデザイン以外のスキルも身につけることが年収アップの近道です。

市場価値診断ならMIIDAS（ミイダス）！ で自分の市場価値診断をしてみてもわかりますが、身につけているスキルが多いほど年収に影響して求人数も増えます。

マルチにスキルを身につける方法としては、自宅でオンライン学習ができる世界最大級のオンライン学習サイトUdemy がおすすめ。
帰宅後や休日に１時間からでも動画を見ながら学べるので楽ちんです。

尖ったWebデザインスキルを持って年収をアップするのも一つの方法ですが、ライバルの少ない所で戦う事ができるのと、需要が広がるマルチスキルを手にしたほうが年収アップする可能性は高くなります。
なので、デザイン以外にもWebに関するスキルは徐々に身につけて置くのが良いですね。

ということで、今回は未経験Webデザイナーの年収についてまとめました。
まずはリクルート等を見てみて、どのような業界の案件があるのか調べてみると良いと思います。

楽しく快適に働ける勤務先を見つける事は、探し続ければ必ずどこかにあります。
ぜひ最高のクリエイターライフを。

それではまた。

そこでポイントになってくるのが画像の最適化になります。

今回はWebサイトまたはブログの高速化の観点で画像容量は小さくしてサイズはそのまま保つ方法というテーマで下記の疑問に答えます。

• 画像容量を下げたいけど画像のサイズは変えたくない。
• 画像を軽くするにはどうしたら良い？
• サイトの速度改善をしたい。

こんな疑問や要望に対して解説します。

 記事をかいている人

画像容量は小さくしてサイズはそのまま保つ方法とは

結論から言うと、画像の圧縮ツールを活用することで、画像の容量を小さくし、画質・画像サイズを保ったまま保存することができます。

画像圧縮ツールには色々な種類がありますが、僕が実際のWeb制作現場で活用しているツールはtinypngというサイトです。
画像の圧縮率が非常に高く、その上画質は劣化しづらいのでかなり重宝しています。

もちろん画像のサイズはそのまま変更はしないで保存できます。

使い方はとても簡単で容量を小さくしたい画像を選択し、サイトにドラック＆ドロップするか、画像を参照させるかのどちらかであとは勝手にツールが圧縮をかけてくれます。

それをダウンロードして完了です。

画像編集ソフト「Photoshop」を使った画像の書き出し形式

画像を扱うにはAdobe　Photoshopがおすすめです。
色々な書き出し形式に対応しているので、画像の元データから最適なサイズと容量で保存する事が出来ます。

理由：画像書き出し時に画像のプレビューが出てきて画質の調整やファイル形式・ファイルサイズ・容量を確認できる為。

画像保存の書き出し形式には下記４種類のパターンが一般的です。

こういった画像のそれぞれの特徴を踏まえた上で形式別に画像保存すると画像の容量を抑えつつ、最適化された画像で保存することができます。

サイトスピードはSEOに大きな影響を及ぼす：画像を軽くしよう

最後に、サイトやブログの表示速度の重要性を説明します。
近年ではGoogleがサイトパフォーマンスの指標を作りSEOの観点でもかなり重要視しています。

今後、速度が遅いページに対してはSlowのラベルが着いたり、ローディング中のゲージが長く表示されたりといった仕組みが搭載されると言われています。

そもそもスピードが遅いサイトやブログはグーグル検索結果の上位には上がってこないかと。
これはすべてユーザー体験を考慮されたアルゴリズムの変化です。

そこでサイト運営をしている企業やブロガーはこぞってサイトのパフォーマンス改善に努めています。
そして、サイト自体の容量を大きくしているのは画像データが大半を占めます。

そこで画像の最適化が必須となる訳ですね。

今回紹介したようなツールを使ったり、画像保存形式を変えるだけでもかなり画像の容量は縮小できます。しかも画像劣化も気にならない程度に。

サイトスピードの改善はどんどん加速していくので、是非この機会に画像最適化を試してみてください。

それではまた！

Webディレクターって将来性ありますか？というワードを目にしてムムッと感じた私は現役Webディレクター4年目です。

Webディレクターってどんな仕事をしているかよくわからないという方もいるかと思いますが、IT業界・Web業界ではとても需要が高い職業です。

今回は実際に僕も本業で担当しているWebディレクターの将来性について解説します。

進行管理と成果物を無事に収められた時の達成感はこの仕事を選んで良かったと思える瞬間です。

• Webディレクターって将来性あるの？
• そもそもWebディレクターの仕事ってどんな事するの？
• Webディレクターとして働いているが将来性がみえない・・。
• Webディレクターとしてのキャリアを上げていきたい

こんな疑問や要望に対して解説します。

 本記事の内容

Webディレクターって将来性あるの？進行管理が仕事？

Webディレクターに将来性はあるのか？

この疑問に対する答えは「将来性はある」です。

仮にこの先もっとAIの進化が進んでいったとしてもディレクションの仕事は需要が高いと考えます。

その理由は、Webディレクターのメインとなる業務は調整や進行管理であるという事です。

進行管理や業務調整は必ず周りの人達とのコミュニケーションが必要になります。

人対人のコミュニケーションでありそれはAIではカバーできない仕事になる為、変えがきかないですよね。

更に言ってしまえばAIを使ったWebサービスを作り出すディレクションをすれば良いというのもあります。

僕も前職でAIのサービスを提供する制作会社に努めていましたが、AIサービスを提供するためにはそのサービスを作り納品するまでのWebディレクターが必ず必要でした。

他にも、Webディレクターが求められる理由として下記のような業務内容があります。

そもそもWebディレクターの仕事とはなにか

Webディレクターの仕事とは、クライアントと制作チームの間に立って制作の進行管理や業務調整、品質管理がメインの仕事となります。

掘り下げると具体的には下記のような業務があげられます。

こうやって見ると多岐にわたる業務内容ですよね。

建築の世界でいうと現場監督のような仕事です。

このクライアントと制作・開発チームの間に立ってプロジェクトを進行させていくのがWebディレクターの仕事です。

これほどのスキルが求められる業種なので未だWebディレクターは人材不足とも言われています。
※プログラミングやデザインの職種のほうが人気があると感じています。

物事をハンドリングして成果に結びつける事にやりがいを感じる人はWebディレクターに向いていると思います。

Webディレクターとして求められるスキルとは？

Webディレクターの求められるスキルを一言で言うと調整力です。

よく言われるコミュニケーション力も大切なのですが、コミュ力が高いけど調整力が低いが稀にいたりします。

ですが調整力が高くてコミュ力の低い人はほぼいないです。
少なくても私は今まであったことがないですね。

調整力が高いと、クライアントと制作側の課題解決を調整して正しいレールに載せてプロジェクトを進めることができますし、人と揉めることも少ないです。

このような図式が成り立ちます。

仕事の出来るWebディレクターは「調整力」の高い人が本当に多いですし、市場価値が高く需要があります。

このような人材が求められる業界である為、将来性の高い仕事であると同時にスキル向上も望めてやりがいもありますね。

クライアント・制作チーム双方にヒアリングしたり、必要なドキュメント作成を行うのもディレクターのスキルになります。

Webディレクターは業務の裁量が大きいですね。

Webディレクターがキャリアを上げるために必要な事

Webディレクターがキャリアを上げるためには下記の項目があります。

・プロジェクトマネジメント…
期限・予算などの制約の中で、プロジェクトを完了させるための計画立案および実行管理手法のこと。QCD管理（品質・コスト・納期のバランス）、立上げ・計画・実行・コントロール・終結のプロセス。開発チームやインフラチーム、テストチームなど複数のチームを統括するケースが多い。・ディレクション…
タスクの優先度指導・監督・演出・コンセプト設計など。2〜3人程度の小規模チームを統括するケースが多い。

引用：https://career.levtech.jp/guide/knowhow/article/436/

その他にもマネジメントスキルを上げることで組織やチームのマネージャー職としてキャリアアップすることができます。

マネージメント職は主に部下の管理を主とした管理職となるので制作や開発とは少し関わる仕事内容が変わってきます。

自分が何か作業をしたりすると言うよりは周りを管理する立場になってきます。

中にはプレイングマネージャーと言われる自分でも手を動かしながら人の管理も行うマネージャーもいますね。

経営のスキルを上げることで会社の戦略を指揮する経営層に昇進することも可能ですし、

Webのスペシャリストになったら交渉力やトーク力を磨いてコンサルティング業務に就くこともできます。

Webコンサルタントも高給取りの職業ですね。

最後に、Webディレクターを目指す人、Webディレクターから別の企業のWebディレクター職に転職を考えている方に使える転職支援サイトを貼っておきます。

無料で簡単に登録できるので、エージェントに相談（無料）してみて、良い条件があれば転職を検討しても良いと思います。

転職を考えなくても、転職エージェントで無料相談することで自分自身に対して現在の市場価値をプロのコンサルタントに教えてもらえるので、今後自分自身が頑張るべき事や目標なども見えてくるのでおすすめです。

 Webディレクターの求人サイト

★マーケティング職に有名な宣伝会議が運営する求人サイト。ZOZOやADK、博報堂の求人もあり★
宣伝会議グループ「広告・Web・マスコミの転職はマスメディアン」

★安心の大手転職求人エージェント。まずはここから初めて見るのもあり。転職初心者に超おすすめ★
リクルートエージェント

★IT系の求人多数。非公開求人もたくさんあるので、無料コンサルでどんな求人があるのか確認してみよう★
マイナビエージェント

特に、WebデザインスクールとかでよくあるPhotoshop検定等の受講をしたほうが良いか迷っている人もいます。

そこで今回はWebデザイナーの資格が必要・不要の話についてたいと解説したいと思います。

• Webデザイナーになるには資格があったほうが有利なの・・？
• Webデザイナーになる為に資格を取得しようと思っているのだが、どんな資格を取得すればよいかわからない。

こんな疑問に答えます。

 本記事の内容

Webデザイナーになるには資格があると有利？必要性は？

結論から言いますと、Webデザイナーになるのにこれと言って資格は必要無いです。

資格があることで、自分が勉強してきたことをアピールは出来ますが、実際にWebデザイナーとして働くひとに求めらるのは、今までの制作物や実案件の成果、アウトプットを重要視されます。

Webスクールや専門学校で資格を取らせてもらえるコースがあったりもしますが、殆どの資格は無意味だと思っています。

実際にWebデザイナーとして賞を取ったりして活躍している人であっても、資格を持っていない人もたくさんいます。

それでも技術力で信頼を勝ち取って、仕事を受注しているわけですね。

なので、僕はWebデザイナーには特別資格は必要ないと主張できます。

僕の周りのWebデザイナーの人も資格を持っている人ももちろんいますが、実務では特に役立っていないと言っていました。

ただし一部の資格は持っていても良いと思う資格がありますので、それは追って紹介したいと思います。

Webデザイナーの資格の種類は？

それではWebデザイナーになるために皆が取得しようとしている、
世間のWebデザインスクールや専門学校で紹介されている資格を紹介したいと思います。

上記のような資格は結構有名で受験される方も多いようです。
資格自体を否定するつもりもないし、実際勉強した分だけ力になるので資格取得に向けて頑張る事は良いことだとおもいます。

ですが、

そのため、資格取得の為に勉強するよりは、いち早くWeb制作の世界で実務が出来るようにたくさん自分のデザインを生み出してポートフォリオを作るほうが有意義だと考えます。

僕自身もWeb制作会社に入社してからとにかく毎日デザインの訓練とWebサイトの構築について、クライアントが求めるニーズについて、マーケティングについてなど実務内で幅広く勉強させてもらいました。
しかも、お給料をもらいながらです。

なので、資格取得しても良いのですが、個人的にはいち早く実務の現場に足を踏み入れる事に注力することをおすすめします。

僕が実務で学んだ書籍

Webデザイン

レイアウト・デザインの教科書

created by Rinker

SBクリエイティブ

• Amazon
• 楽天市場
• Yahooショッピング

ウェブの仕事力が上がる標準ガイドブック2 Webデザイン 第3版

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webリテラシー

ウェブの仕事力が上がる標準ガイドブック 1 Webリテラシー 第3版

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webを支える技術 ―― HTTP，URI，HTML，そしてREST WEB+DB PRESS plus

created by Rinker

• Kindle
• Amazon
• 楽天市場
• Yahooショッピング

情報設計

IAシンキング Web制作者・担当者のためのIA思考術

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

情報アーキテクチャ 第4版 ―見つけやすく理解しやすい情報設計

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

Webデザイナーでも持っていると良い資格

資格の必要性について、あまり重視していないのですがあえて資格として持っておくと良いものをピックアップして紹介したいと思います。

上級Web解析士資格

上級Web解析資格は僕も取得しましたが、あると有利な取得になります。

Web解析士なのでWebデザインと直接的な関係は薄いですが、Web設計やマーケティングの知識、
サイト分析や広告について等広く深く体系的に知識を習得出来ます。

この資格があることで、名刺にも記載できますし、上級Web解析士同士のコミュ二ティにも入れます。
価値ある情報収集が可能になるわけですね。

Web戦略のコンサルなども出来るようになりますし、こういったWebマーケティング系の知識を持ったWebデザイナーは差別化されて市場価値がかなり高まります。

色彩検定

色彩検定とは色に関する幅広い知識や技能を問う検定試験です。

色彩検定を勉強することで、色のもつ効果や理論・心理的効果まで幅広く知識を習得することができるので、実際のWebデザインにおいても役立ちます。

なぜ、この色彩を使ったデザインなのか。というのを説明出来るようになりますし、彩度や明度・トーンについてもWebデザインではかなり多用するので色彩感覚を養うという意味では取得しておいて良い資格です。

論理的にデザインが説明できるようになるのはスキルの高いWebデザイナーの共通する特徴です。

Google アナリティクス個人認定資格

アナリティクスの検定はGoogleが提供している資格になります。
資格取得にお金はかからず、無料です。

GoogleアナリティクスはWeb業界では必ず取って良いほど登場するツールになります。

アクセス解析を元に、新たなデザイン案を提案出来るWebデザイナーは重宝されますし、市場価値が高まります。

デザインだけでは無くて分析から課題抽出、問題解決の為のデザインができるようになるので、アナリティクスの資格は持っていても損は無いですね。

という訳で、今回はWebデザイナーに資格は必要なのか？というテーマで解説をさせていただきました。

結論は、実務の中で叩き上げで学ぶことの方が多いので、資格取得の為に時間とお金を注ぐよりもたくさん手を動かしてアウトプットを増やすことをおすすめします。

あえて、資格取得を進めるのであればWeb解析士や色彩検定は持っていても良いかと思います。

この記事が少しでも参考になってもらえたら嬉しいです。それではまた！

ですが、実際のWeb制作の現場でどのようなツールを使っているのかは働いてみて先輩から教えてもらったり、もしくはWebのスクールで学んだりする事で早くインプットできます。

他にもググる事でたくさんのツールは出てきますが、一体どのツールを使えば良いのかってくらい色々な種類なWeb制作ツールがでてきますよね。

そこで今回はプロが実際にWeb制作で使っているツールを厳選して紹介したいと思います。

とりあえずここに書いてあるツールがあれば問題ないです！

• Web制作のツールってたくさんあるけど一体どのツールを使えば良いのだろう・・？
• プロが使っているWeb制作のツールを参考にしたい。

こんな疑問に答えます。

 本記事の内容

Web制作のプロが仕事で使っているツール○選

今回はWeb制作を行う際に使用する基本的なツールを厳選して10個紹介します。

この10個のツールを使うことでWeb制作は出来ます。

新規でWeb制作を行う際に必要なツールと既存のWebサイトを更新・リニューアルする時で、
アクセス解析ツールのは使い分けますが、念の為リストに入れています。

1　MacまたはWindwsのPC

まずは基本中の基本なのですが、Web制作にはPCが必要です。

デザイナーやエンジニアはMacを好んで活用する人が多いですが、自分にあったPCを使用するでOKです。

企業に勤めると使えるPCにWindows縛り等の制限が発生するパターンもありますので、どちらも使えるようになっておくと損は無いです。

僕もデスクトップPCはWindowsで、ノートPCはMacbookを使っています。

たまにショートカットの操作に対して混乱することがありますが、慣れてしまえば大したことないです。

デザインツールをインストールする場合は、ある程度スペックの高いPCとを選んでおくと良いです。
コアI5以上あると、デザインソフトが快適に使えると思います。

 おすすめMac

最新モデル Apple iMac (27インチ, Retina 5Kディスプレイモデル, 3.0GHz 6コア第8世代Intel Core i5プロセッサ, 1TB)

created by Rinker

Apple(アップル)

• Amazon
• 楽天市場
• Yahooショッピング

Apple MacBook Pro (13インチ, 一世代前のモデル, 8GB RAM, 512GBストレージ, 2.3GHzクアッドコアIntel Core i5プロセッサ) – スペースグレイ

created by Rinker

Apple(アップル)

• Amazon
• 楽天市場
• Yahooショッピング

最新モデル Apple MacBook Pro (13インチPro, 8GB RAM, 512GB SSDストレージ, Magic Keyboard) – スペースグレイ

created by Rinker

Apple(アップル)

• Amazon
• 楽天市場
• Yahooショッピング

 おすすめWindows

Dell デスクトップパソコン Inspiron 3470 core i5 19Q12/Windows10/8GB/1TB/HDD/DVD-RW

created by Rinker

Dell

• Amazon
• 楽天市場
• Yahooショッピング

マイクロソフト Surface Go(サーフェス ゴー) 10インチ PixelSence ディスプレイ/Windows 10 Home (Sモード)/第7世代 Intel® Pentium® Gold 4415Y/eMMC 64GB/メモリ 4GB/Office Home & Business 2019/シルバー MHN-00017

created by Rinker

マイクロソフト

• Amazon
• 楽天市場
• Yahooショッピング

 おすすめマウス

【令和改良版 7色ライト付き】 ワイヤレスマウス 無線マウス コンパクト 超薄型 静音 2.4GHz 800/1200/1600DPI 高精度 省エネモード 持ち運び便利 Mac/Windows/Surface/Microsoft Proに対応 (ブラック)

created by Rinker

DeliToo JP

• Amazon
• 楽天市場
• Yahooショッピング

 おすすめモニター

Acer ゲーミングモニター SigmaLine 24.5インチ KG251QJbmidpx 0.6ms 165Hz TN フルHD FreeSync フレームレス HDMI スピーカー内蔵 ブルーライト軽減

created by Rinker

日本エイサー

• Amazon
• 楽天市場
• Yahooショッピング

2　Google Chrome＆Edge

ブラウザは基本的にGoogleChromeを活用します。

使用されているシェアが多いと言う事と、開発者ツールによるデバックや開発の効率性が高い為です。

基本的にGoogleChromeとEdge・IE11の検証ができる環境であればWeb制作環境としては問題ないです。

GoogleChromeと同じくらいユーザーシェアがあるマイクロソフトのEdgeやIEはMacユーザーであってもインストールしておきたいブラウザですね。（動作検証で活用）

Chromeで表示崩れが起きていなくてもIE11で意図せぬ表示くずれや挙動を起こすことは多々ありますので気をつけたいところです。

3　Officeソフト

Officeソフトは鉄板で活用します。

エクセル・パワーポイントはマストで使用していますね。

指示書やワイヤーフレームをエクセルやパワーポイントで作るディレクターは今でも多くいます。

その他、見積書や請求書をワードで作る場合もありますし、その他アクセス解析やデザイン趣旨の資料作成でも必ず活用しますので、インスールしておきましょう。

4　アクセス解析ツール

アクセス解析ツールは、新規でサイトを作成する場合はサイトにタグを導入する形で使用します。
サイトが公開された後にアクセスログを使ってサイト分析をする為ですね。

広告運用やヒートマップ等の複数計測タグを活用する場合はタグマネージャーというのを活用するパターンがあります。

既存サイトをリニューアルしたり、改善する場合はアクセス解析ルーツを使用して課題抽出から行います。

サイト分析を行い、ボトルネックを洗い出して、サイトのどの部分を改善すれば、良いのかを見つけ出す事ができます。

等の課題発見と仮設構築で役立ちます。

 実際に現場で使用しているアクセス解析ツールは下記２点です。

5　プロトタイピングツール

プロトタイピングツールもここ最近のWeb業界では当たり前のように使用されています。
使用頻度が高いツールは下記３点ですね。

利用シェアが高いのはAdobeXDかなと思います。

プロトタイピングツールは、ワイヤーフレームもつくれますし、サイトの導線設計を行う際に画面遷移をブラウザ上で確認出来ます。

その際にユーザビッリティを考慮した情報設計になっているか、またはデザインになっているかなどの確認もできる万能ツールです。

主にUI・UXデザインやアプリ開発などでもXDを使用して画面デザインや導線設計・UIパーツ作成を行ったりします。

6　Adobe Photoshop

PhotoshopもWeb制作の現場では必須ツールです。
Webデザインを行う際に使用します。

 具体的には主に下記のような用途で活用しています。

Adobeのソフトを安く購入するなら、『たのまな』がおすすめ！

7　Adobe Illustrator

Illustratorもサイト制作では使用します。
主にベクターデータを作る際に活躍します。

 具体的には下記のような時に使用しています。

8　マークアップ用テキストエディタ

コーディングを行う時に活用するのがエディタです。
Adobe　Dreamweaverというエディタを使用する人もいますが、
プロのコーダーやエンジニアになってくるとDreamweaverより軽量な
Sublime TextやATOM、Visual Studio Codeを使用している人が多いです。

プラグインも豊富で自分用にカスタマイズしやすいのがメリットですね。

 おすすめエディタ

9　FTPSツール

FTPSは編集したファイルを、サーバーにアップロードする際に使用します。
このツールがないと、CMSなどを使用していない場合は少々面倒です。

ここでおすすめしたいのは編集したファイルを暗号化して転送してくれる下記のツールです。
転送ファイルに対するセキュリティ対策のニーズに対応しています。

10　CMS

CMSの導入を行うパターンもWeb制作では増えています。
このCMSは導入は少々プログラミングスキルが必要になってきます。

WeBサイトを更新しやすくする為に管理画面で制御できる仕組みです。
Officeソフトのようなインターフェースで文字を入力できたり、画像やその他データのアップロードも簡単にできます。
誰でもWebサイトが簡単に更新できるようになっています。

 よく使われるCMSパッケージ

企業によってはフルスクラッチでCMSを用意するところも多いです。

その他

その他でいうとデザイナーによってはペンタブを活用する人もいます。
今はアイパッドを書くことができますが、まだまだペンタブを活用するデザイナーはたくさんいます。

最新モデル Apple iPad Pro (12.9インチ, Wi-Fi, 256GB) – シルバー (第4世代)

created by Rinker

Apple(アップル)

• Amazon
• 楽天市場
• Yahooショッピング

【Amazon.co.jp限定】ワコム 液タブ 液晶ペンタブレット Wacom Cintiq 16 FHD ブラック アマゾンオリジナルデータ特典付き DTK1660K1D

created by Rinker

Wacom(ワコム)

• Amazon
• 楽天市場
• Yahooショッピング

【Amazon.co.jp限定】ワコム ペンタブレット ペンタブ Wacom Intuos Pro Sサイズ アマゾンオリジナルデータ特典付き PTH460K1D

created by Rinker

Wacom(ワコム)

• Amazon
• 楽天市場
• Yahooショッピング

いかがでしたでしょうか。
今回は実際にWeb制作を仕事にしている僕の目線で、現場で使用しているWeb制作ツールを紹介しました。
10個のツールを紹介しましたが、どれもWeb制作では基本となるツールなので抑えておきましょう。

正直、多すぎてどのデザインスクールが自分にあっているのか迷ってしまうと思います。

そこでこの記事では『ニーズ別に４校だけ』Webデザインを学びたい人向けのスクールをご紹介します。

今のWebデザイナーはコーディングスキルは求められますので、プログラミングの科目も習得できるおすすめ４校の解説です。

• 数あるWebデザインスクールの中でどのスクールを選べば良いかわからない・・。
• 最速でWebデザイナーのスキルを手に入れたい。
• 未経験からWebデザイナーになりたい
• なるべくお得なWebデザインスクールに通いたい。

こんな疑問に答えます。

 本記事の内容

Webデザインスクールのおすすめ厳選４社：無料あり

結論から言いますと、下記４つのWebデザインスクールがおすすめ出来ます。

今回は殆どオンライン形式で学べるWebスクールを厳選しています。

時間がない社会人や主婦の方でも時間を確保しやすく学習しやすい環境を提供しているところがおすすめです。

①デザイン未経験でも安心。基礎から学べる【CodeCamp】

【CodeCamp】はしっかり時間をかけて基礎からWebデザイン・Webサイト制作を学びたいという人向けのスクールです。

料金体系も良心的で、１レッスン辺り7,400円で受講出来ます。
しかも分割払いが可能になりますので、一度に大きな支出は避けられます。

身につくスキルは下記です。

オンライン教科書で学習を行い、レッスンは当日予約・変更がスマホで可能です。
フレキシブルに学習できるので、自分のペースで学習可能！
もちろん、卒業後のキャリアサポート制度もありますので安心。

無料体験を試してみる

②現役Webデザイナーがしっかりサポート。コーディングもきっちり学べる【TechAcademy】

【TechAcademy】はデザインと合わせてプログラミングの知識やワイヤーフレームの作成まで幅広く学びたい人向けのスクールです。

料金もほかスクールに比べると安い設定になっています。分割払いも可能です。

・学生は月々約5,375円〜
・社会人は月々約6,209円〜

Webデザインコース以外にもWeb制作に関するコースがとても充実しています。
短期間で結果を出すカリキュラムをモットーにスピード感を持って学習できるところがポイント。

身につくスキルは下記です。

学習期間も４週間プランから16週間プランまで幅広く選択出来ます。
オンラインブートキャンプが完了したら、自分の作品をコンテンストに出すことも出来ます。
受賞目指してモチベーションを高めることができますね！

無料体験を試してみる

③１ヶ月で完結！大人気のママ用Webデザイナー講座【Famm】

【Famm】は子供がいるママさん向けのWebデザインスクールです。

子供が小さいうちは自分の事になかなか時間を確保できませんよね。

ですが【Famm】であれば下記のようなメリットがあります。

子育て中のママさんであってもWebデザインの勉強ができて、実際にWebデザイナーとして仕事を受注出来るまでサポートしてくrます！

Webデザイナーは在宅ワーク可能な仕事ですし、作業時間の融通も効くので、ママさんから人気の職種です。
そんな人気の職種に就く為に、ママさんが手に職をつける充実のサポート制度が充実しているスクールです。

料金は15万円で、身につくスキルは下記です。

産後も働きたいママにおすすめ！

ライブ配信で完結！「Fammママwebデザイナースクール」

④転職までしっかりサポート！通学型Webデザインスクール【TECH::CAMP】

【TECH::CAMP】はオンラインでは勉強が続かない・・という人や、必ずWebデザイナーとして就職・転職成功までサポートしてもらいたい！という人に向けておすすめ出来るWebデザインスクールです。

受講料は比較的高め(分割可)ですが、14日間の無条件返金保証もありますし、デザイナーとして転職が出来なかった場合は受講料全額保証という制度もあります。
その為、Webデザイナーとして仕事をしていきたい人にとっては、かなり魅力的なサービスです。

学習内容もコンセプト設計からフロントエンド開発まで、一気通貫で学べるのでWebサイト構築への理解度はかなり高まります。

企画からWebサイト公開までの全てのフローを習得できるので、Webデザイナーとして転職・就職しても即戦力で働けるスキルを身につけることができます。

未経験から始めても卒業するときにはプロとしてやっていけるくらいの学びを手に入れる事ができますね。

身につくスキルは下記です。

TECH::CAMPオンラインデザイナーコース

Webデザインスクールで学習するメリット

ここで少しWebデザインスクールで学習するメリットを伝えたいとおもっています。

僕自身もWebデザインのスクールに通っていたことがあるので言えるのですが、Webデザインに限らずプログラミンの場合も同様ですが、わからない部分があったらすぐにプロの講師に質問できるという所が最大のメリットになります。

独学だと、自分で書籍から知りたい部分まで遡って見直したり、ググって答えを探しにいったりと結構ハードです。

特に、Webデザインの場合はプログラミングなどと違って明確な正解はありません。

デザインツールの使い方なども実際にプロのデザイナー講師に聞いたほうが、現場での活用方法を指導してもらえるし、デザインする際のテクニックや、きれいなデザインの作り方やおしゃれなデザインの作り方を丁寧に教えてくれます。

独学でデザインを勉強していると、自分のデザインに対して自己満足になってしまう事もあるので、気をつけたいところです。

実際に、自分で良いと思っていたデザインがクライアントに「ダサい」と一蹴されている人も見たことがありますし、Webデザイナーになるための就職活動でポートフォリオのレベルが低くなったまま活動してしまっている人もいました。

その点、スクールに通うメリットとして、基本的なスキルから現場で使う技術、ポートフォリオの添削や就職活動のサポートまで幅広く対応してもらえます。
今は卒業後のサポートも充実しているスクールも多いです。

スクールに通うということは、費用は発生しますが、早く・正確に・丁寧にWebデザインのスキルを身に着けたい人にとってはかなり有益になります。

それにWebデザイナーの収入は決して安いわけでもないので、スクール費用は簡単にペイできると思いますよ。
かなりコスパの良い自己投資だと思います。

オンライン型スクールの受講が特におすすめ

個人的に特におすすめしたいのがオンライン受講型のスクールです。
オンライン受講型だと、自分のペースでカリキュラムを消化できるので、ストレスが圧倒的に減ります。

そして、都心部に住んでいなくても学べますし、いつ、どんな場所であってもPC１台あればどこでも受講可能なのがおすすめポイントです。

Webデザインスクールって、学生世代だけではなくて、30代のサラリーマンや主婦の方も受講されている人が多いです。

働きながら学ぶ時間を確保するのって結構ハードな事になると思うのですが、オンライン受講型であれば自分のペースで時間割を組めるし、急な用事が入ってもすぐキャンセルをしてリスケできるといった点がオンラインスクールの強みです。

実際に講師の人ともWebカメラで会話できますし、チャットも可能です。

画面共有して自分のわからない箇所もリアルタイムで確認してもらえるので、家やカフェから受講しても全く不自由無いです。

通学の時間を削減できるという、メリットもあるので、個人的にはオンライン型のスクールがおすすめですね。

下図では紹介したWebデザインスクールを表でまとめています。

スクール名	公式サイト	学習期間	学習方法	参考料金	転職・就職サポート	卒業後サポート
Code Camp		2ヶ月〜6ヶ月	オンライン	148,000円〜	有り	有り
テックアカデミー		1ヶ月〜4ヶ月	オンライン	129,000円〜	有り	有り
Famm		1ヶ月	オンラインまたは通学	148,000円〜	キャリアカウンセリング 有り	有り
TECH::CAMP		2.5ヶ月〜	通学メイン＆オンラインサポート	598,000円〜	有り	–

というわけで、今回はWebデザインスクールのおすすめ厳選４社：無料あり【スクール出身Web担が解説】
というテーマでWebデザインスクールをニーズ別に紹介させていただきました。

実際にWebデザインスクールを卒業した僕の見解でいうと、通って本当に良かったと思っています。

その理由は、最速でWebデザイナーになる夢を実現できたのと、未経験からでもWeb業界に参入しやすかった為です。

もちろんWebスクール側の就職サポートやポートフォリオの添削など手厚いサポートがあったからというのもあります。

そして、スクールで学んだことは就職してからもずっと役に立つ内容だと今になってわかりました。
PhotoshopやHTMLの知識などはスクールでしっかり勉強しておいて企業に入ったら即戦力で仕事ができる状態にしておくのがベストですね。

まとめに、今回のおすすめスクールは下記です。

Webデザイナーになることが目標であれば、是非スクールを活用して見てください。
効率よく学習できて、自分の成長も実感しやすいです。

まずは無料カウンセリングや無料説明会から入ってみると、ハードルが下がって良いと思います＾＾

いろいろ吟味して選択してみてください〜！
それではまた！

今回はWeb制作業務の流れを徹底解説、仕事の進め方を紹介というテーマで
Web制作ワークフローを解説していきたいと思います。

この記事は、主に下記のような悩みや疑問を持った人に向けて書いた記事です。

• Web制作の仕事をしてみたい
• Web制作会社に転職したい
• Web制作の仕事の流れってどうなっているの？
• Webサイトが出来上がるまでの工程を知りたい

 本記事の内容

この記事を通して少しでも参考になっていただければ嬉しいです。

まずは初めにこの記事を書いている僕の事を簡単に説明しますと、Web制作会社のデザイナーからキャリアをスタートさせて、Webディレクター職などの経験を経た後で現在は事業会社(インハウス)のWeb担当者をしています。

かれこれWeb関係業務に携わって9年程です。

今回は今まで僕自身がWeb業界で経験してきた中で学んできた事を基に、Web制作会社の仕事の進め方を例に解説していきますね。

Web制作の全体フロー：制作完了までの流れ

Web制作会社での仕事の流れを参考に解説します。
主なWeb制作の流れは6つの工程に分けることができます。

この６つの工程を経て、Webサイトが無事公開されるような流れとなっています。

それでは各ポイントについて順に解説します。

①キックオフミーティング

Web制作業務は、いきなりデザインを初めたりするものではありません。

必ず初めの段階でクライアント（依頼者）と制作会社で「キックオフミーティング」という形で双方の認識のすり合わせと、これから頑張ってWebサイト公開まで成功させましょう！という決起会を行います。

キックオフミーティングでは主に下記のような内容を話します。

こういった内容で制作側とクライアント側で認識統一を図り、その後のWeb制作業務を円滑に進めることが出来るようにします。

②WebサイトのコンセプトやWebサイトを活用したビジネス方針を決定

キックオフMTGが完了したら、

その後は数回打ち合わせを行うことで、より詳細なサイトの仕様や求める成果などをすり合わせて行きます。

制作側はクライアントの要望をヒアリングすると共に、課題解決と、より良いWebサイト設計の提案も行います。

Webサイトはビジネス上のひとつのツールとして活用することが多いので、クライアントのビジネス内容と今後の方針までしっかり理解した上で制作の準備に入る必要があります。

③Webサイトの設計を確定させる

ヒアリングが完了したら、Webサイトを構築するための情報設計を行います。
サイトマップやディレクトリマップを作成しWebサイトの構造をドキュメント化します。

用意すべきページが明確になったら各ページのワイヤーフレームを作成し、原稿や必要な素材も手配します。

Webライティングまで請け負った場合はワイヤーフレームや構成案ができた段階で執筆もしますし、
その他システム要件に合わせたシステム設計書なども用意する必要があります。

④Webデザイン・コーディング・システム開発

諸々仕様が固まったら、ワイヤーフレームや構成案に沿って、Webデザインを行います。
Webデザインは何回か修正を経た上で、クライアントからOKが貰えれば完了です。

Webデザインが完了したら次にHTMLコーディングのフェーズに入ります。
HTML・CSS・JSなどを活用してデザインを実際にホームページとして閲覧出来るようにページを組み立てます。

この時点でWordPressなどのCMSを活用する場合はテンプレートとなるPHPファイルを組み立てて、制作したhtmlページの出力等の機能実装をします。システム開発も合わせてこのフェーズで行います。

⑤出来上がったサイトの検証・修正業務

Webデザイン・コーディング・システム実装等の対応が完了したら、検証フェーズの流れになります。

出来上がったWebサイトをくまなくチェックして、バグはないか、誤字脱字はないか、リンク切れなどの不備はないかなどのチェック業務を行います。

主に各担当に分かれて検証用チェックシートを活用しながら確認を行い、
制作側で検証が済んだらクライアントにも確認依頼を出します。

⑥成果物(Webサイト)の納品・公開

一通りWebサイト内の検証が完了して、不具合がない事が分かったらクライントに納品となります。
納品形態にも様々ありますが、基本的にはWebサイトを公開するところまで対応することが多いです。

Webサイトが公開して、実際に世界中の人たちの目にはいる状態になってWeb制作業務の流れは一旦完了となります。

Webサイト制作は作って終わりの仕事ではない

とっても重要な事があります。

それは、Webサイトは制作したら終わりというわけではないのです。
むしろ、Webサイトは公開してからがスタートだと思ってください。

Webサイトが出来上がったら運用業務が発生します。
更新性のないWebサイトはSEOでも上位に上がってきませんし、誰の目にも入らない意味のない自己満足サイトになってしまいます。

なんのためのWebサイトなのだ！となってしまいますよね。

Webサイトは生み出した後は成長させていくものです。そこでWebマーケティングという仕事が出てくるのですね。

日々Webサイトの分析や効果測定・改善業務・PDCAを回してより良いWebサイトに育てましょう。

Web制作で必要となる人材とスキル

ここまで解説したWeb制作業務の流れの中で、たくさんの役割や仕事があることを分かって頂けたかと思います。

Web制作を一人で担当しようとすると、マルチなスキルが求められます。

例でいうと下記10項目ほどあります。

この内容を一人でこなしてしまうフリーランスの人も実際にはいますが、
制作会社で請け負うような大きなサイトになってくると、一人で対応するのは現実的に厳しいです。

そのため、各分野に特化したスペシャリストが各項目に合わせて担当して仕事を進めることになります。
これだけ担当職種があるので、Web制作業界の間口は広いと思っています。

デザインがやりたいのであればWebデザインに特化したスキルを磨くのも良し、

制作チームを指揮する事にやりがいを見出だせそうであれば、Webディレクターやそのまた上流のプロジェクトマネージャーを目指すのも良しです。

というわけで、今回はWeb制作の仕事の流れについて、Web最作会社を例にした解説を行いました。
実際にこの流れを数ヶ月かけて進めていくことが多いです。
※中小規模の場合は短い期間で完了する場合もあります。

ぜひ、参考にして頂けますと幸いです！それではまた！

今回は独学でWeb制作を勉強して副業で稼ぎたいという方に向けて、

独学でもWeb制作は副業にできる？Web制作初心者でも稼ぐ方法というテーマで
解説していきたいと思います。

この記事は、こんな悩みや疑問を持った人に向けて書いた記事です。

• 副業して稼ぎたい
• Web制作を副業にしたい
• Web制作初心者だけど副業できるかわからない
• 独学でWeb制作の副業はできる？

 本記事の内容

この記事を通して少しでも参考になっていただければ嬉しいです。

Web制作を独学して副業にすることは可能？

結論から言うと答えはYesです。

実際に独学でWebを勉強して副業にしているサラリーマンの人はたくさんいます。

Web制作って難しく考える必要は無くて、誰でも参入できるビジネスなんですよ。

独学であっても基本的なWeb制作の知識と、ある程度のスキルがあれば参入のハードルは格段に下がります。

Webの技術は日々進化していっているので、新しいもの好きな人や、物作りが好きな人、デザインが好きな人、プログラミングをやってみたい人等、まずは興味本位でも良いので一歩踏み出してWeb制作の世界に入ってみる事をおすすめします。

Web制作業務は細分化して考える

Web制作という言葉だけで言うととってもざっくりしているので、もう少しWeb制作という業務内容を細分化してみましょう。

Web制作業務は主に下記の内容で業務を分担できます。

控えめにいってもWeb制作はこれだけ細分化できます。
そして仕事自体もこれだけ細分化された内容で、数多く募集がかかっているのが現状です。

デザインから初めてもいいし、HTMLコーディングから初めても良いし、自由度はかなり高いのです。

文章を書くことが得意な人はWebライティングの仕事についても募集がありますよ。

Web制作初心者が効率的に独学する方法

副業としてWeb制作をするとしても、ある程度の知識は予め習得しておいたほうが良いです。

実際に副業として仕事を受注してからスパルタ形式で勉強しながら案件を進めるという思い切ったやり方もありますが、副業であるという前提とWeb制作初心者の方にはあまりおすすめしません。

特に副業というのは、本業ありきの限れた時間の中で仕事をこなす事になりますし、実際に仕事には納期が発生します。

勉強しながらだとどうしても業務を進めるのに時間がかかる事もありますし、失敗できないというプレッシャーも強いです。

※プレッシャーをモチベーションアップや起爆剤にして副業できる人はやってみても良いと思います。

安全にWeb制作を副業にするのであれば、基礎的な知識は予め勉強しておきましょう。

そこでおすすめできる勉強法としては動画サイトの活用です。

Udemy という動画学習サイトはわかりやすくておすすめできます。

なぜ動画学習がおすすめなのかと言うと僕自身がWeb制作を勉強し続けている経験の中で本を使った独学方法よりも動画学習の方が圧倒的に効率的で身につきやすかった為です。

スキマ時間でも学習できるし、動画を見ながら実際に自分で手を動かしてWeb制作したりできるのもメリットです。

参考書等の本を読むより短い時間で理解できると思います。

特にWebデザインやHTML・CSSのスキルを最速で手に入れるにはすごくおすすめですね。

ここで１周間程度学習したらこれから紹介するココナラとかで実際に仕事を獲得してみましょう。

Web制作初心者でも稼げる副業案件はある

これは実際にココナラといういうサイトの募集案件のキャプチャですが、数千円単位の小さな規模のデザイン案件等もあれば、100万円以上の大型案件の仕事も募集がかかっています。

※初めは小規模の案件から着手すると良いと思います。
¥2,000〜¥10,000くらいの小規模案件もたくさんあります。

Web制作初心者やWeb制作を独学してきた人にとって、まず1番大切な事は実績を多く積むことです。

実績や成果を積み上げていく過程でスキルも一緒に向上していきますし、自信もついていきます。

ある程度制作実績が溜まったらポートフォリオをWebサイトで制作してみるのもありです。

引用：http://d-obana.com/category/web/

こんなかっこいいポートフォリオが制作出来るようになれば一人前ですね。
というより、副業ではなくてもフリーランスで仕事ができるレベルになっていきます。

とはいえ、本業と副業で切り分けてWeb制作をしていきたい人もいると思いますし、
その辺りは自分のやりたい範囲で自分のペースに合わせてWeb制作していくのが1番良いのではと思っています。

 この記事での大事なポイントは下記です。

・独学でも初心者でもWeb制作は副業にできる。
・独学は動画サイトがおすすめ【30日間の返金保証あり】
・副業で仕事を獲得しやすいのはココナラ
・Web制作業務を細分化して、自分が得意そうな内容の案件を受注してみる
・副業であれば、まずは小規模案件からでもOK

今回は以上になります。それではまた〜！