• フロントエンドエンジニアとバックエンドエンジニアの違いを知りたい方
• エンジニアになりたい方で、どういう種類があるのか知りたい方
• Web業界で働いている方

Web制作やアプリ開発で、フロントエンドエンジニアとバックエンドエンジニアが存在します。

フロントエンドエンジニアは、Webサイトやアプリケーションの「見た目を整える」ことが主な仕事になります。

ここで、フロントエンドエンジニアとWebデザイナーって一緒じゃないの？って思った方、別記事で違いを説明しているので御覧ください。

【よくある疑問】デザインとコーディングの違いとは？

この記事を読んでほしい方Web制作業務で、どの業務に興味があるかを知りたい方デザインとコーディングの違いを知りたい方以前、この記事に「制作の流れ」を書きました。この「制作の流れ」に、デザイン、コーディン...

engineer-start.com

2022.04.15

バックエンドエンジニアは、データのやりとりなど、Webサイトやアプリケーションの「システムを構築する」ことが仕事です。

フロントエンドエンジニアとバックエンドエンジニアの違いとは？

フロントエンド

フロントエンドでよく使う言語は下記のとおりです。

• HTML
• CSS
• Javascript
• PHP

HTMLやCSSは厳密にはプログラミング言語ではなく、「マークアップ言語」と呼ばれます。

そして本来、JavascriptやPHPは、バックエンド言語となります。

これらを覚えておくと、

• ホームページやランディングページなど、Webサイトを制作できる。
• Javascriptを覚えておけば、動きのあるサイトや、データのやり取りの一部が実装できる。
• PHPを覚えておけば、Wordpressなどでの実装ができるようになる。

こんな感じです。

Web制作の場合、Wordpressを使うことが多いかと。

WordPressは本来はブログ向けに作られたツールなんですが、

ホームページ制作などにも使われており、PHPが使われています。

アプリ制作では、ReactやVueといったJSのフレームワークを使った開発があります。

バックエンド

バックエンドでよく使う言語は多岐に渡ります。

• PHP
• Javascript
• Go
• Python
• C言語

などなど、、、

フロントエンドよりも学習コストが高いな〜という印象です。。。

その代わり、平均年収はフロントエンドよりも高くなるイメージです。

バックエンドエンジニアがどんなことをやるかといいますと、

• ログイン機能の実装
• ECサイトの購入フローのシステム構築

などですね。

フロントエンドよりも、パズルのような頭の使い方をすることが多いと思うので、

ハマる人はハマるかなと思います！

どんな人が適正か？

フロントエンド

フロントエンドエンジニアは、下記のような人に適正があるかなと思います。

• Webサイトの見た目の部分に興味がある人
• Webデザイナーやディレクターもやってみたい人
• いち早くエンジニアとして独立したい人

やはり、Webサイトの見た目を構築するのがフロントエンドエンジニアなので、

見た目や動きを実装したい！という方におすすめです。

「見た目や動き」をもっと奥深く説明すると、作りたいサイトを実装する際、

どこに何のコンテンツを入れるか？今後運用する中で不都合がでないか？

などをWebデザイン視点で考えられるフロントエンドエンジニアは強いと思います。

例えば、あるホームページで、キャンペーン用の別サイトを作る、となった場合、

ホームページの中に別サイトの導線としてバナーを作りたい、となった場合に、

バナーを入れ込んでサイトの表示に崩れだったりデザインの不都合が出ないか？

といった感じですね。

またフロントエンドエンジニアは、いち早く独立するためには最適かなと思います。

フロントエンドエンジニアとして業務ができるレベルまでになれれば、

その後に色々なパターンのことに携われる可能性が出てきます。

• APIを使ってバックエンドが必要な機能を実装する
• SEOやマーケティングにこだわったサイトを制作して集客する
• 自らのブランディングのためにサイトを作る

などですね。

実は、バックエンドの機能は、「API」という連携機能のようなもので実装するという方法もあります。

フロントエンドのエンジニアでも使える機能になりまして、有名どころはFirebaseですかね。

フロントエンドにも「ノーコード」というツールがありますが、見た目の実装が何でもできるかといったら、そうではないので、フロントエンドエンジニア自体はまだ必要かと。

同じくバックエンドエンジニアもFirebaseのようなAPI機能があるからといって、まだ汎用性に欠けるかと。

バックエンド

バックエンドエンジニアは、下記のような人に適正があるかなと思います。

• Webサイトやアプリなどのシステムに興味がある人
• 一般の人が読めないコードをガンガン書いていきたい人
• パズルみたいな感覚が好きな人
• 一人で全部構築したい人
• コードを書くこと単体で年収を上げていきたい人

バックエンドエンジニアはフロントエンドエンジニアよりもコーディングスキルが必要、というのが一般的な意見かなと思います。

