スキル学習・解説

【職種紹介から始め方まで】未経験からWeb系エンジニアになりたい人のロードマップ

どうも、みーまです。

世の中に沢山ある仕事の中で、「Web系のエンジニアが良い」という話がネット上で流れていますが、未経験の人では何から始めて良いか分からないと思います。

この記事では、私がWeb系エンジニア転向を決意するまでに考えた行動、心がけた行動を文章にまとめています。

この記事は次の方向けです
  • 業界未経験だが、Web系エンジニアになりたい
  • 現在求職中だが、Web系エンジニアとして就職・転職したい

情報は常に変化します。当時の情報が今は使えないこともあるかもしれませんがご容赦ください。ご自身でもしっかり調べるのをオススメします。

この記事のマインドマップ

ここで書いている内容は、このマインドマップの通りです。(画像をクリックすると全体が見られます)

webエンジニアのマインドマップです。

 

私について

最近までCE(コンピュータ保守員)として働いていましたが、退職してインフラ(AWS)エンジニアとして勤務予定です。

レイズテックの画像です。
【卒業生が語る】30代でも4ヶ月で転職可能?評判は?"RaiseTech(レイズテック)"AWSフルコース【全講座まとめ】RubyやRails、PHPを扱うスクールが多い中、「エンジニアリングスクール」を名乗り、JavaとAWSを扱う特殊な存在、RaiseTech(レイズテック)。このスクールに実際に入会し、AWSフルコースを2019年5月から4ヶ月間受講した記録。...

 

ITエンジニアとは何か知る

まず基本的な、「ITエンジニアとは何か?」です。

  • IT業界の中で働くエンジニア(技術者)のこと。
  • ここにはCE、SE(システムエンジニア)も含まれるが、Web系になると除外される。

あなたに質問!Web系ってどういうことか説明できますか?

皆さんは、Web系とはどういうことか、説明できますか?

「Webに関わる仕事」という表現を掘り下げると、大きく2つに別れています。

  1. Webサービス開発(例:ZOZOTOWN)
  2. Webサイト作成(例:株式会社ZOZOのコーポレートサイト)

ここの認識が間違っていると、学習方法を間違えたり、企業さんへ面談に行っても話がかみ合わないなど、問題がでてきますので注意です。

ZOZOさんでいうと上記を1社(自社グループの開発会社)でやっているのですが、多くの企業さんはどちらかを専門にやっている、という感じになります。

職種の分け方も様々

Web系エンジニアは、様々な職種に分類されています。

  • マークアップエンジニア(Webコーダー)
  • フロントエンドエンジニア(主に利用者の画面側を担当)
  • バックエンド(サーバーサイド)エンジニア(主に利用者から見えない、サーバー側などを担当)
  • etc...

このように、Web系エンジニアといっても沢山の職種がありますから、どこに絞っていくべきかを考えましょう。

エンジニア、技術好きじゃないと大変だよ

(重要!)Web系のお仕事はエンジニアだけじゃない

皆さん、エンジニアになる共通の理由は「他の職よりメリットがある」だと思いますが、

そのメリット、受けられるのはエンジニアだけですか?

例えばですが、Web系のお仕事にはWebライター、Webデザイナー、動画編集者という選択肢もあります。

これらの仕事も働きやすいので、本ページ内で紹介しています。

 

今すぐ知りたい方はこちら

すぐ3つの職種について知りたい!

「エンジニアは楽に稼げる!」という方もおられますが、努力量に対してのコスパがいいという意味で、簡単という意味ではありません。仕事である以上、楽なことも大変なこともあります。

企業と自分との理解に違いが出たまま採用に挑戦しても、うまくいかない可能性が高いです。仕事や業界のことをよく知っておくことは大切です。

エンジニアの働き方パターンを知る

誤解が多い!未経験からいきなりリモートワークは可能?

Web系エンジニアでは、同じ会社のなかでも様々な働き方をしている人がいます。

次の画像は、働き方についてマインドマップツールで整理したものです。(画像をクリックするとフルサイズで見られます。)

Web系ITエンジニアの働き方のマインドマップです。

表にもまとめてみました。

契約形態勤務形態未経験者経験者
正社員

※派遣、契約も含む

常駐勤務
リモートワーク
フリーランス
(個人事業主)
常駐勤務
リモートワーク

 

リモートワークは経験者だけ?

エンジニアは仕事上のやりとりを主にSlack(テキストチャットツール)で行います。

あなたはLINEなどで友達と誤解が生まれた、友達からメッセージが来て少し気分が悪くなったことはありませんか?友達同士での関係でも、文字でやりとりすると誤解を生むことはよくあります。

ましてや仕事でやりとりするのはコミュニケーション能力を多く必要とするんです。リモートワークしても良い会社だけどしてないという人が実は多いのですが、その理由のひとつがコミュニケーショントラブルの回避です。

未経験でも決して不可能とはいいませんが、為人(ひととなり)や実績を知らない人に、Slack(テキストチャット)だけの状態で仕事を任せるのは、簡単ではありませんので、最初から希望する人は、「失礼な人だな」と見えてしまう可能性があります。

