そもそもポートフォリオの解説と注意点を記載します。そもそもプログラミングのポートフォリオって何を意味するシステムエンジニアやデザイナーが転職や就職活動をする際に自分の成果物をアピールする自分の作品集になります。バックエンド問わず未経験からシステムエンジニアへの就職を目指す場合必須になっています。システムエンジニアに関してはポートフォリオ「だけ」用意して転職するのは難しくなっています。ポートフォリオだけ作成して転職活動を行っても他の希望者との差別化が難しくなっています。実際に未経験者を受け入れている会社で面接を行っているエンジニアが口を揃えて言っています。エンジニアに転職した人間が考える、今からエンジニアに就職する方法プログラミング言語単体の理解力とは前述した通りポートフォリオの作成だけでは他社と差別化が出来なくなっているので、プログラミング言語単体の理解力を示す必要があります。プログラミング言語の理解力とは簡単にいうと、要件をプログラム化する能力です。buzzで検索してください。多くのプログラミングスクールではこの部分が疎かにされていまので、プログラミング言語への理解力を示せば他者より優位になれます。この能力を養うにはpaiza(パイザ)やアットコーダーなどを利用してみてください。私は初心者にはpaiza(パイザ)を進めています。作成する事も可能です。APIで株価の情報を取得して可視化し、更新情報をツイッターに自動投稿するなどです。仮にプログラミング言語単体のポートフォリオを作成した場合に、実際評価されるかは応募しないと分かりませんが高度な内容だとかなり評価されます。参考に少量の企業へ応募してみてください。以下からサーバサイドのポートフォリオで注意点を記載しています※一部フロントエンジニア向けの解説も記載しています。弱く、やはりURLやIPアドレスでアクセス可能な状態で公開されている事が望ましいです。※サーバサイドのプログラミング言語単体のポートフォリオの場合はこちらは該当しませんHerokuなどを利用すれば無料でサービス公開可能ですし、AWSでも無料枠を利用すれば1年間はほぼ無料で利用できます。ポートフォリオを作成する際はIPアドレスでも良いので、Webからアクセスできるようにしてみてください。テストが書かれているか作成したポートフォリオにはテストが書かれていることが理想です。ある程度の品質を担保します。ポートフォリオも多く、テストコードが書かれていればある程度アピールポイントになります。ある程度フロントのデザインや機能が似てしまいます。その為非常に他者との差別化を行いにくいです。追加してみてください。追加機能を実装できます。JSフレームワークが利用されているか(フロントエンジニアの場合)フロントエンジニアのポートフォリオの場合は、HPの模写や自身で考えたWebサイトに加えて各JSフレームワークの利用が可能かを見られています。昨今のWebサイトは端末性能とインターネット回線速度の向上により、Bootstrapやレスポンシブサイトのコーディングスキルは勿論の事、各JSフレームワークを利用してコンポーネントを再利用する事によりコードを共通化しています関連記事Vue.jsとAnimate.cssで手軽にアニメーションを実現する|コピペで動くサンプル付きVue.jsでSVGのアイコンを操作する|コピペで動くサンプル付きVue.jsでマークダウンに対応したメモ帳アプリを作成する|コピペで動くサンプルコード付きその為ただWebサイトをコーディングしたポートフォリオだけでは全く優位性はありません。コーディングのスキルがなくても、デザイン力はアピールできるので、コーディングができなくても、サイトのモックレベルで自身がデザインしたサイトをポートフォリオとして提出するのも優位性があります。