特にコーディングを数年後もガンガンやっていきたい人や、基本的に人とコミュニケーションをとらずに一人でサービスやサイトを構築していきたい人にはおすすめです。

スキルが求められるということは、やはり年収は高いイメージがありますね。

もちろん会社が求める人材にもよりけりでしょうが、需要はあるかと思います。

フロントエンドもそうなんですが、特にバックエンド言語はエラー対処能力や運用のしやすさはかなり求められるかなと思います。

また、そういった言語が使えると、

業務を効率化させるためのコードを書いたり、

単純作業を自動化させるなどの実装もできるようになってくるので、

Webサイトやアプリを構築する以外にも、色んな付加価値があるかな〜と思います！

システム側は個人情報やクレジット情報を扱ったりすることもあるので、フロントエンドもそうですが、責任感が強い人は向いているかと。

例えば、ECサイトではお支払いの画面で、クレジット情報を扱ったりしますね。

お問い合わせフォームでは、ユーザーに個人情報を打ち込んでもらうので

そういったものが外に漏れないようにしておく知識とかも必要になってきます。

将来性は？

フロントエンド、バックエンドと、それぞれのエンジニアについて紹介してきましたが将来性でいうとどうなのか、解説していきます。

といっても、未来予測みたいなことなので、確実ではないです。

ただ、今までWeb業界で働いてきた中で、こうなりそうだなというのを書いていきます。

結論としては、どちらのエンジニアの作業も、今後はより簡単になっていくかと。

一番の例としては、ノーコードツールの発展ですかね。

コーダーやプログラマーがいなくても、つまりコードを書かなくとも

Webサイトの見た目を作ったり、システムの構築ができたりします。

ではなぜ、まだまだエンジニアが必要なのか？といいますと、

それらのツールがまだ汎用的に使うことができず、思ったデザインを再現できなかったり、

使いたい機能が実装できなかったりするところかなと思います。

とはいえ、IT自体が需要が高まっている傾向にありますので、エンジニアになることで損はないかと！

リモートで働きやすいのも一つのメリットですね。

デメリットもあるけど、現状では夢のある仕事だと思います！

ちょっとだけ補足すると、フロントエンド、バックエンドどちらをやるにしても、別の付加価値のある人材は強いイメージです。

エンジニア × マーケティング能力
エンジニア × Webデザイン
エンジニア × Webディレクション

以上です。興味のある方はぜひエンジニア目指してみてください〜！

それでは！

投稿 フロントエンドエンジニアとバックエンドエンジニアの違いとは？作業の違いを解説【適正や将来性についても解説】 は エンジニアスタート に最初に表示されました。

• エンジニア転職を目指してる方
• どうすればエンジニアになれるか知りたい方
• 転職までの行動で、失敗したくない方

こんにちは、Joeです。

今の業務をやっていて、楽しさを感じることができていない方、ぜひWeb業界へのエンジニア転職がおすすめです。

僕はWeb業界に入って、仕事が楽しいと思えるようになりました。

プログラミング、コーディングの楽しさについて、具体的に書いてる記事があるので、見てみてください。

【プログラミングが続かない人に見てほしい】プログラミング・コーディングの楽しさとは？

この記事を読んでほしい方コーディングやプログラミング独学中で、挫折しかけている人プログラミングに楽しさが見いだせず、学習をやめてしまっている人プログラミングやコーディングは、PCとひたすら向き合う作業です。ずっと続...

engineer-start.com

2022.04.09

Web業界で働くメリットはなにかというと、

• 色々な業界から必要とされるスキルが身につくので無駄にならない
• 無料からはじめられる
• 作業はハマると楽しいし、割とすぐ結果が出やすいので自己肯定感が上がる
• やり方次第でガッツリお金が稼げる
• リモート業務が可能なので、色んな場所で働ける
• コーディングにおいては、コミュニケーション能力に左右されずに業務できる
• ゆくゆくはフリーランスになることも可能

などなど様々なメリットがあります。

デメリットももちろんありまして、

• 効率よく勉強しないと、すぐに結果が出なかったりする
• 一時期、ガンガン作業する期間が必要
• コツコツが苦手な方には合わないかも

個人的にこんなイメージです。

なので、エンジニア転職には、性に合えば「楽しく仕事しながらお金を稼ぐ」ことができる可能性があると思います。

ただ、自分の性に合っているかが分からないままお金を使ってエンジニア転職を目指すよりも、

無料から始めつつ、自分に合っているかを見極めて、転職を目指すのがおすすめです。

web業界の完全未経験者におすすめしたい、エンジニア転職の方法

流れとしては、

1. プログラミングスクールを利用する
2. ポートフォリオを作る
3. 転職エージェントを使ってエンジニア転職する

こんな感じです。

プログラミングスクールを利用する

プログラミングスクールはおすすめです。

