未経験からエンジニア転職するなら自分の成果物（PF）を作った方が良い。

プログラミング初学者は学習目標は自分の成果物を作ることがおすすめ。

プログラミングを学ぼうと思った初学者は何から学べば良いのかわからない人が多い。しかし、何を学ぶべきかではなく、”何を作ろうか”を考えるべき。

なので、普段から行う学習として、下記が挙げられる。

1つのテーマで携帯で写真をとる。
開発環境とGit Hubの登録を行う。
模写コーディング練習サイトから練習材料を探す。
模写コーディング練習サイト　https://code-step.com/coding-recommend/

写真を撮る理由
僕が実践していることとして、料理の写真を撮ることです。模写コーディングの際に用意されている写真を使用するのではなく、自分のオリジナルの写真を使用することによって構造は丸パクリでも写真を変えれば自分のオリジナルに見えますので、PF製作には持ってこいです。

meu site

sattaku1538.github.io
↑↑こちらは僕の初期PFですが、写真はオリジナルで構造は模写サイトを丸パクリしていますが、なんとなくオリジナル感はでています。

普段から写真を撮らない人は写真を撮る癖をつけましょう。僕は写真を撮る癖は無かったのですが、SNSで情報を発信をするようになってからは、写真を撮るようにしています。当時は無駄と元同僚のT君に散々馬鹿にされましたが、今となっては写真が自分の資産となって、PFの製作に役立っています。

開発環境とGit Hubの登録は今すぐにしましょう
開発環境はVisual studio codeが無料かつ使いやすいのでおすすめです。開発環境の構築は自分で検索してください。検索方法はGoogleで　”VS CODE インストール 方法”　”VS CODE 操作方法”　と検索すればわかりやす記事がたくさん出てきます。

ここで紹介しても良いのだが、プログラマーの必須スキルは”検索力”なので割愛いたします。ただし、初心者が陥りやすい問題として、”ディレクトリとは”について軽く説明します。

ディレクトリはフォルダのことです。

ファイルを分類、管理するための収納箱であり、通常のパソコン用語ではでは フォルダという言葉ですが、プログラマーなどのIT系では ディレクトリという言葉が使われます。

ディレクトリの中では階層構造という概念があります。フォルダの中にさらにフォルダを作って分類していきます。デスクトップにフォルダを作成して、そのフォルダを開けばさらにフォルダがあるという構造になっています。

https://www.pc-master.jp/words/directory.html
画像で説明すると

階層構造の説明
デスクトップ内にPF1フォルダ（ディレクトリ）が存在し、その中にCSS、IMGディレクトリが存在している。基本はこの形で開発します。
（基本のHTMLはでPF1ディレクトリ内にあり、それ以外のCSS、IMGディレクトリを作成します。）

当時、学習を始めた僕は”開発環境は用意したが、ディレクトリの構造が理解できていなかった”など、細かい部分でつまずいていました。さらに”検索力”もなかったので、デバックできない部分は後回しにしていました。

Git Hub　は無料で自分の書いたコードを保管、公開できるアプリです。VSで書いたコードをGit Hub上で保管をして公開をすることができます。（検索：Git Hub Pages　方法）

ポートフォリオ
簡単なホームページJava Scriptを利用したぺージ自分のPF（AWS）ページにドメインを取得しました。お名前.comは以外と安かった。

sattaku1538.lsv.jp
2022.02.17
僕のPFをネット上で公開していますので、自分の成果物を製作してアピールしましょう。

過去の記事にGitや開発環境に関する記事を載せていますので、ぜひ一度ご拝読ください。

プログラミング初心者が学習継続のために学ぶべきこと。
プログラミングを勉強してみたいけど、何から勉強すれば良いのか、わからない人。とりあえず、Progate、ドットインストールを勉強したけど、挫折した人。プログラミング学習を挫折した人。本記事は挫折しないように実践的に楽しくサイトを作って公開しながら、継続的に勉強できるように提案した記事です。

sattaku1538.lsv.jp
2022.02.21
まとめ
プログラミング初学者は成果物（PF）を製作して、転職する際の武器にしましょう。

そのために開発環境の構築→サイト模写→Git Hubで公開をしていきましょう。

僕が転職する際には履歴書のブログのURLを張り付けました。