正社員とフリーランスの違いを知る

ここでは、正社員とフリーランスのメリットデメリットを書いていきます。

正社員

  • 案件があっても無くても、最低の給与は保証されます。
  • 税金、保険料、年金は会社にお任せでOK!必ずではありませんが、賞与も期待できます。
  • 健康診断もありますし、退職金も基本的に貰えます。
  • 時間外作業は基本的に正社員が行います。
  • すべては会社の方針次第ですので、自身の評価と会社の評価が合わないこともあります。
  • いきなり倒産することがあり得ます。

会社員は面倒な経理処理がすべて会社に任せられる分、当然ながら会社の意に添わない仕事はできません。

フリーランス(個人事業主)

  • 仕事が貰えない月は収入はゼロです。
  • 働く場所、時間を自由に決められる余地があります。休日作業も回避しやすいです。
  • いつでも解雇できる(契約延長なし)代わりに支給額が多く、正社員の年収を超えることが多いです。
  • 適切な税申告が前提であり、すべてのお金の管理を自分で行う必要があります。
    • 入力に関しては会計ソフトを使えば問題ないでしょう。
    • 書類の管理も必要です。(7年保管など)
    • 管理ができない人は、税理士を雇うべきですし、無理なら会社員です。
  • 健康診断、退職金などはありません。自分で積み立てなど、対策をします。
  • 契約終了は事前通知が義務づけられていますので、いきなりの失職可能性は低いでしょう。

フリーランスはリスクも自分でかかえる分、収入を抜き取られる要素が少ないということです。

フリーランスを目指そうと考えている方にオススメの書籍。Amazon税金部門で1位にもなったフリーランス税金本です。イラストはフリーランス漫画家のあんじゅ先生。

常駐とリモートの違いをしっかり知る

常駐勤務

自社や顧客の開発ルームなど、特定の勤務地に出社して勤務する形です。

あなたが既に働いておられる場合、転職されるか、現職の勤務時間と調整して勤務することになります(複業)。

未経験者がITエンジニアとしてやっていくのであれば、信用を得るまでは常駐タイプで働くのがいいでしょう。

特にリモートワークを求める人は、それだけの実績を作ってからです。

リモートワーク

勤務場所が固定されていない勤務形態です。

自分のパソコンとインターネットがあれば仕事が可能ですが、「好きな場所で仕事をする」には、そのワガママを通せるだけの技術力と信用が必要です。未経験者が初の仕事からリモートワークというのは、かなり難しいミッションです。

未経験で、リモートワークが最優先な方は、ITエンジニアではなく、Webライターやデザイナー、イラストレータなども条件に入れて検討することをオススメします!

SNS経由の発注も活発ですし、リモートワークと親和性が高いと思います!

子供がいるからリモートワークしたい」という理由で職探しする方は、しっかり対策を考える必要があります。お子さんのそばにいることで緊急時の対応ができるメリットはありますが、落ち着いて仕事ができるかは別の話です。

毎月の繁忙期に子供を預けてコワーキングスペースへ行く生活をするのなら、「保育園に空きのある地域に引っ越して、自宅でリモートワーク」というのも選択のひとつです。

フロントエンド?バックエンド?Web系エンジニアの職種を知る

では、肝心の職種について見ていきましょう。

下記は主な職種についてのマインドマップです。職種(画像を選択するとフルサイズでご覧いただけます。)

Web系ITエンジニアの職種のマインドマップです。

次からは、技術、学習方法などの調査から、未経験者が目指す場合の難易度を付けたエンジニアの一覧です。

ホームページを作る!マークアップエンジニア(Webコーダー)

難易度★☆☆☆(かなりなりやすい)
主要スキルHTML/CSS/Bootstrap
主担当分野Webサイト開発Webサービス開発
どんなお仕事?

デザイナーが作った見本と同じになるように、Webページに、文字や画像の表示、色つけなど、効果を付けたり、配置を決めたり(コーディング)することが仕事です。

スキルセット(スキルの組み合わせ)的に、Webサービス開発にはあまり関わらないと思います。

HTMLについて全く知らない!という方は、Progateさんで実際に触れてみましょう。(無料ですがユーザー登録が必要です。)

 

Progateで勉強する

 

転職のしやすさは?

後でも紹介しますが、Webコーダー向けのカリキュラム「30DAYSトライアル」を運営しておられる「東京フリーランスさんの功績が大きく、現在はかなりなりやすい職と言えます。

バックエンドへ最終的に進みたい人でも、まずはWebコーダーを目指す方はおられます。全領域ができることに越したことはありません。

  • 比較的低めの学習コストで習得が可能(月額2000円程度)
  • わかりやすい言語なので、未経験者が始めやすい
  • 副業、リモートワーク向き
  • 自動でデザインからコーディングができるサービスも出だしてきているので、将来的な不安はある
  •  案件が低単価傾向なため、効率化が必要
    • 営業やデザイナーを味方に付けるなど