なぜかと言いますと、下記のとおりです。

• プログラミングの1分野について網羅的に学べて、分からないところをメンター（先生）に聞ける
• 期限を設けて作業ができる
• 最終的に転職活動がスムーズになる
• 面接の際に話がしやすい

ただ、大半のプログラミングスクールは高額です。

高額だけど、「楽しく仕事しながらお金を稼ぐ」つまり、転職してお給料をいただくか、

フリーランスになる、までいけたら、すぐに元が取れると思います。

転職するつもりはないけど副業でプログラミングしたい、という方も同じくですね。

とはいえ、性に合うかどうか判断するために無料から始めることがおすすめです。

無料体験できるプログラミングスクールはこちら。

テックアカデミー無料体験

受講者満足度も90%以上！【WEBCAMP】

あとは、無料でもスクールでもないんですが、オンラインの学習サイトのUdemyも、安くで学習できるのでおすすめです。

世界最大級のオンライン学習サイトUdemy

ポートフォリオを作る

学習が終わったら、ポートフォリオは作りましょう。

エンジニア転職であれば、企業側としてどのくらいのスキルがあるか、見たいと思うので。

ポートフォリオの作り方の詳細は、また別記事にまとめてます〜

Web制作のフロントエンド転職で使うポートフォリオの作り方とは？【おすすめは1から制作です】

Web制作のフロントエンドエンジニアとして転職したい方向けに、ポートフォリオサイトの制作についての内容を書いてます。結論としては「1からサイト制作」することをおすすめしてまして、その理由などを含めて概要をお伝えします。

engineer-start.com

2022.04.23

転職エージェントを使ってエンジニア転職する

エンジニア転職であれば、転職エージェントを利用するのが良いと思います！

僕も一度利用したことがありまして、履歴書の添削をしてくれたり、

複数の企業さんと繋げていただいたりしまして、

現在はありがたいことに、レバテックキャリアにご紹介いただいた企業に務めてます。

ただ、業務未経験だと、なかなかマッチする企業が見つからない可能性もありますので、

レバテックルーキーに登録がいいかもしれませんね。

どちらも無料で登録できます。

ITエンジニアになりたい就活生のための就活エージェント【レバテックルーキー】

Webエンジニアの転職なら【レバテックキャリア】

エンジニア転職は、より豊かに生きていく可能性を秘めている

こんな感じで、エンジニア転職を目指す、もしくはエンジニアの仕事を知りたい場合、

無料で試しながら、エンジニアとしての能力を身に着けたり、知見をつけることができます。

もちろん、エンジニア転職にもメリット・デメリットがあるのですが、

人によってはエンジニアになることで、今までよりも豊かに生きていくことができる可能性があります。

たとえば僕の場合だと、

• リモート勤務が可能になった
• エンジニアの業務が楽しいので、興味を持って仕事ができるからストレスがない
• コーディングの話ができる人同士の会話が面白く、人脈が増えてきた
• WordPressを主に使うエンジニアなので、ブログを書くなどエンジニア以外の仕事ができる
• 初心者を抜け出したあとも、無料で色々試しつつ勉強しているのでコスパが良い

こんなメリットがありました！

個人的に、「自分はコツコツ作業することができそう」とか「PC技術に興味がある！」と思う人には

ぜひぜひ試してみてほしいなと思います！

それでは〜

投稿 web業界の完全未経験者向け：エンジニア転職の方法を解説【失敗しない為のおすすめは、「無料から始める」です。】 は エンジニアスタート に最初に表示されました。

• フロントエンドエンジニアとして転職をしたい方
• Web制作の業務がつらいのかを知りたい方

フロントエンドエンジニアの業務はひたすらPCと向かい合う作業です。

これからフロントエンドエンジニアとしての転職を考えている方は、

この仕事がどのくらいの業務量なのか、精神的につらいのか、気になりますよね。

今回は、僕がWeb制作の現場で働いてきた中で見てきた、フロントエンドエンジニアの実情を書いていきますので、

転職する際の判断基準として、参考にしてみてください！

フロントエンドエンジニア・Web制作の業務はつらいのか？

結論、状況や人によるんですが、

「業務量・作業量は多いけど、つらくならないように仕組みをつくることができる」

というのが僕の回答になります。

フロントエンドエンジニアは、Webサイトなどの見た目を、ブラウザ上で見ることができるように整えていくことが仕事になりますが、

その作業を効率的に回すには、どうすべきか？も考える必要がある業務です。

たとえば、よく使うコードはいつでもすぐに記述できるように「スニペット」を使うとか、

運用がしやすいように、他の人が見ても分かるように、自分なりでも良いのでコーディングルールに則って作業をするなどですね。

スニペットとは？

「スニペット」は、特定のコマンドを打つと、コードが自動的に出てきてくれる仕組みです。

