2019年11月18日シェアツイートシェアブックマークWebサイトと言えば今では見たことがないという人を探すのが難しいくらいどこでも見れるものです。個人で製作したものを除けば、Webサイトのほとんどは「Webデザイナー」という人達によって作られています。いう意味ではインターネットを使ったWebサイトは今後も無くなる、廃れるという見通しはほぼ無いため、Webデザイナーの仕事も無くならないというのもまた事実ではないでしょうか。No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアですCodeCampとは?(受講生体験記)「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。CampKENスクールまとめ未経験からWebデザインを独学で勉強するのは可能?結論から言うと未経験からWebデザインを独学で勉強するのは「可能」です。パソコンさえあれば、ある程度のWebサイトを作成することは可能です。独学の場合、詳細は後述しますが、少し苦労する部分も出てくるのも事実です。Webデザインの仕事と言っても、見た目部分を考える「デザイン」的な側面とWebサイトを正しく動かせる「プログラミング」的な側面があるため、Webサイト作成が未経験でも、学生時代などにそのどちらかの経験があれば大きなアドバンテージとなります。デザイン、プログラミングの経験が無いという人でもWebデザイナーの道が閉ざされていると言う訳ではありません。正しく、効率的な学習を心がけることでWebデザイナーへの道は開かれるでしょう。スクールと独学のメリット・デメリットWebデザインの勉強方法としては大きく2つあり「専門のスクールに通う」「本自分1人で勉強する」という方法です。それぞれにメリット・デメリットがあるので解説していきます。スクールのメリット・デメリットまずはスクールに通うという学習方法ですが、スクールに通う一番のメリットは「学習効率」です。スクールでは経験豊富な講師と充実したカリキュラムでサポートしてくれるので、分からないところ聞いたり、自分の得意分野を伸ばしたりということが比較的簡単に行えます。Webデザインはコンピュータのことなので、分からない部分も数多く出てくるため、そんな時にすぐに聞ける人がいるというのは独学よりも有利な点と言えるでしょう。デメリットとしては「コストが高い」と「移動時間」でしょうか。費用面ではどうしても独学には勝てませんが、その分効率的に学習できると考えれば、「時は金なり」早く就職したい人には良いかもしれません。移動に関してもCodeCampなどのオンラインスクールなら自宅からパソコンのビデオ通話で、プロ講師のレッスンが受けられます。独学のメリット・デメリット独学のメリットは「コストが低い」と「自由な時間」ではないでしょうか。パソコンやデザインについてある程度の知識のある方や、自分のペースで学習したい方は独学の方が向いているかもしれません。プログラミングと言ってもWebデザインではそこまで難しい処理はしないので初心者でもどうにかなりますし、良いデザインのHPを研究すればデザインの勉強にもなります。デメリットとしては「全て自分でする」ということにつきます。勉強でつまづいても自分で解決するしかありませんし、PhotoshopやIllustratorなどのグラフィックソフトも必要であれば購入から学習まで1人で行う必要があります。学習本も自分に合ったものをうまく見つけなければ学習をスムーズに進められなくなります。自宅で学習するというのは自由に学習できるというメリットともありますが、自宅はスマホなどが自由に使えてしまうため、様々な誘惑があり勉強に集中できない場合もあります。独学の場合、どう勉強していいか分からなかったり、どういう教材が良いのか分からない場合があると思います。そんな時にどういう手順で勉強すればいいのか、また、どういう本やサービスを使って学習るのが効率が良いのか解説していきます。Amazonこの本は、Webの開発環境構築からはじまり、HTMLとCSS、JavaScriptの基本、Ajaxと呼ばれる地図サイトなどで使われている技術なども丁寧にサンプルコード付きで学ぶことができますので、1冊で幅広い技術を習得したいと感じている人にオススメです。ブラウザのインストール、エディターの用意などの開発環境の用意から解説してくれているので、PC初心者にもやさしい内容となっています。Amazonこの本はWeb関連の情報やデザインについて学べるブログ『Webクリエイターボックス』のManaさんがHTML、CSSなどのWebサイト構築の方法を分かりやすく教えてくれるという内容になっています。内容はブラウザーやテキストエディタの種類といった一般的なIT知識から丁寧に解説されています。Webサイト制作の基本からスマーフォン対応などのWebサイト作成のための技術を実際のWebサイトの画面などを織り交ぜながら解説してくれます。JQueryやJavascriptなどは解説されていないため、他の書籍で学習する必要があります。難しそうなプログラミングや技術は置いておいてWebデザインをはじめたいと感じている人にはピッタリの書籍ではないでしょうか。オンラインでのビデオ講義ドットインストールは3分動画でマスターできるプログラミング学習サービスです。1つ1つの講義が短いためスキマ時間を上手に使うことができるのが最大の特徴です。ビデオ講義なので気になったところは繰り返し見ることができます。講義も、HTML、CSS、Javascriptなどの講義が豊富にそろっているので長い講義だと集中力が保てない方などにもオススメです。講義数もある程度あり、初級から中級くらいまでのレベルの講義がありますので、少しずつステップアップしていけます。有料プレミアム会員になれば全ての動画講義、文字起こしの閲覧、講師エンジニアへの質問などが行えますが、登録しなくても無料の講義などもありますので気になった方はとりあえず無料会員で講義の雰囲気を確かめてみるのもいいかもしれません。Amazonこの本は415点の厳選した良質なWebサイトを集めた見本集です。デザインセンスを身に付けるうえで必要なことの1つに良いデザインを研究するというのがあります。それは、センスは生まれ持ったものではなく、学ぶことができるからです。デザイン性の高いサイトを乗せているわけでなく、Webサイトを見るだけではわからなかった「デザインの魅力の理由」が分かるようになっており、自分のサイトの制作する時に活用できます。自分の思い描くデザインがうまく表現できない時などにも使えるため、プロになってもお世話になる機会が多い書籍ではないでしょうか。オンラインでのビデオ講義Schooは月980円で4700本のビデオ動画が学習できるオンラインサービスです。常に学習できる常設のビデオ講義と時間が決まっている生放送講義の2種類があり、生放送の講義は大学さながらの講義を自宅で受けることができます。Webデザインの講義は200を超えており、Webのためのグラフィックデザイン、配色セオリーなど興味をそそられる講義がいくつもあります。4700本の中にはもちろんWebデザイン以外の様々な講義が学習できるので、プログラミング、デザイン、社会人としての心構えなど非常に広い範囲の知識を得ることができますので非常にWebデザイン以外のスキルアップをしたい方にもオススメです。AmazonWebデザインの現場で昔からよく使われるツールと言えばPhotoshopとIllustoratorではないでしょうか。現在では他にもツールは沢山出ていますが、これらのツールが使えると仕事の幅も広がります。Photoshop、Illustoratorはそれぞれの学習本ならたくさんありますが、Webデザイン向けのPhotoshop、Illustoratorを両方学べる学習本となるとそう多くありません。本書ではWebサイトをより魅力的にするために、必要となるテクニックを目的に沿って作例を用いながら解説しています。基本から説明されていますので、Webデザインをはじめて間もない方や、少しだけ触ったことがある程度の方には良い教本となるのではないでしょうか。オンラインでのビデオ講義Udemyはオンラインでいつでもどこでも学習ができるサービスです。スマートフォン対応しているので外出中にも学習ができるのが特徴です。授業は買い切りのビデオ講義で1度購入すると何度でも受講することができます。Webデザインの授業数も豊富でPhotoshopからillustratorの基本から応用のレッスン、AdobeXD、英語ではありますがFigmaなど、多くの数のレッスンの中から自分の目的に合わせて選ぶことができます。レッスンの割引なども行われているため、24000円もするレッスンが1200円で購入できることもありますので、安いうちに購入しておいて時間があるときに学習すれば、学習本を購入するより安い価格でビデオレッスンを受講することも可能です。Webデザインを勉強するのにおすすめのパソコンWebデザインで使用するデザインツールによってはパソコンにそこそこハイスペックな能力が要求される場合があります。そこで必要な性能とおすすめのパソコンをご紹介します。必要な性能まず、デスクトップとノートですが、性能という意味では現在ではあまり差がなくなっています。ノートだと打ち合わせなどに直接持って行けますので便利です。デスクトップだと大画面モニターでの作業などできます。i5以上あればある程度のツールを動かしてもそこまで遅くなりません。非常に多くのツールを動かす場合はi7の方が良いでしょう。ハードディスクはSSDのタイプのものを選ぶとよいでしょう、容量はできれば500GB以上を確保した方が良いと思います。メモリは最低でも8GB、16GBは欲しいところです。オペレーティングシステムはWindowsとiOSどちらでもWebデザインの開発はできますが、Windowsの方が使える無料ツールが多いというのは覚えておいた方が良いでしょう。アップルコンピュータ:Macシリーズデザイナーのパソコンと言えばまず思い浮かぶのがアップルのMacシリーズではないでしょうか。デザインのスタイリッシュさはもちろんスペックの方もWebデザインに十分のものが数多く用意されています。AirはMacの中では最も性能としては低いので重い作業にはあまり適さないかもしれません。先述しましたがWindowsに比べると無料ツールなどが少ないのと、同スペックのWindowsパソコンよりはやや割高になっているのは注意が必要です。Macは全て性能としては高水準なので、様々な種類のあるWindowsよりは間違いがないので選びやすいでしょう。マウスコンピューター:DAIVシリーズマウスコンピューターのDAIVシリーズはクリエイターのために作られたコンピューターです。その全てにグラフィックボードGeForceとSSDを搭載しており、Webデザイン製作活動に必要な能力は備わっています。値段も最安のものは99,800円からありますのでコストは押さえたいけれどある程度のスペックは要求したい方にもオススメです。安いモデルはSSDが128GBだったり、メモリが8GBと少し性能が低くなります。Macと違いデスクトップはモニターは付属しませんので別途購入する必要があります。Webデザインを学べるスクールどうしても1人だと怠けてしまう、技術の習得に自信がないという方にはスクールをオススメします。スクールには自宅からパソコンでレッスンを受けられるオンラインスクールと直接スクールに通うオフラインスクールがあります。プログラミング(HTML5、JavaScript、CSS、MySQLなど)、デザイン(Photoshop、Illustratorなど)CodeCampでは経験豊富なエンジニアのマンツーマンレッスンが毎日7時から24時まで時間・場所を選ばずに受けることができます。Webマスターコースなら、プログラム、デザイン未経験の方も自分1人の力でWebサイトを作成できるまで技術を習得することができます。未経験者にも優しいカリキュラムと、理解度に応じたマンツーマンレッスンでパソコンやスマートフォンからアクセスできる料理レシピ検索サイト、インターネット掲示板、ショッピングサイトなど普段良く見るWebサイトを作成できるようになります。就職したい人向けの転職支援サービスなども行っていますので、しっかりと実力を身に付け、次のステージへとステップアップしたい人にオススメです。無料体験も行っていますので興味のある方はオンラインレッスンを受けてみていかがでしょうか。プログラミング(HTML5、CSS、Javascript、など)、デザイン(Photoshop、Illustrator、Dreamweaverなど)KENスクールでは、業界を席巻するような新しい学習システムを多数構築し、開講から30年間という長い間でたくさんの技術者を育ててきました。学習スタイルはインストラクターが「個別指導」で対話しながら授業を進行するスタイルを開講当初から行っています。個別指導のインストラクターは現役のプロクリエイターが行いますので、現場の生きた技術を直接学ぶことができます。未経験でもコーディング、グラフィックデザインなどWebデザインに必要なすべての技術を身に付けることができます。ありますので、費用を抑えたいと考えている方にも嬉しい制度です。こちらはスクールに通うタイプなので近くにスクールが無い場合は通えませんが、近くにある方は検討してみてはいかがでしょうか。CodeCamp提供のデザインマスターコース当メディアを運営しているCodeCampではデザインマスターコースを現役エンジニアのマンツーマンレッスンという形で提供しています。このコースの特徴はデザインからコーディングまでWebデザイナーに必要なスキルを獲得できるWebデザイナーとして転職・フリーランスも可能になる実際にWebサイトを作るのでポートフォリオとしても使用できる無料レッスン受講後の申し込みで10,000円クーポンをプレゼントしています!ぜひお試しください。\一流デザイナーのスキルが身に付く/CodeCampの無料体験はこちら▶︎無料体験レッスンの申し込みはスマフォで1分で完了!まとめWebデザイナーは求人も割と多く、ある程度のスキルさえ身に付けられればそこまで狭き門でもありません。他の職種に比べ少し年収が低いという結果も出ていますので、そこは自分にしかできないスキルを身に付けて自分の価値を高めていかなければなりません。独学でもスクールでもどちらもメリット、デメリットはありますので、総合的に考え、自分に合った勉強方法を見つけることが重要です。今回ご紹介したスクールや勉強方法などを上手に活用して、他の人より1歩先のスタートを切ってみてはいかがでしょうか。家事も仕事もプログラミングも。【2020年版】社会人でも通いやすいプログラミング教室5選|選び方の基準も解説プログラミング学習プログラミングスクール・サービス「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで受講生インタビュープログラミング未経験で介護師からエンジニアへ。家事も仕事もプログラミングも。受講生インタビュープログラミング習得後、フリーランスに転身。受講生インタビューフリーランス塾講師からエンジニアへ26才で転職。先生の支えがあって成長できました。学習ガイドtwitterLINE。