38歳にしてHTMLコーダー（その後はフロントエンジニア）を目指したいと考えています。 20代の頃にwebデザイナ…

Question

38歳にしてHTMLコーダー（その後はフロントエンジニア）を目指したいと考えています。

20代の頃にwebデザイナー（コーディング含む）をしており、その後全く他の職種を経て、改めてHTMLコーダーとして自営業をしたいと考えております。

今は短期の仕事をしていますが、もうすぐ離職予定です。
webデザイナーの職業訓練所に通い、改めてHTML5を勉強し、ポートフォリオやサイトを作ってからレバレッジなどのフリーランス向けサイトに登録して仕事を受けることが出来たらと考えております。

自分の頑張りによって結果が出るものだとは思いますが、フリーランスサイトに登録すれば仕事は得られるものでしょうか？

また、私は怠け癖や自分の力を信じられない癖があり、楽の方に流れていきやすい質でもあります。
そういった点があるため、独立独歩でやっていく自信がありませんが、いち地方に住んでいるためIT会社はほぼありません。

上記、甘えた言だと理解していますが、
技術職として一人立ちししていくアドバイス頂けたらと思います。

補足

HTML5、CSS、jQueryを過去に触っておりました。
フロントエンジニアになるにはPHP、Javascript、Pytonにも分野を広げてこうと思っています。

Answer 1

現状で、どうやって稼いだら良いかわかっていない状態でフリーランスをやっても上手くはいかないと思います。

クラウドソーシングに頼む方は、安くしたい方か、素人なので、素人同士が集まると、多くの場合、暗礁に乗り上げます。
そして、どうしたら良いかわからないままでは収入に繋がりません。

やってみるとわかるかと思いますが、多分、１年で数千円程度の仕事を請けられたら、良い方といった結果になる可能性が高いかと思います。

Answer 2

そもそもhtmlコーダーって、必要ですかね。
html限定なんですよね？
コーダーは、htmlとcssとjsまでやってくれないと、使い道が無いですね。

Answer 3

分かってるかもしれませんが、現在は昔とは別物になってます。
(メディアクエリは除き)Web系においての静的Webページではpxなどの絶対単位を使う古いピクセル･パーフェクトは無くなりました(ただし基幹系においての静的Webページでも昔ながらのpxなどの絶対単位の古いピクセル･パーフェクトを使っているかもしれませんが)。
企業のWebページでは動的Webページになっている場合も有り、クライアントのモニター解像度を取得し、(サーバー側で計算して)動的に絶対単位(px)で生成している場合も有るようです、その場合はレスポンシブ･デザインになって無いと思われるので、(コードを読んだり、写経しても)「レスポンシブ･デザイン」などの勉強は出来ないと言う事になります。
つまり、(Web系においての静的Webページでは)現在のピクセル・パーフェクトは、別物になったと言うことです、(完全な別物なので)それをピクセル・パーフェクトと呼んで良いのかと言う議論は有るでしょうが。
分かりやすく言うと、肉眼で見たイメージとしてのピクセル・パーフェクトなので、脳内で便宜的に「イメージ・パーフェクト(仮)」とでも読み替えれば良いでしょう。
なお 人がピクセル・パーフェクトと言った時に、古いpx単位のピクセル・パーフェクトを言っているのか、「イメージ・パーフェクト(仮)」を言って居るのか、文脈から判断する必要があります。

>webデザイナーの職業訓練所に通い、改めてHTML5を勉強し、

できればコーダーの職業訓練所にも通ったほうが良いと思いますが。
とりあえず下記で勉強してみると良いでしょう。

「特定の解像度に依存しない実用的なWebページ」詳解
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+twilight/&bid+0000031C&tsn+0000031C&bts+2022/04/27%2016%3A47%3A37&
※例えばそれを理解せずにポートフォリオを作って、ベンダーに送った所で、素人の遊びぐらいにしか評価され無いのでご注意下さい。

当方はフロントエンド(プロ)"入門"用の課題を作ってみたので、興味があるなら挑戦してみると良いでしょう。

HTML5の基礎と課題
http://ashtarte.hotcom-web.com/utf8/smt.cgi?r+twilight/&bid+0000044D&tsn+0000044D&bts+2023/09/30%2012%3A21%3A15&

その課題はフロントエンド(プロ)の"入門"レベルなので、その程度の難易度の課題を自分でググってコーディングできないようではフロントエンド(プロ)は難しいと思って下さい。
※それはあくまでもフロントエンド(プロ)の"入門"レベルですので、本職のフロントエンド(プロ)になるには更に上のレベルが要求されます。

【課題１】の下記 添付画像の背景が藍色(Navyカラー)の部分は無視して下さい(添付画像は一旦ダウンロードした方が見やすいかもしれません)。
カラーは、"#"が付いた数字がカラーです。
要素のサイズは、vwの単位が付いてる数字が要素のサイズです、白い文字はレイアウト全体のサイズです(分かりやすさを優先し、サイズは小数点以下を切り捨てています)。
なお配置のためのサイズは書いて無いですが、それは目分量でおｋです(単位はvwで記述して下さい)。

Answer 4

一度経験してるのでしたらコーダーにはなれそうですが、フリーは自分を律せる人でないと中々難しいかも、どこかに就職した方が生活は安定するでしょう