わざわざコードを書き直す手間を省いてくれます。

最初のころは、コードに慣れるためにあまりスニペットを使わないことをおすすめします。

コードを書いているうちに、「このコードよく使う」とか「この長いコードを一瞬で出したい」とか

考えることが出てくると思うので、そのときにスニペット化すると良いかと思います。

おそらく、慣れないうちからスニペットを使おうと思うと、

改良を加えるために何度もスニペット登録を繰り返すことになると思います。。。

スニペットは、コードエディタごとに登録するための記述が違うので、

「ジェネレータ」を使うのが良いでしょう。

ジェネレータを使えば、コードをそのエディタのスニペット記述に自動で置き換えてくれます。

ググったら、出てくると思うので、試してみてください！

コーディングルールに則って作業すべき理由

これは、「修正や運用がしやすいようにしておくため」、「チームで作業できるようにするため」ですね。

例えば、HTMLやCSSでレイアウトを組んでいくとき、

CSSのクラス命名ルールがないと、意図しないスタイルが当たって、

レイアウト崩れが発生したりします。

そうなると、レイアウトを組んだ場所のみならず、

全体を見てレイアウト崩れがないか確認しないといけません。

これが「修正や運用がしにくい」コードの一例です。

クラス名のルールがあれば、上記のような「CSSの干渉」は未然に防げますし、

確認の手間を取らず修正や運用ができます。

また、コーディングルールが一貫していれば、CSSの命名を考える必要がなく、レイアウトを整えたり、スタイルを当てたりすることができます。

これは、チームで制作する上で、大事な考え方だと思います。

ルールを展開すれば、「制作者に問わず、質や工数をある程度一定に保つ」ことができるからですね。

「コーディングルール」という考え方を持っておけば、サイトによって「どのくらい工数がかかりそうか？」を事前に把握できますし、

事前にどのくらいの業務量になりそうかを逆算できますので、

業務がつらくならないための仕組みとしておすすめです。

チームのコーディングルールと、自分のコーディング手法との相性にもよる

とはいえ、すでに所属するチーム用のコーディングルールができていて、自分のコーディング手法と違った場合は、

チーム用のコーディングルールに慣れるまで時間がかかるでしょう。

もちろん、チーム用のコーディングルールは、その案件の特性に対して作られていることが多いと思うので、そのルールに則ったほうが後々問題が出にくいと思います。

なので特に初学者のうちは、色々なコーディングルールに触れておいたほうがいいかなと。

意識しておいたほうが良いと思うのは、

• 案件の修正や運用を任されたときは、一通りコードを見て規則性を確認する。
• コーディング設計を学ぶ。（BEMがおすすめ。）

このあたりですね。

色々なコーディングルールに触れて、それらを修正や運用できるようになれば、

様々な案件を作業することができるので、おすすめです。

また、すでに提唱されている「コーディング設計」は存在するので、

コーディングルールに触れながら設計方法を探してみてください。

BEM設計をざっくり説明

ちなみに、僕がおすすめしたいのは、BEM設計です。

BEMのメリットは、

• パーツやコードを流用・修正しやすい
• パーツをちょっとだけ変えたいときのクラス名ルールがあるので、CSSが破綻しづらい。

このあたりですね。

WordPressなどのCMSにも組みやすいです。

「ちょっとだけ変えたい」の範囲としては、色味を変えるとかの見た目の部分だったり、

ボタンを非活性（押せないようにする）にするなど状態を変えたり、の範囲です。

初心者のうちは、ガンガン作業に打ち込むのがおすすめ

コーディングの設計やルールを抑えることができれば、かなり仕事はしやすくなると思います。

ただ、設計やルールの概念にたどり着く前に、やはり作業に慣れる必要があると思いますので、

初心者のうちは作業に打ち込むことを個人的にはおすすめします。

追々、自分で設計ができるように、作業しつつルールを意識していくことが大切だと思います。

設計やルールが分かってくることも楽しさのひとつなので、

ぜひ意識しながらコーディング作業に取り組んでみてください！

投稿 フロントエンドエンジニア・Web制作の業務はつらいのか？実情は？ は エンジニアスタート に最初に表示されました。

• フロントエンドエンジニアとして転職をしたい方
• ポートフォリオの作り方を知りたい方

フロントエンドエンジニアとして転職活動を行う際、

ポートフォリオを作ることで、企業に対して自分のアピールに繋がります。

エンジニアであれば、エクセルやパワーポイントよりも、Webサイトで制作するのがいいでしょう。

僕自身、未経験だった頃に、ポートフォリオをサイトとして作って転職活動に取り組みました。

今現在では、僕が働いている会社で、コーダー・フロントエンドエンジニア採用の際に、応募者のポートフォリオを拝見することがあります。