基本的にはページにあまり動きのないサイト(ランディングページ=製品広告サイトなど)が対象になります。最近は動的なWebページが主流だけに、後述のフロントエンドエンジニアと比べ、案件の単価は低い傾向にあります。本業にしたい人はフロントエンドまで進むのが必須となります。

スマートフォンが広まった現在でも、スマートフォン向けレイアウト(レスポンシブ)に対応していない企業さんは沢山あり、まだまだ必要とされる技術です

マークアップエンジニアでスタートしたい!
1.コーディングの30DAYSトライアル(東京フリーランス)1st
オンライン教材無料(有料サービスとの併用あり)
HTML/CSS/Bootstrap
公式サイトへ移動する
30日分の課題が出ているので、その通りに進めよう。数日分を一気に進めてもOK。困ったことは東フリサロンで運営メンバーさんや他の受講生に聞こう。
1stまでで基本的なWebサイトは十分作成できます。更に高度なスキルを身につけたい場合は2nd以降も進めましょう。

 

ホームページより更に上位ならフロントエンドエンジニア

難易度★★☆☆(なりやすい)
主要スキルHTML/CSS/Bootstrap/PHP/WordPress
主担当分野Webサイト開発Webサービス開発
どんなお仕事?

マークアップエンジニアの仕事に加えて、ページに動きを付けたり、ワードプレス(ブログ作成システム)などを利用した仕組みの導入ができます。

Webサービス開発の画面部分を担当したり、Webサイト作成のお仕事ができます。

必要なスキルについてはProgateさんで実際に触れてみましょう。(無料ですがユーザー登録が必要です。)

 

Progateで勉強する

 

転職のしやすさは?

Webコーダーと同様なりやすいほうですが、覚える技術が多い為、転職した後に苦労することが多いかもしれません。

  • 学習コストは低めで、未経験者でも始めやすい
  • マークアップエンジニアでは請けられない案件を受注可能
  • Ruby/Railsが出来ると更に良い案件に入れる
  • 副業、リモートワーク向き
  • 低~中単価案件が多め(案件による)

動きの無いページは広告や会社説明サイトくらいで案件も限られるので、本業にしたい人はフロントエンドまで進むのが必須となります。

フロントエンドエンジニアでスタートしたい!
1.コーディングの30DAYSトライアル(東京フリーランス)2nd〜3rd
オンライン教材無料(有料サービスとの併用あり)
HTML/CSS/Bootstrap/PHP/WordPress
求人紹介あり、マッチングイベント、短期集合学習不定期開催
公式サイトへ移動
30日分の課題が出ているので、その通りに進めよう。数日分を一気に進めてもOK。困ったことは東フリサロンで運営メンバーさんや他の受講生に聞こう。
1stの30日分を終えた以降のカリキュラム。次の30日分(2nd)、さらに次の30日分(3rd)と続けて学習しましょう。

WordPressを使ったサイト制作、WordPressテーマの自作など、実践的スキルが学べます。

東京フリーランスさんでは無料のオンラインサロン(東フリサロン)があり3rdまで完遂して完成物がある(見られるように公開している)人は未経験者でも企業と面談するチャンスが得られます。

(参考)フロントエンドエンジニアまでの流れ

フロントエンドエンジニアに関わる学習から就活までの流れです。書かれている講座やサービスは参考です。(画像をクリックするとフルサイズで確認できます)

フロントエンドのロードマップ画像

 

縁の下の力持ち!バックエンド(サーバーサイド)エンジニア(プログラマー、インフラ含む)

難易度★★★☆(なりにくい)
主要スキルRuby/PHP/AWS/Vue/Python/JavaScript/Java/AWS/GCP
主担当分野Webサイト開発Webサービス開発
どんなお仕事?

サーバーサイドエンジニアとも呼ばれ、様々な処理を担当します。

  1. データベース(データの格納場所)を作る
  2. サーバの構築(ユーザーの要求を処理する装置)を作る
  3. 1、2をつなぎ合わせる
  4. サーバーの中で実行されるプログラムなどを作る
    • 服のブランドを入力すると製品が表示される(ZOZOTOWNなど)

インフラエンジニアは上記の1〜3、プログラマーは4を担当するような感じですね。最近は単純な構成ならプログラマーも1〜4全てを行うことがあります。

サーバーはWebサービス開発、Webサイト作成両方で必要ですので、修正の案件以外は参加できると思います。

サーバー上で動作させるアプリケーションの中で、よく使用される言語ですが、正直なところ時代によって変化します。

長く続いているのはJava/Ruby/PHPだと思います。

 

Progateで勉強する

 

転職のしやすさは?

