未経験からのステップ

未経験からのステップ

すべては、ここから始まる。

この章は

  • STAGE 0:準備編
  • STAGE 1:初級編
  • STAGE 2:中級編
  • STAGE 3:上級編~独立編 ノマドワーカーへ!
  • Web業界を知る

の5カテゴリにわけて構成されています。

STAGE 0:準備編

WebクリエイターやWebエンジニアの適正、必要な道具やアプリなど、勉強するにあたり必要なものや心構えなどをまとめています。

Web業界で働く人たちの職業は他にもたくさんあります。どんな職業があるのか、自分はどんな職業に興味があるのか、それぞれ職種別に知りたい人は「Web業界を知る」をご覧ください。

STAGE 1: 初級編

最終的に「ノマドワーカーになれる」WebクリエイターやWebエンジニアになるために、どのスクールを選べばいいか、Webクリエイター歴15年の管理人がおすすめのスクールをご紹介しています。

通学型、自宅オンライン学習型、通学&オンライン学習型など特徴があるので、あなたに合ったスクールを選びましょう。

STAGE 2: 中級編

STAGE 1でスクールでの勉強が終わったら(1ヶ月~3ヶ月程度)、次は転職です。

一番効率よく、単ルートでノマドワーカーになるには、まずはWebデザイナー(またはWebエンジニア)として企業に転職し、最低2年~3年実務経験を得ることです。Webデザイナーの上級職、WebプランナーやWebディレクターへステップアップのための転職をその後でするのもおすすめです。

なぜなら、Webディレクターやプランナーの仕事は、将来ノマドワーカーになったときに一人でWebサービスを作り、プロモーションし、クライアントに交渉し、制作する、という一連の作業がすべて自己完結できるためです。

実務経験を積むことで、次のステップ、STAGE 3での「フリーランス専門エージェント」に登録することができます。

STAGE3: 上級~独立編

STAGE 2で最低2年~3年実務経験を積み(人によってはキャリアアップのためプラス2年~3年)、次のステップとしてはいよいよ独立です。

独立するときに、すぐに仕事がボンボン入ってくる、ということはありません。でも安定して仕事ができるノウハウやポイントをお伝えしています。

海外ノマドができる「空飛ぶWebクリエイター」になるための大まかなロードマップ

初級(約3ヵ月)

初級とはいえ、これだけのことをしっかり覚えればそのまま独立もできる内容です。

全部完璧にできていない状況でもWebサイトが作れるようになった段階で早めに未経験OKのWebデザイナー職かフロントエンドエンジニア職に応募して、実務でこれらのことを覚えていくのがいいです。

  • htmlとcssを理解する
  • html5とcss3を理解する
  • レスポンシブサイトが作れるようになる
  • Bootstrapを使えるようになる
  • PhotoshopでWebデザインを作れるようになる
  • Photoshopで作ったWebデザインからhtmlとcssでコーディングができるようになる
  • Illustratorでロゴを作ったりやベクター画像を加工できるようになる
  • Webフォントを理解する
  • Webアイコンを使えるようになる
  • JavaScriptで要素に動きをつけられるようになる
  • JavaScritpのフレームワークであるjQueryを使えるようになる
  • サーバーを理解する(MySQL)
  • ポートフォリオを作成する

中級(実務2年~3年)

  • 2年~3年さらに高度な
  • 実績とスキルをつける
  • PHPを理解する
  • PHPでオリジナルのWordpressのテーマや、Webサービスを作れるようになる
  • 実務で他業種(Webデザイナー、フロントエンドエンジニア、Webエンジニア、Webディレクター、Webプランナー、イラストレーター、フォトグラファーなど)との連携の仕方や仕事の回し方を覚える

上級(実務2年~3年)

  • さらに上位職に転職する(WebデザイナーからWebプランナーへ、フロントエンドエンジニアからPHPプログラマーへなど)
  • 実務と並行して、さらにプログラミングのスキルを身につける(余裕があればRubyやRuby on Railsも勉強してみよう)
  • 2年~3年実務で実績とスキルを積む
  • 速さと正確さに意識してWeb制作をする
  • SEOやマーケティングのスキルを身につける
  • ポートフォリオ用サイトに制作実績や注文が入るように構成を整え充実させる

独立・フリーランス

  • 見積や請求書の作り方をマスターする
  • 確定申告の仕方、税金対策など勉強する
  • マーケティング
  • フリーランス専門エージェントに登録する
  • クラウドソーシングで仕事を受注する
  • フリーランスとしてある程度生活ができるようになったら海外に出てみる

ざっくりこんなイメージです。

すごくたくさん覚えなくちゃいけない…と思うかもしれませんが、実際に仕事をしていけば身につけられることばかりです。

当サイトでは、各ステップにわけて記事を書いています。

(2018年12月にサイトを立ち上げたばかりなので、まだ十分な記事はアップしていません。日々必要な情報をアップしていきます。)

Freenance(フリーナンス)

【フリーランス必見】補償が手厚いFreenance(フリーナンス)に登録してみた!

Freenance(フリーナンス)は日本初のフリーランス向け収納代行サービスです。登録利用料は無料で、手厚い補償でフリーランスを守ってくれる便利なサービス。フリーナンスの登録方法を詳しくご説明しています。
Freenance(フリーナンス)