もちろん、会社によって「どういったコーダー・エンジニアがほしいか」は変わってくるんですが、

作る際の参考になればいいなと思います！

Web制作のフロントエンド転職で使うポートフォリオの作り方とは？

結論だけ言うと、おすすめは「自身で1から制作した」ということが伝わるポートフォリオですね。

企業として、業務未経験者のポートフォリオを見て知りたいことは、

• その人の現状のスキルや特徴、どんな人柄なのか
• これからスキルの向上が見込めるかどうか、独学でどのくらいやってきたか

このあたりは特に重点的に見られているかと思います。

Web制作で大事なことは色々あって、

• ユーザーから見たサイトの使いやすさ、見やすさ
• サイトの修正・運用のしやすさ
• デザイン・トンマナ

こういったことが重要になります。

この中で個人的に、まずはコーダー初心者としてこだわってほしいのは、「サイトの修正・運用のしやすさ」ですね。

このことを前提に記事を書いていきます。

テンプレートを使うのは、あまりおすすめしない。

実は、サイト制作のテンプレートのようなものは、世の中に出回っていることもありまして、

今まで自分が採用に携わった中で、サイトの見た目が、他の人のものとほぼ同じようなポートフォリオを見ることもありました。

この場合は、なにかしらのテンプレートを使ってポートフォリオを制作しているかと思います。

確かに、テンプレートを使うとサイトを綺麗に表示できるし、評価を受けやすいと感じるとは思います。

テンプレート自体は使っても問題ないとは思いますが、

自身でほとんどコードを触っていない、というのが分かってしまうので、

今後コードをしっかり書いていけるのか、

サイト修正・運用のしやすいコーディングを学んでいける方なのか、

などなど、疑問が残ってしまいます。

業務でもテンプレートを使っていく、といった考え方もありっちゃありなんですが、

その会社特有のデザインだったり、コード運用や修正のルールを踏まえると、

テンプレートだと「汎用性」がなかったり、「コードの使い回しがしづらい」など、

色々と壁にぶち当たる可能性があります。

サイト運用・修正のしやすさなどを考えると、

「汎用性」や「コードの使い回しのしやすさ」など、

それを達成するための考え方は、コーダーとして大事になってくるので、

「コードを１から書こうとした」ということがアピールできるといいかなと思います！

まずはサイトの見た目よりも、人柄や特徴などを伝えたい。

とはいえ、サイトを1から作ろうとすると

特に初心者はやり方を調べたりで時間もかかるし、

時間を書けた分、見た目の良いものが作れるかといったらそうではないことが多いです。

サイトの見た目にこだわっていったり、スキルを身に着けていくことは、

業務を始めたあとに積み重ねていけば良いと思うので、

まずは、「現時点でどういう考えでフロントエンドになりたいか」や、

「1からコードを書いて、どんな部分にこだわったか」など

自分の考え方の部分をポートフォリオで表現できると良いと思います。

それは、ポートフォリオサイトに表示されるテキストでそのまま表現しても良いですし、

そのサイトを構築したコーディングデータで表すのもアリです。

（とはいえ、すごくデザインに凝った制作会社に入りたいとか、Webデザインに興味ある場合は、

ある程度デザインのこだわりも見せていった方がいいとは思います。）

僕がWeb業界未経験だったときに作ったポートフォリオについて

ちなみに、僕がフロントエンド未経験で、採用をもらったときに提出したポートフォリオには、

次のような事柄を書きました。

1. プロフィール（名前、年齢など）
2. 転職にいたった経緯（なぜ前職を辞めて、Web業界で働きたいのか、など）
3. その会社に入りたい理由
4. フロントエンドとしての現時点のスキル、どの程度できるか
5. 今後どういうふうに成長していきたいのか

このあたりが書けていれば、人柄や特徴が伝わると思います。

受ける会社によるんですが、あまり固く書かず、自分らしさを出すのもアリだと思います。

どんなサイトだったか？

サイトの見た目自体は結構ボロボロだったと思います。。

今では結構必要とされている「レスポンシブ化」にも対応していないのでPC表示しかできなかったり、

単純にグレー背景をサイト全体に敷いて、それぞれのブロックに白背景を乗っけたような

なんとも簡素なデザインでした。

それでも採用をもらえたのは、

「自分で１から作ったこと」で、自分の考え方をスムーズに伝えることができたからだと思います。

それ以前に応募した会社では、テンプレートに近いようなポートフォリオサイトでしたし、

「どこにこだわったか？」を全然答えられず、お見送りになることが多かったです。

結果として、会社に入ったあとはフロントエンドエンジニアとして活動できましたし、

Web制作に付随するワイヤー制作やデザインの一部を任せてもらうことができました。

「スキル面は入社したあとになんとかなるので、今後成長するためにどういった考え方を持っているかを伝える」くらいでポートフォリオを作ってみると良いかなと思います！