難しいと言えると思います。プログラマーはプログラミング言語の習得インフラエンジニアはコンピュータの基礎知識(CPU、メモリ、ストレージ、ネットワーク、セキュリティ)などが必要です。必要知識が難しいので、単価も高いと言えますね。

  • 比較的単価の安定した案件に入れる
  • サービス開発、サイト作成どちらも一定の需要がある
  • 学習コスト、努力値ともに高め
    • プログラミングとコンピュータの知識、ネットワーク知識など、必要な知識が多い。
    • 独学の難易度は高い。
    • 現役のエンジニアから意見が聞けるサービスを活用するのが近道。
    • コスパがいい有料サービスを使うのも手。
  • 常駐案件も多め(使用言語によります)
    • Javaは基幹システム向けの為に常駐先での開発になる、etc...
コンピューター画面の画像です。
プログラミング学習に役立つ!有料サービスの選び方とまとめプログラミング学習に役立つ有料のサービスの選び方の紹介とサービスを月額払い、買い切り商品と分けてまとめました。随時更新。...

 

バックエンドエンジニアの技術は非常に多岐に渡る為、これといった絞り込みができないのが現状です。代表的なスキルは、勝又健太さんのQiitaに紹介されていますのでご覧ください!

難易度を高めにしていますが、PCの自作をしていた、自宅のネットワーク構成は自分が把握している、仕事でサーバー操作を多くしていたなどで、あなたにとっての難易度は下がります!

