未経験だけど、Web制作会社にコーダーとして入りたい。HTML/CSSは勉強したけど、他にどんな知識が必要なのかな?本記事では、こんな疑問にお答えします。Web制作会社にコーダーとして入るためには、HTML/CSSの知識だけでは少し厳しいです。実際の現場はHTML/CSS以外にも様々な技術が必要。チームでの開発や作業効率化を進めるうえで他の技術が採用されているのです。そんなわけで今回はWeb制作会社にコーダーとして入るための必須知識をまとめました。づみ私自身、未経験のコーダー(兼ディレクター)として入り、「この知識がないときついな...」と感じたものをまとめていますので、参考になるかと思います。これからコーダーとして制作会社に入りたい、活躍したい方の参考になればうれしいです。具体的には下記の通り。CSSSass(SCSS)Javascript(jQuery)Photoshopの基礎知識github上から順番に重要度が高いと思ってもらえればよいかと思います。各項目が必須である理由と、おすすめの勉強方法を解説していきます。CSS言うまでもなくですが、コーダーとして入るのであればHTMLとCSSの知識は必須です。ここは理由割愛させていただきます。+αで勉強しておきたいことCSS設計HTMLマークアップの基礎理解をさらに深める上記2点を勉強しておくとなおよしです。CSS設計は、チームで作業する場合や保守運用という観点を踏まえて、コーダーに求められる1つのスキルになるので、必須レベルで勉強しておくと良いでしょう。プロゲートから取り組みましょう。どちらかを終えたら次は実際にサイトを制作していきます。づみ適当なサイト模写から始めてもよいですが、最初は本を見ながら進めるのもおすすめです。自分は下記を購入して知識を深めました。手順としては、CSS設計とはなんなのか?をググって基礎知識を深める実際にどのようにして書くのか?を本で学ぶおすすめの本はこちらです。リンク少々お高いですが、書き方の例や、こういうときどうしたらいいの?を具体的に解説してくれています。CSS設計に関しては、ググっても概念的な解説がほとんどなので本から学ぶのが一番かもです。Sass(SCSS)Sassとは、CSSをより効率的に書くことのできる記法です。SASSを使うことで作業効率が大幅に向上したり、保守管理が楽になります。制作会社では、CSSファイルにそのまま書くことはほとんどありません。Sassに書いてコンパイルするのが一般的です。いうのも上述の通り、Sassで書くことによって作業効率が向上するからです。CSS設計の観点からもSassでファイルを分割したほうが保守性も高まります。おすすめの勉強法おすすめの勉強法は以下の3通りです。調べつつ自力で学習Youtubeに落ちている学習動画で学習このあたりがおすすめです。本を買って学習リンクづみこのあたりは鉄板中の鉄板。Sassの基本から体系的に学ぶことができます。調べつつ自力で学習するのもありです。使い方」などで調べれば有益な記事がたくさん出てきます。あとは実際に書いてみるのが大事です。(このブログでもSassの使い方作成中。)Javascript(jQuery)Javascriptはプログラミング言語のひとつです。Javascriptを使うことによって、ユーザのアクションに基づきWebページの内容を変えたり、リッチなアニメーションを再現することもできます。jQuery、はJavascriptをもっと簡単に書けるようにしたものです。必須の理由JavascriptもしくはjQueryが書ければ、面接時にアピールポイントとなります。会社によっては「コーダーはJSくらい触れて当たり前だよね」という価値観もあるみたいなので、やはり必須知識といえます。プロゲートで基礎を学習するのがおすすめです。基礎をやり続けると必ず飽きるので、「なんとなくわかった」という状態になれば自分で手を動かしてなにか作りましょう。制作物としては上記3点あたりがおすすめです。現場でもよく使うのでぜひ身に着けておきましょう。PhotoshopPhotoshopは、Adobeの画像編集アプリケーションです。画像編集ツールですが、現場ではデザインカンプの制作に使われています。必須の理由デザインカンプから素材を書き出したりするためには、Photoshopの基礎知識が欠かせないです。そのため、基本的な操作はできるようになっておきましょう。おすすめの勉強法Photoshopを契約して実際に触りましょう。触っていると「何がわからないのか」がわかってくるので、そのときにググるっていうのを繰り返せばOK。GithubGithubは、コードをチームで共有できるようになるコード管理ツールです。誰のコードが最新のデータかを常に管理してくれます。制作現場はチーム開発がほとんどなので、コード管理が欠かせません。そのため、どの制作現場でもGithub(もしくはその他)のような管理ツールを導入しているはずです。学ぶ必要はありませんが、基本操作を覚えておくと入ってからも仕事を進めやすいです。←参考)ポートフォリオをgitで管理するまとめというわけで、以上が制作会社にコーダーとして入るための必須知識です。今回挙げたのは、あくまで僕の実体験に基づくものでして、制作会社によればもっと知識が必要かもしれません。づみとはいえ、紹介した項目を理解しておけば、転職や就職には必ず役に立つのでぜひ実践してみてください。今回は以上になります。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。無料版Elementorでヘッダーを作成する方法【カスタマイズ...サイト管理人づみ元工場勤務のWebディレクター。現在はWeb制作会社に勤めながら兼業でWeb制作事業を営んでいます。工場退職→フリーのWebライターに転身。→コーディング・プログラミングを独学で学ぶ→Web制作会社に入社。兼業でWeb制作事業。