1から作ってみて「つまづいたところ」「改善策」などを伝えることができれば、ベター

ポートフォリオサイトを「1から作る」ことの付加価値として、

「1から作ったことでつまづいた点やその改善点」は言いやすくなるかなと。

ポートフォリオをサイトとして完璧に完成させるよりも

中途半端だったり抜けがあっても、サイトを作ってどうだったかなど、企業は興味あると思います。

コーディング設計はこう考えた、ユーザーのことを考えてこういった対応をした、デザインにこだわった、などですね。

実際にポートフォリオを作成しているときは、

一通り完了するまでに何かしら壁にぶち当たると思います。

そこに対する対処方法などが伝われば、今後同じような壁に当たったときに、

どんな対処をする人なのかが、ポートフォリオを見ている人に伝わるかと思います。

もちろん、そこを踏まえてフロントエンドエンジニアよりもディレクターの方が向いてるとか、企業側として色々な判断を下すと思いますが、

自分の向き不向きを企業から学び取ることも、転職活動をする上での大きな意味だと思います。

ポートフォリオを作って転職活動をするなら、エージェントがおすすめです。

ポートフォリオを作り終えたら、フロントエンドエンジニアとして転職をするために、

転職エージェントを使ってみるのがおすすめです。

レバテックさんは結構、僕も転職活動の際にお世話になってます。

レバテックルーキーに無料相談してみる

Webエンジニアの転職なら【レバテックキャリア】

まずはカウンセリングを受けてみることがおすすめです！

それでは〜。

投稿 Web制作のフロントエンド転職で使うポートフォリオの作り方とは？【おすすめは1から制作です】 は エンジニアスタート に最初に表示されました。

• コーディング学習中だけど、このまま続けていて成長できるか不安な方
• プログラミングで稼ぎたいけど、本当に稼げるか不安な方

何かの目的をもってプログラミングを始めた方、多いと思います。

お金を沢山稼ぎたい、やっていて楽しいと思えることを仕事にしたい、今の仕事が嫌なので転職するために試しているなどなど…

ただ、プログラミングの学習を進めていくうちに、そういった目的を達成できるか不安になることがあると思います。

そんな方々が身につけておきたい、考え方や行動の仕方を書いていこうと思います。

プログラミングは何かしら役に立つと考えて作業する

プログラミングを学習する中で行う作業は、いろんな業務で使えます。

プログラマーやエンジニアのみならず、仕事でパソコン作業を行うことは多いです。

プログラミング学習で、仕事に役立つことは例えば、

• タイピングが身につく。
• パソコンの使い方について慣れることができる。

これだけ身につけることができるだけでも、すごく意味があることだと思います。

パソコンについて知っているかいないかで、仕事ができる幅が大きく広がると考えることができます。

なので、無駄にならないという考え方で作業を進めましょう。

「向いていなかったら損してしまう」と考えるとなかなか作業がすすまないですからね。

またプログラミングを学んでいると、「効率化したい」という考えが、いつか出てくると思います。

パソコン作業を効率化する無料ツールなど、探して使ってみるだけでも、役に立つと思います！

プログラミングがもし仮に向いていなかったとしても、パソコン作業は何かの仕事で使えるので、お金が稼げないことはない、くらいで考えておくことがおすすめです。

学習に挫折しそう、もしくは飽きてきたら、ちょっと寄り道してみる

同じエラーに対して、たくさん調べすぎて作業が進まないときや、ちょっと単純作業になってきて飽きてきたときは、ちょっとだけ違う作業をしましょう。

例えば、今までで解決できていなかったエラーについてもう一度調べてみるとか、

他に面白そうなコーディングの技術や手法がないか探してみる、とかですね。

意外とそういったときに、以前迷っていた部分がすんなり解決したり、自分が知らなかった範囲で役に立ちそうな技術が見つかったりするんですよね。

パソコンで作業していれば、ネットワークに繋がっている限り、調べ物ができます。

どんどん解決していけば、同時にプログラミングも楽しくなっていくので、

今やっている作業から離れたいときは、他の事柄で調べ物をしてみることをおすすめします！

本屋で技術書をざっくり読んで見る

技術書は、技術を体系的に、網羅的に学びたいときにおすすめです。

初学者のうちは、ひとつひとつのことにつまづきがちですが、

技術書であれば、それを乗り越えた先にある、「プログラミングでできること」を先取りできます。

もちろん、自分が現状でつまづいている部分の解決策を見つけることもできます。

深く読んで身につけることもできるかと思いますが、まずはざっくり読んで、プログラミングでどんなことができるか、だけでも知ることができれば、

今つまづいている作業の対処も、乗り越えやすいのではと思います。

ひとつだけでもいいので、解決困難なエラーについて調べまくる