フリーナンス|フリーランスが請求書を送っても未払い⁉支払い遅れやトラブルを回避するサービス

フリーランスになってから不安なのがトラブル時の対応。 請求書を送っても支払い遅れや未払いが続くクライアント 公開前の情報漏洩で訴えられてしまった カメラやPCの物損事故で仕事ができない などなど、様々なリ...【続きを読む】
STAGE 3(上級~独立)

MENTA|初心者にプログラミングを教えて副業できるCtoCサイト【エンジニア向け】

プログラミングをマスターしたら、MENTAというCtoCサービスを利用して誰かに教えてみよう。自分のスキルレベルでプランや月謝を設定できます。人に教えることで知識の再確認、整理ができ、かつ自分ではわからないことが出てきたら調べ、さらなるインプットが可能です。
STAGE 0(準備編)

WEBデザインやプログラミングを始めるのに必要な予算やツールは?

プログラミングスクールに通いたいんだけど、PCのスペックは?必要な道具は?予算はどのくらい? これからプログラミングを学ぶ人の参考にまとめてみました。
STAGE 1 (初級編)

オンラインだけで即戦力に!稼げるプログラミングを学べるスクールTOP3

通学する時間がなく、オンラインスクールを選ばざるをえない。チーム開発や人脈形成もできるオンラインスクールに通いたい。そんな本格派の人向けに、卒業時点で即戦力&いきなりフリーランスも可能なスクールをピックアップしました。
STAGE 1 (初級編)

プログラミング言語にはどんな種類がある?各言語やアプリを解説

RubyとかPythonとか、色々耳にするけど具体的にどんなことができるんだろう? スクールでプログラミングを学び、あなたが最終的に何を作りたいか、ということを念頭に選ぶといいですね。 この記事では、各言語の簡単な紹介をしておきます。あ...【続きを読む】
STAGE 0(準備編)

プロゲートやドットインストールの利用価値。スクール入学前の予備知識や補助として使おう

独学用オンラインプログラミングサイトとして有名なプロゲートやドットインストール。 今この記事を読んでいるあなたも、一度は触ったことがあるかもしれません。 結論からいうと、プログラミングサイトとドットインストールの利用価値は、プロ...【続きを読む】
STAGE 0(準備編)

WebデザイナーやWebクリエイターには資格は必要?

未経験からWebデザイナーになるのに、スキルの証明として資格を取っておこう! ちょっと待って!資格はこの業界ではほとんど重要視されませんよ。 この記事では、Webク...【続きを読む】
STAGE 1 (初級編)

Webデザイナーにセンスは必要?デザインセンスの磨き方まとめ

今までプログラミングばかりで、デザインからは極力逃げてきました。でも将来独立するにあたり、Webデザインもできないとマネタイズが厳しく、どうやってデザインセンスを磨けばいいかさっぱりわかりません… 非エ...【続きを読む】
STAGE 3(上級~独立)

社会人経験なしでいきなりフリーランスをオススメしない理由と対応策

大学在学中にWebプログラミングは覚えました。 就職しないで、すぐにフリーランスになってノマドワークしたいです。 未経験から社会員経験なしでいきなりフリーランスになるのはキビシイですか? Webの世...【続きを読む】
STAGE 3(上級~独立)

パラレルワーカー&フリーランス志望必見!心構えとポイントまとめ

Webデザインとグラフィックデザインを仕事でしているけど、自分がフリーランスになるにあたり自分が向いているかどうか知りたい。 あと、フリーランスになるための心構えも知りたいな。 この記事は、パラレルワ...【続きを読む】
STAGE 1 (初級編)

PhotoshopでWebデザインするときのフォントの注意

PhotoshopでWebデザインを作るとき、独学の人や初心者がやりがちな「あるある」で、フォントに書式設定でボールド(太字)にしたりイタリック(斜体)にしてしまう、ということがあります。 画像化する場合にはそれでもいいですが、フロントエ...【続きを読む】
STAGE 1 (初級編)

スマホファーストを意識せよ!Webサイトデザインの推奨サイズ

今はPCやタブレット、スマホなどどんなモニタから見てもきちんとWebページが最適かされる「レスポンシブWebデザイン」が主流です。 これからWebデザインを勉強する人は、最初からレスポンシブデザインを勉強しましょう。 この記事では、We...【続きを読む】
STAGE 2(中級編)

Webデザイナー必読!Kindle Unlimitedに登録せよ!WebDesigningが無料で読み放題

スクールでWebデザインを勉強しました。一通り作れるようになったけれど、まだまだ知識が足りない実感がある。 自分に足りない知識は何か、効率的に無駄なくインプットしていきたい ...【続きを読む】
STAGE 2(中級編)

ノマドワーカーと相性のいいプログラミング言語は?学べるスクールはどこ?

エンジニアやプログラマーは、フリーランスととても相性のいい職業です。 ただし、現状としてはリモートワーク(ノマドワーク)ができるプログラマーはほんの一握りだと思います。現時点では、ノマドワーカーになりたいなら、Webクリエイターの方が...【続きを読む】