バックエンドの中でもインフラエンジニアは特殊な部類で、サーバーやネットワークなどを構築するエンジニアです。サーバの中で動作するプログラムの担当は少なめです。(ただし、「このプログラムが動くようにしておいて!」はあります!

 

バックエンドエンジニアでスタートしたい!
1.雑食系エンジニアサロン
オンラインサロン月額980円
求人紹介あり、オフイベント不定期開催。
公式ブログへ移動
「雑食系エンジニアサロンに申し込む」ボタンから申し込もう。会費の支払いをしたら招待メールが届くので、Slackコミュニティに参加しよう。
学習を始めた人向け。月額980円で格安なサロンですが、教材を提供するサロンではありませんので、初学者は誤解のないように注意です。

現役エンジニアや学習中の人が交流したり質問したり、現役エンジニアである主催の勝又健太さんへポートフォリオ(制作物)レビューしてもらえるなど、教材が無いことを抜きにしてもサービス内容は良質だと思います。

2.人生逆転サロン
オンラインサロン月額2,980円
Ruby/Rails
イベント不定期開催
公式ブログへ移動
「サロンお申し込みフォーム」から申し込もう。会費の支払いが終わると招待メールが届くので、Slackコミュニティに参加しよう。
学習を始める人向け。研究職からプログラマーに転職成功した主催の神里さんが、「ITで人生を逆転したい人」向けに運営されています。当初はプログラマー寄りのコンテンツでしたが、現在は総合的なコンテンツに変化しています。(動画編集技術なども始まっている)

主催のご実家がカフェをやっているので、イベントのて定期開催も特長。

3.プログラマーに転職するまでを激安でサポートする頭おかしい企画
オンラインサロン69,800円
Ruby/Rails
紹介noteへ移動
定期募集企画なので、募集があったら申し込もう。
目標がプログラマーに決まっている人向け。人生逆転サロン主催の神里さんが、Ruby/Rails/チーム開発/ポートフォリオ/就職支援までトータルで行う教材です。コスパが良すぎるので定期募集制。
4.QUELCODE
集合型スクール月額70,000円
HTML/CSS/WordPress/PHP/AWS
企業マッチングイベント、オフイベント不定期開催。
公式サイトへ移動
公式サイト「申込み」またはページ下のフォームに必要事項を記入して面談申込みしよう。(講座に空きがない場合は空きが出るまで待つ必要あり)
首都近郊に住まいのある方へオススメ。池袋にある有料スクールです。現役エンジニアが講師で、HTML/CSSの基礎的なことから、WordPress、PHP、AWSの扱いまで総合的なスキルが身につきます。

人材紹介の免許は無い為案件の紹介はしていないものの、企業さんと生徒さんのマッチングできるイベントの開催など、スクール外の活動も積極的に行っており、教育についてしっかりとした考えを思お持ちの方です。

オンラインプランは現在準備中の為、地方在住の方は上京が必須です。

5.SkillHacks
オンライン教材69,800円
HTML/CSS/Ruby/Rails
求人紹介企業との提携準備中。
公式サイトへ移動
公式サイトの「講座のお申し込みはこちら!」から、利用したい支払い方法で入力しよう。支払いのメールが来るので、支払うと本申込み完了!
完全初学者向けのRuby/Rails教材。

パソコンの基本操作から既に分からない人でも進められるように生まれた教材。質問回数が無制限で、教材に関わる質問なら何でも答えてくれます。PCが苦手だけど、Webアプリケーション開発に興味がある人にオススメです。

多少の言語経験があったり、独学が得意な方には簡単すぎるという話もあるそうなので、そんな方は次のRailsデイトラかTake off Railsで。

6.(Ruby on)Rails 30DAYSトライアル(東京フリーランス)
オンライン教材無料(有料サービスとの併用あり)
Ruby/Rails
公式サイトへ移動
申込みは不要!毎日のカリキュラム通りに進めるだけ!質問や仲間が必要なら東フリサロンに参加しよう!
通称Railsデイトラ。Ruby/Railsの初学者向け。Webアプリケーション開発に興味がある方で、低コストで学習を始めたいならRailsデイトラから始めましょう。

RailsはRubyの仕組みをよく知らずとも複雑なアプリケーションを作成できてしまう為、道に迷わないようにサポートしてくれます。

※注意:このコンテンツは現在完成していないので「2. Rails 30DAYSトライアル【Railsの基礎を学ぶPart.1】」がすべて終わったらRailsチュートリアルか後で紹介するTake off Railsが良いと思います。

7.Take off Rails(有料教材)
オンライン教材59,800円(人生逆転サロン生は1万円引き)
Ruby/Rails/Vue
公式サイトへ移動
公式サイトの「Take off Rails を購入する」から、PayPal決済で代金を支払おう。講座のページが開放されて、受講者限定のSlackコミュニティ正体メールが届きます!人生逆転サロン生は、Slack内で申込みしよう。
現場に即した高度な技術を身につけたい人向けの、macOS向けRails教材。

人生逆転サロンの認定教材となりました。Railsを利用したWebアプリケーション(API)開発に興味がある方で、有料教材でも良い方はオススメ。

リモートワークを実現している現役エンジニアが制作した47種の教材が付き、Slack(コミュニケーションツール)での質問が半年間可能です。ただしRuby自体の基礎操作が分からない人は、先にRubyをProgateで学習してください。

8.RaiseTech
オンラインスクール189,000円(単体コース)
315,000円(フルコース)
Java/AWS
求人紹介あり、イベント定期開催。
公式サイトへ移動
公式サイト「受講申込み」から、希望するコースなどを入力しよう。仮申込みメールが届くので、支払いを済ませたら本申込み完了!
JAVA言語フレームワーク/AWS(クラウドインフラ)自動化が学べるスクール。

上記に興味がある方、短期で実力を身につけたい方にオススメ。現役エンジニアの講師から、実際の現場で活用されている技術を教われます。AWSフルコースは私も受講しました。

レイズテックの画像です。
【卒業生が語る】30代でも4ヶ月で転職可能?評判は?"RaiseTech(レイズテック)"AWSフルコース【全講座まとめ】RubyやRails、PHPを扱うスクールが多い中、「エンジニアリングスクール」を名乗り、JavaとAWSを扱う特殊な存在、RaiseTech(レイズテック)。このスクールに実際に入会し、AWSフルコースを2019年5月から4ヶ月間受講した記録。...

本スクールでのエンジニアは客先常駐や受託開発中心のエンジニアになりますが、案件数も多く、未経験が始める最初のキャリアとしては優秀だと思います。

就職・転職サポートは「保証」ではないので、誤解のないように注意です。経歴書のチェックなど、サポートは手厚いですが、案件紹介はまだ始まったばかり、といった感じです。

色々な言語で「Hello world」という文字を表示する迄の命令、および実行結果を書いたページです。文字を画面に表示させるというのは基礎中の基礎なので、絶対ではありませんが「書きやすい言語」をある程度考えることができます。

 

バックエンドエンジニアを目指す方におすすめの書籍。2002年の本ですが、「コンピュータとは?今当たり前のコンピュータのアレコレの由来」など、わかりやすく解説しています。

コンピュータがなんなのか理解することは、プログラミングを理解する基礎にも成り、言語の理解度を高めるのにも役立ちます。プログラミングの定期勉強会を開催方なども推奨している本です。

(参考)プログラマーのロードマップ

プログラマーに関わる学習から就活までの流れです。書かれている講座やサービスは参考です。(画像をクリックするとフルサイズで確認できます)

プログラマーのロードマップ画像

(参考)インフラエンジニアのロードマップ

インフラエンジニアに関わる学習から就活までの流れです。書かれている講座やサービスは参考です。(画像をクリックするとフルサイズで確認できます)

インフラエンジニアのロードマップ画像

フロントからインフラまで!フルスタックエンジニア

難易度★★★★(かなりなりにくい)
主要スキルHTML/CSS/Ruby/PHP/AWS/Vue/Python/JavaScript/Java
主担当分野Webサイト開発Webサービス開発
どんなお仕事?

フロントエンド(Webページ作成)から、バックグラウンドのデータベースの構築、動作するサーバーの構築まで、全て行えるエンジニアのことです。

主に求められるのは少人数精鋭のチーム開発などと思います。十分に人員を確保できる企業さんは役割分担をしっかり目にするので、全ては求められないと思います。

この定義は非常に曖昧であり、本記事は主に未経験者向けの為、詳細は省きます。

(番外編)Webライター/Webデザイナー/動画編集者

Web記事を執筆して納品!Webライター

難易度★★☆☆(なりやすい)
主要スキルテキストライティング
主担当分野記事投稿インタビュー
どんなお仕事?

依頼元からのテーマに沿った記事を書いたり、時にはサービスを自身で体験したり、取材に行って記事を書く職種です。

転職のしやすさは?

テキストエディタだけあれば始められるので、準備も要らず、始めやすい職業です。

「読んで貰える文章の書き方」を習得するまでには苦労すると思いますが、クラウドソーシングでは「低単価で代理執筆させる依頼」などがありますので、それで書き方を覚えたり、ライター向けのオンラインサロンなどで学習したりできます。

  • 文章を書くのが好きな方は最適
  • 自分の書き方が見えてくると外注も可能になる
  • 最初は文字単価が低いところからスタート

主にクラウドソーシングサイトで受注することになると思います。最初のうちは低単価で受注し、実績を元に徐々に単価を上げてもらうなど、計画性が必要になります。

Webライターが気になる!
1.名もなきライターさんインタビュー(東京フリーランス掲載)
インタビュー記事-
インタビュー記事を見る
自らもWebライターで、現在はサロンやnoteマガジンの運営をされている名もなきライターさんのインタビューです。(東京フリーランスさんのサイト)
2.ゴウ・ライティング
ブログ-
公式サイトへ移動
未経験から始める方にもオススメ。自らもWebライターで、現在はライター向けオンラインコミュニティも運営されている佐々木ゴウさんのウェブサイトです。

Webサイトからチラシまで!Webデザイナー

難易度★★★☆(なりにくい)
主要スキルAdobe製品(Illustrator、Photoshop)
主担当分野Webサイトデザインチラシ、バナーデザイン
どんなお仕事?

Webサイトのデザインを担当します。ホームページの元になるデザインや、Webチラシの作製など、範囲は多岐に渡ります。

イラストが得意な方はバナーデザインなども数千円/件で受注できるので、幅が広がります。

転職のしやすさは?

最初の技術習得が課題ですが、今は有料教材もあります。

どうしてもAdobe製品のライセンス料金はかかってしまうので、必要経費が多いというのは難点ですね。

技術が身についた後は、いきなり企業相手ではなく、仲間相手やSNSで低めの金額から始めるのが良いと思います。

  • デザインにも一定のセオリー(よく使われる手段)というがあるので、集中的に学習できる環境があれば覚えやすい
  • イラストを描くのが好きな方は自分のイラストもデザインに盛り込めるので更に強い
  • デザインカンプ(デザイン見本)作成のため等、Adobeソフトの操作習得は必須。
  • 上記の為、Adobe製品のライセンス料金が必要経費としてかかる。
  • 必ずしも画才が必要ではありませんが、イラストができる方のほうが幅は広がると思います。
  • 実際のコーディングはエンジニアに任せる人、コーティングも行う人など様々ですが、前者は会社員、後者はフリーランスとしての活動が見込めます。
Webデザイナーが気になる!
1.Cocoda!
オンライン教材無料
公式サイトへ移動
公式サイトの「無料ではじめる」から、ユーザー登録しよう。
Webデザイン中〜上級向け。

アプリ、WebサイトのUIデザインをお題に沿って作ったりできる実践的サイト。内容がかなり本格的なので、デザインが全くできない人には向かないかもしれません。

2.DesignHacks
オンライン教材59,800円
※Adobe製品ライセンスを別途購入必要
公式サイトへ移動

紹介動画(YouTube)

公式サイトの「講座のお申し込みはこちら」から、利用したい支払い方法で入力しよう。支払いのメールが来るので、支払うと本申込み完了!
Webデザイン初学者向け。デザイン会社を経営し自らもフリーランスデザイナーとして活動されている、るちこさんが制作された未経験から始められるデザイナー学習教材です。動画教材、質問無制限、課題添削など、内容も充実しています。
3.masacaブログ(初学者向けブログ)
ブログ-
公式サイトへ移動
Webデザイン初学者向け。WebデザイナーmasacaさんのWebサイトがオススメです。今から始めたい人の情報が掲載されています。

masacaさんは以前クローズドコミュニティ「masacaデザイン部」も運営されていました。(支払いに使っていたサービスの終了に伴い、終了したようです。)

需要急増中!動画編集者

難易度★★☆☆(なりやすい)
主要スキルAdobe製品(Premiere、AfterEffect)
主担当分野動画カット割り効果付け(テロップ他)
どんなお仕事?

動画配信サイト、SNS向けに、依頼者から動画を受け取り、文字や効果、カット割りを付けた上で依頼者に提出します。

お客さん(動画配信者)を一度掴めば、継続的に発注してくれる可能性があるので、長く付き合いのある仕事です。

転職のしやすさは?

こちらもWebデザイナーと同様に最初の技術習得が課題ですが、YouTube自体で学べますし、まとまった有料教材もあります。

Adobe製品のライセンス料金はかかってしまうので、必要経費が多いというのは難点です。

技術が身についた後は、動画投稿者に連絡を取るのですが、動画編集者に連絡を取るのも手です。意外ですが仕事を抱えすぎて困っている人もいます。

  • 需要が高い
    • 編集を省けるなら投稿ペースを上げたい動画投稿者が一定数居る
    • 動画専業でなくても講演会などの編集も需要あり
  • 大口を捕まえられると収入が安定する
    • インフルエンサー等
  • 編集は時間がかかる
    • 効果付け+動画の再書き出し、依頼主への送付など
    • 長期的に続けるならチームを組むことが必要
  • Adobe製品のライセンス料金がコスト
    • 動画編集に必須

動画は撮影より編集が大変で、編集が外注できれば投稿ペースも上がる為、編集の需要は十分あります。

動画配信は、そこそこの品質を数打つ世界なので、TV番組のようなクオリティで作ると赤字の世界。放送局並のスキルは不要です。

動画編集者が気になる!
1.MovieHacks
オンライン教材49,800円
公式サイトへ移動

紹介動画(YouTube)

公式サイトの「講座のお申し込みはこちら!」から、利用したい支払い方法で入力しよう。支払いのメールが来るので、支払うと本申込み完了!
動画編集初学者向け。インフルエンサー「やまもとりゅうけん」さんの動画編集を担当されている編集チーム「生ハム帝国」の代表、生ハムさんが作製された教材です。

書籍のほうが情報多いと言う方もいらっしゃいますが、動画教材に無制限質問サポートは書籍にはありませんから、良質な教材と思います。

 

目指したい仕事を決めて、行動する!

目指したい仕事が決まったら、行動を始めましょう!

まずはパソコン!

  • なるべくMacbookで。新品が厳しい場合は中古や整備品が良いでしょう。
  • 既に高スペックのWindowsPCがある方はそれでも良いですが、Windows環境でのトラブル解決事例は少ないので、理解しておきましょう。
  • WSLという機能がWindows10から実装されましたので、それでもmacOSに近い開発環境は整えられますが、知識が必要です。

いきなりと思うかもしれませんが、Windows10のPCを持っていない人はMacbookを買うことを検討してみてください。理由は3つです。

  1. プログラミング言語の多くがmacと近しいOS(Linux)で生み出された
  2. Macには開発に必要なソフトの統合管理(brew)がある(WSLでも使用可能だが主流はMac)
  3. 上記の理由からMacで開発を始めているエンジニアが多い。トラブル解決事例もMac環境のほうが情報が多い。

Windows10のPCが既にある人なら、挫折するかもしれないことにわざわざMacを用意する必要もないかなと思います。

プログラミング学習を始めるMacならMacBookPro13インチくらいがオススメ。

教材を決めて、勉強を始めよう!

さっそく勉強を始めましょう!

  • Slackコミュニティのある教材で始めた方は、是非コミュニティに参加しましょう。
  • 今の時点で質問がなくても、質問用のチャンネルは時々眺めましょう
  • 自分とは違う視点も得られ、みんなで進めている感覚は挫折しにくくさせます。

SNS(主にTwitter)を始めよう!

  • Twitterはエンジニアさんもよくやっています。是非始めましょう!

 

  • 既に始めている人は、名前やプロフィールを活動中に沿ったものに変えましょう。
  • Web系企業の人事さんはSNSを見ることがあります。
  • 今のツイート傾向を変えたくない人は新しくアカウントを用意するのがオススメです。
  • 日々の学習状況などをツイートすることで、教育や業界改善を意識したエンジニアのツイートは集まりやすくなります。
  • コンサルやスクール紹介のプロフィールの人は放置で。あなたがカモになりそうか狙っています。

勉強を開始したら、みんなに宣言!

  • 「今日から○○始めました!」的なツイートでOKです。
  • 宣言することで、辞めにくくする効果もあります。

各講座や言語に関係するハッシュタグがあるなら、付けておくと作者さんの目にもついて良いでしょう。

実績のある人をフォローしよう!

  • 教育に重点をおいている人
  • 理由付けを適切にする人
  • 人を悪く言わない人

これは残念なことですが、自分と意見が違う人に対して、怒りのままツイートをするエンジニアもいます。

感情をコントロールできない人は、低評価が常識です。そのような人のツイートはあなたの心にも影響を与えるので、フォローはしないでおきましょう。むしろ積極的にブロックをしてください。

良いツイートを見たら、感想を述べたり、リツイートをしよう!

もちろんいいねでもOKですが、感想などを述べることは、自分の理解を深めることに繋がります。

自分なりの意見を残すことで、「あなたがどんな人なのか」が他の人も伝わり、フォローしてくれる人も増えてきます。

学習結果は随時発信しよう!

  • 何の学習か
  • 何日目か
  • 今日の時間、総時間

「○○と繋がりたい」というハッシュタグがありますが、それよりは同じカリキュラムを学んでいる人と直接繋がったほうが良いと思います。

SNSは同じレベルの人と繋がる以外に、更に上の人、例えば現役エンジニアの人や企業の採用担当の人と繋がる可能性があるので、最終的にはそこを目指しましょう。

制作物は作り始めからアウトプットしよう!

  • 学習記録の発信だけで採用担当の人の心は掴めません。嘘もつけます。
  • 学習でつまづいたこと、解決策をQiitaに残しましょう。各プログラムのバージョンも記録するのを忘れずに。(バージョンアップしたら発生しなくなる事象などがあります。)

 

  • 無理のない範囲で作りたいものを決め、制作中の段階から随時GitとGitHubを使って残しましょう。制作中はプライベート扱いにし、完成したらパブリックにします。

 

 

分からないときは聞いたりSNSに投稿しよう!

  • 勉強が辛い、わからないときはSNSで聞いたり、コミュニティ、サロン(入会した人)で聞いたりしましょう。
  • 解決したら、そのことをアウトプットするのも大事!
  • 30分くらい悩んでいるなら当分は自分で答えを見つけられませんから、潔く人に聞くことを考えましょう。
  • 質問は客観的に、冷静に。何を情報として提供したらわからないときは、正直いそのことも書きましょう。
  • コミュニティに所属していない人はteratailが良いでしょう。

独学が難しいならスクールも検討!

バックエンドの技術は比較的学習が難しいので、学習が難しいと感じたらスクールの検討も良いでしょう。

コンピューター画面の画像です。
プログラミング学習に役立つ!有料サービスの選び方とまとめプログラミング学習に役立つ有料のサービスの選び方の紹介とサービスを月額払い、買い切り商品と分けてまとめました。随時更新。...
  • 求職中の方は補助金が出る職業訓練を検討してみましょう!
  • 当然ながら卒業しただけでエンジニアにはなれませんし、卒業後は「やっと独学できる基礎知識がついた」というレベルの場合もあります!
  • 入学中も卒業後も全力の努力が必要です!

悪いスクール例

  • 卒業生がメンターをしていて、実務経験を聞くのは禁止
  • カリキュラムを公開していない
  • Rubyを学習させておいて、紹介する案件はPHPなど

最近ではスクヒカのようなサイトもありますので、参考にしてみてください!

 

 

ここまで活動できれば、学習のゴールもわかってくると思いますし、意見を聞くべきエンジニアの方向性も見えてくるでしょう。頑張ってください!

(おまけ)習得スキルのレベルの測り方

おまけですが、スキルチェックの方法について参考になるものを紹介します。

  1. プログラミング
  2. Webページ
  3. スキルインフラ
プログラミングスキルのチェック

唯一、プログラミングスキルは評価に使える有名なサービスがあります。

IT転職サイトpaizaで、プログラミングスキルのチェックが受けられますので、成績から応募可能な募集を見て判断します。

1.paizaのプログラミングスキルチェックを受ける。

paizaプログラミングスキルチェックへ移動

2.スキルチェックのランクから、paizaグループサイト「EN:TRY」で申し込みできそうな会社を見る。

EN:TRYのサイトへ移動する

 

Webページスキルのチェック

残念ながら第三者の判別基準は無いですが、企業のサンプルサイトを作った上でTwitter上に公開して評価をもらうなどは充分可能です。(模写の公開は著作権があるので取り扱いに充分気をつけてください。

その点、デイトラはポートフォリオも課題の中で作成しますし、Webページ関連スキルを磨きたいのなら、デイトラ一択だと思います。(90日分全部やらないと本職にできるレベルにはなりませんので誤解のないように。)

 

インフラスキルのチェック

こちらも残念ながら第三者の判別基準はありませんが、クラウドインフラであればコード(テキスト)化ができますので、構成をコードで作成してポートフォリオとできます。

よく使われる構成をコード化できると良いでしょう。

  1. ロードバランサー、DNS、Webサーバー、データベース、ストレージがセットになって冗長化(災害対策)ができている構成
  2. 利用者がストレージに保存した画像ファイルをlamba関数を使って検知して、小さい画像(サムネイル)を生成してストレージに保存する環境(サーバレス)
  3. GitHubにあるデータを更新すると、インフラの生成からプログラムの展開、実行まで自動化する環境

2〜3番のlamda関数はプログラミング言語を使いますので、プログラミング言語経験の無い人は大変かもしれません。色々な事例はあるので困らないとは思いますが。

 

まとめ

以上、いかがだったでしょうか。ここでまとめです。

  • まず Web系の業界を知って、働き方を知る。
  • どんな職種があるかを知って、決める。
    • どう働きたいのかによっても変わる。
    • ライター、デザイナー、動画編集者としてWebに関わる道も十分あり得る。
  • 目指す職種と勤務体系、活動方針を決める。
    • 完全自己学習、指導をもらいながらの自己学習、スクール入学など。
    • 自己発信も適切に行う。(学習経過、成果物)
  • (おまけ)教材がある程度終わったら、自分のスキルを評価する。

 

ひとこと

ただ悩んでいるだけでは何も変わらない。行動あるのみです。

【PR】動画編集技術をまとめて教えます。動画編集者教材のMovieHacks

今YouTubeやTikTokなどでは、動画編集は外注したいという人が増えています!MovieHacksで動画編集技術を学んで、あなたも動画編集者になりませんか?

MovieHacksの詳細を見たい!