やはりプログラミング初心者の方が挫折しやすい事柄としては、「エラーによって作業が進まないこと」かなと。

ひとつだけでもよいので、エラーについてたくさん調べて、たくさん失敗してください。

そして、解決できるまで粘ってみてください。

なぜかというと、

• 失敗した分だけ、次にエラーにぶつかったときに要点を絞ることができる。
• ひとつだけでも解決困難なエラーを解決できたとき、エラーへの拒否感が少なくなる。

主にこれらが理由です。

個人的には、すぐに人に聞くよりも、

初学者のうちは自分で調べまくった方がいいのかなと考えてます。

次に同じようなエラーが出たときに、感覚で「どの辺が怪しい」というのが見えてくるからです。

また一人で解決できたほうが、他の人の時間をとらないし、なにより自分の身になります。

小さなことではありますが、このエラーに対する調査や対処は、エンジニアとして重要な部分だと思います！

学習が中途半端でも、転職活動に挑んで見る

何も学習が進まない、、不安だらけ、、の人は、

学習が中途半端でも、転職活動に挑んで見るのはいかがでしょうか？

会社によっては、能力や知識ではなく、人柄やコミュニケーション能力を重点的に見ている会社もありますし、

実際、自分自身が業務未経験で独学中だったときより、Web業界に入ってから業務を回すことで圧倒的に成長できたという実感があります。

（業務未経験だったころの小さな下積みがなければ、その成長すら達成できなかったと思いますが。）

採用さえもらえてしまえば、業務をせざるを得ない状況に身を置くことができますし、

一番ゴールに近い動き方かもしれませんね。

最近では、エンジニア転職を支援してくれるサービスもあります。

ぜひ会員登録してみてください！

IT・Web業界での転職なら【レバテックキャリア】

それでは〜

投稿 【プログラミング学習をしていて不安な方へ】不安をなくすための考え方や行動 は エンジニアスタート に最初に表示されました。

• Web業界への就職や転職を考えている方
• Web制作やプログラミングの業務未経験で、Web業界への就職・転職を考えている方

Web制作やフロントエンドエンジニアを業務としてやってみたい方、これからどういうふうに業務経験をつけていきたいと考えてますか？

最初から人脈がある方は、人脈を使って仕事をもらったりでも良いかと思いますが、おそらくはそういった人脈がない方のほうが多いのではと思います。

では、Web制作に関する人脈がない方はこれからどう動けばよいのか、おすすめの方法をお伝えします！

結論としては、「ベンチャー企業」への就職（転職）がおすすめです

これからWeb制作やフロントエンドの業務がしたい方、ベンチャー企業に就職するのがおすすめです。

僕も今まで2社のベンチャー企業で、 Web制作のフロントエンドエンジニアとして、コーディングを担当してきました。

フロントエンドエンジニアとして3年目ですが、本当に色々な知見や対応力などが身についたと思ってます。

おすすめする理由としては、下記です。

• ベンチャー企業は比較的ルールが決められていないことがあるため、都度自分でやり方を考える必要がある。つまり、課題解決力が高くなる。
• 分業化されていないこともあるので、いろいろな経験ができる。
• 業界未経験でも、やる気や人柄ですぐに就職できることがある。

社内ルールが決められていないことの長所

業務経験を積むにあたって、社内でルールが決められていないことは、フロントエンドエンジニアにとっては長所だと考えています。

例えば、コーディングルールが決められていない場合、自分でどんな方法があるのか、必然的に探さなければなりません。

以前記事にかいた「検索力」が身につきやすいです。

【PC業務に全般に使える】検索力の鍛え方

この記事を読んでほしい方パソコン作業を効率化させていきたい方プログラミング・コーディングでの課題を解決する最適な方法が知りたい方。web制作やwebサービスの開発に携わっている方、またはその初学者パソコンに携わって業務をし...

engineer-start.com

2022.03.26

この「検索力」があれば、色々なパターンの対応方法を身につけることができるので、フロントエンドエンジニアやコーダーにとって非常に大切だと思います。

ベンチャーだと色々な経験ができることが多いが、具体的にメリットは？

ベンチャーだと、Web制作において完全な分業化がされていないこともあり、コーダーだけどディレクターが担当するワイヤーフレームを作ったり、たまにデザインの一部分を担当したりと、いろいろな経験ができます。

いろいろな経験ができると、それぞれの担当分野でいい影響を与えることができます。

例えば、コーディングのことを知っていれば、ワイヤーフレームを作るときに「機能面をどうするか？どういうレイアウトだとデザインやコーディングがしやすいか？」が必然的に見えてきます。

デザインを組むときも、「ワイヤーの意図を組みつつ、コーディングしやすいような仕組み」を考えることができます。

コーディングするときは「ディレクター・デザイナーの意図を汲み取って、どういう機能や挙動にすべきか。」など考えることができます。

