文系の大学二年生です。 プログラミングに興味を持ち、趣味程度でHTML,CSSを学んでいます。

Question

文系の大学二年生です。
プログラミングに興味を持ち、趣味程度でHTML,CSSを学んでいます。安易な質問で申し訳ありませんが、身に着けることで市場価値を高められることができる言語があれば教えていただきたいです。将来、エンジニアなどになってがっつりプログラミングで稼ごうとは思っていませんが、副業として少しでも自分の収入源にできればなと考えています。また、学ぶ際の注意点やおすすめの参考書など、あればぜひ伺いたいです。
よろしくお願いします。

Answer 1

文系出身の本業ソフトエンジニアの者です。

私は本業にてバリバリの技術よりのエンジニアをやっているものですが、副業で稼げそうな気はあまりしません。

もし、本業のエンジニアになるわけでもないなら、ExcelのVBAと正規表現を覚えておくのが一番有用だと思います。事務職でも営業職でも必ず役に立ちますので覚えるに越したことは無いと思います。

Answer 2

>プログラミングに興味を持ち、趣味程度でHTML,CSSを学んでいます。

HTMLはマークアップ言語、CSSはスタイルシート言語でプログラミング言語では有りません。
なので「HTML、CSS」の作成はプログラミングでは無くコーディングです。
「HTML、CSS」を作成する人はプログラマーでは無くコーダー(役職によって名称が変わる)です。

>安易な質問で申し訳ありませんが、身に着けることで市場価値を高められることができる言語があれば教えていただきたいです。

JavaScript(これはプログラミング言語)

>また、学ぶ際の注意点やおすすめの参考書など、あればぜひ伺いたいです。

HTMLを学ぶのに最適な本を5冊紹介する
https://www.sejuku.net/blog/5198

挫折したくない人向け！JavaScript勉強本 14選
https://www.sejuku.net/blog/252

あと、Progate無料版を理解できるまで複数回 周回してみると良いでしょう。

下記は現状では そんなこともあるんだな程度に流して読んでおけば良いです。

(メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、SEO(Search Engine Optimization：検索エンジン最適化)的には当然 マイナスになるので ご注意ください。
もしも プロを目指すなら、(メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、当然 プロとしては失格と言って良いでしょう。
なぜ SEO的にマイナスになるのか、なぜ プロとして失格なのかは、Chromeのデベロッパー･ツールのモバイル･エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみれば分かるでしょう。

(プロなら6k解像度ぐらいは使ってるかもしれませんが)一般的にはPCにおいては「1k～4k」解像度をチェックしておけば良いでしょう(なのでポートフォリオを作成するならPCにおいては「1k～6k」解像度ぐらいには対応すると良いでしょう、レスポンシブ･デザイン対応も必須です)。

Chromeモバイル･エミュレーターの操作法
http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+0000052B&tsn+0000052B&bts+2021/11/29%2015%3A52%3A51&

ピクセル・パーフェクトなら、px→vwの換算は単なる四則演算なので特に難しいことはありません(アマチュアの勉強用なら1pxぐらいズレても、全然 気にしなくて良いです)。
ただし、「@media：メディアクエリ」はプログラムで言うところの条件分岐になるので、初心者には少々 取っつきにくいかもしれませんが。

100vwは「bodyタグのデフォルトmargin、スクロールバーの幅」は一切 考慮されてないので、横幅が はみ出ます(つまり「bodyのデフォルトmargin、スクロールバーの幅」のサイズを引いて計算しなければなりません)。
ちなみにプロの場合はbodyのデフォルトmarginをゼロに設定するようです(その場合はスクロールバーの幅のサイズだけを引いて計算すれば良い)。

本当に自分の作りたいサイトを(勉強のために)実用的なWebページで作ってネットで公開してみると良いでしょう、自分が本気でネットで公開したい、と言うモチベーションが有った方が学習に圧倒的に有利です。
自分が本当にネットで公開したいコンテンツが有るか、どうかも重要な要素になるでしょう。
無料レンタルWebサーバーは基本的に広告が入るので、広告がウザくない所を探して下さい。

いきなり難しいことから始めずに、初めは簡単なレイアウト(パイロット版)からトライしてみると良いでしょう。

Webページにおける基本的な注意点
http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000231&tsn+00000231&bts+2019/08/12%2011%3A02%3A18&

もし、フロントエンドを目指すなら、下記のコードを見ずに、CSSで その挙動を再現できるレベルを推奨します。

CSSデモ集(-)
http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+0000025C&tsn+0000025C.&

スクールでは、一旦 pxでWebページを作らせてから、それをvwに換算させてWebページを作らせる授業をやってる所もあるようです。
Webデザイナーはpxでデザインカンプを作るので、コーダーはpxをvwに換算しなければならないので、その練習として そのような授業をしていると思われます。

pxでWebページ自体は作らなくても良いので、(Webデザイナーのように)pxでモックアップを作って、それをvwに換算してWebページを作成してみると良いでしょう。
また、今まで自分が作ったWebページをモックアップに見立てて、それをvwに換算してWebページを作り直すのも良いでしょう。

Answer 3

副業として簡単にできるのはアプリ作って広告収入くらいかと。

Answer 4

市場価値が高い→難しい言語で扱える人が少ない→C/C++,Rust
になるかなと思います。

ただ、これらの言語はOS作ったりとかガッツリ何か開発する人が使う感じなので、副業として見ず知らずの人にお願いできる程度の案件では出番はないかもです。。。