このように全体を見る目が養えるし、チームワークも生まれやすいのかなと。

また全体を知っていれば、最終的に一人でWeb制作ができるようになるかなと思っておりまして、もし何年後かにフリーランスを目指している方とかにもベンチャー企業はおすすめです。

業界未経験でも、やる気や人柄ですぐに就職できることがある。

これに関しては、もちろん必ずすぐに就職できるとは思いません。

ただ、特に会社立ち上げのタイミングでは、やる気や人柄を重視するベンチャーも多い印象です。

これは僕が実際に業務未経験だったときの話なんですが、

プログラミングスクールを受講して、ポートフォリオサイトを作成し、ベンチャー企業を受けました。

面接を受けた企業さんは、やはりどこもポートフォリオサイトの内容だったり、どこにこだわっているかは、よく聞かれた印象です。

プログラミングスクールは高額だったりもするので、あまり言い方はよくないですが、お金を払ってでもやりたい仕事である、ということを示すことができると思います。

（プログラミングスクールについて書いた記事があるので、こちらも読んでいただきたいです。）

【プログラミングを始めたい方向け】プログラミングスクール受講のススメ

この記事を読んでほしい方プログラミングを始めたいが、何からすればいいか分からない。独学中だけど、進み具合がよくない。作業中、解決方法が分からず、いつも放置してしまう。プログラミング未経験だが、エンジニアとして転職したい。そ...

engineer-start.com

2022.01.04

また、最近になって僕も社内で採用に徐々に携わるようになりまして、社内の採用メンバーと話していると、やはり人柄を重視している方が多いです。

まとめ

Web制作、Web業界未経験の方に向けて、ベンチャー企業のおすすめでした。

興味がある方はぜひベンチャー企業を探して、面接受けてみてください！それでは〜

投稿 【Web制作をやってみたい人未経験者必見】コーダー業務やWeb制作の業務経験は、どこで積むべきか は エンジニアスタート に最初に表示されました。

• Web業界への就職や転職を考えている方
• パソコンを使った仕事がしたいと思っている方
• Web系の仕事の中には、どんなものがあるか知りたい方。

Web系の仕事、色々な分野あります。

人とコミュニケーションをとることが多いディレクター、主に作業が中心となってくるデザイナーやコーダーなどなど。

Web系の仕事の中にも、サイト制作だったり、アプリ開発があって、それぞれ学ぶことは似ているようで結構違ったりします。

とにかくWeb業界で仕事したい！といった方、いらっしゃるかと思いますが、やはり分野や担当がたくさんある以上は、やりたいことを絞っておいたほうが損がないでしょう。

「Webアプリ開発」と「Webサイト制作」では、難易度や作る目的が違う

難易度としてはアプリ開発 ＞ サイト制作のイメージです。

理由としては、

• アプリ開発は求められる要件や機能が多い。
• アプリ開発で使用するプログラミング言語は、Web制作よりも学習コストがかかる。

こんな感じですね。技術に興味があって、独学も得意な人は、アプリ開発おすすめです。

Webアプリ開発とWebサイト制作での目的の違いとしては、

• アプリ開発 → 誰かの困りごとを解決するツールを開発
• Webサイト制作 → サイトを使って集客したり、商品を売ったりする。

もちろん会社によってまちまちですが、おおまかな目的としては上記になるかなと思います。

Webサイト制作では集客のためにSEOの知識だったり、ユーザーが満足する操作性やデザインが求められたりします。逆にアプリ開発では、技術面でより高度なレベルが必要とされるイメージですね。

なので、ガンガンプログラミングをやっていきたい方はWebアプリ開発、サイトデザインなどの見た目に興味があったり、集客の能力を身に着けたい人は、Webサイト制作をおすすめしたいです。

今後お金を稼ぎたい場合、やり方が変わってくる

サイト制作は、アプリ開発に比べると、制作したときにもらえる単価は低いことが多いです。

もちろん、やり方によっては制作のみで大きく稼げるかもしれませんが、ディレクションからコーディングまで一人でできる、だったり、SEOに強い、など何かしら差別化を図ったほうが、仕事は取りやすいのではと思います。

アプリ開発に関しては、ある程度単価が高い案件が多いと思いますので、技術力勝負かなと思います。

まずはWeb系の仕事を詳しく調べて、自己投資や転職活動を行うことをおすすめします。

今回紹介したとおり、Web業界の中にも色々な仕事があり、これからWeb業界で仕事をしてみたい人は、自分の得意分野だったり向いていることをまずは洗い出して、

どの業種のどの職種がやってみたいか、調べてから行動することをおすすめします！

読んでいただき、ありがとうございました！！

投稿 【Web業界への就職・転職】Web系の仕事を始めたい人に知っておいてほしいこと は エンジニアスタート に最初に表示されました。