Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【ITニュース解説】Building My Personal Portfolio: Showcasing Projects, Blogs, and Skills

2025年09月23日に「Dev.to」が公開したITニュース「Building My Personal Portfolio: Showcasing Projects, Blogs, and Skills」について初心者にもわかりやすく解説しています。

作成日: 更新日:

ITニュース概要

自身のポートフォリオサイトを紹介。Web開発やAIプロジェクト、ブログ、スキルを一つにまとめ、個人の実績を効果的にアピールできる。ポートフォリオは、採用担当者に見つけてもらう上で不可欠で、学習・成長の証となる。これからSEを目指す人も、プロジェクトを記録し小さく始めるべきだ。

ITニュース解説

この記事では、コンピューターサイエンスを学ぶ学生でありフルスタック開発者、AIに情熱を注ぐShouvik Dhaliさんが、自身の個人ポートフォリオウェブサイトについて紹介している。ポートフォリオウェブサイトとは、開発者が手がけてきたプロジェクト、学んだことを共有するブログ記事、そして身につけたスキルを一つにまとめて公開する場所だ。Shouvikさんは、これまでウェブアプリケーションの開発や機械学習の実験を行い、その学習過程をブログに記録してきた。自身の成果を一元的に見てもらうため、このサイトを構築したのだ。

なぜ個人ポートフォリオが必要なのだろうか。記事では、ポートフォリオが開発者や学生にとって非常に重要である三つの理由を挙げている。第一に、自分のスキルやプロジェクトを専門的かつ魅力的な形で示すことができる点だ。これは、履歴書だけでは伝えきれない具体的な実績や、開発への情熱をアピールする上で欠かせない。次に、採用担当者や共同作業を考えている人々が、あなたの仕事を見つけやすくなるというメリットがある。インターネット上に「作品集」があることで、あなたの能力や興味を客観的に評価してもらいやすくなるだろう。そして最後に、ポートフォリオはあなたのオンラインでの存在感を示す中心的なハブとなる。ソーシャルメディアやGitHubなど、散らばりがちな情報を集約し、あなた自身を最もよく表現する場所となるのだ。

Shouvikさんのポートフォリオサイトには、いくつかの特徴的な機能が盛り込まれている。「プロジェクトセクション」には、ウェブ開発、AI、ソフトウェアエンジニアリングといった多様なプロジェクトが展示されており、それぞれライブデモやソースコードが公開されている。これにより、見る人はプロジェクトが実際にどのように動作するのか、そしてどのような技術で構築されているのかを理解できる。「ブログセクション」では、プログラミングのヒントやチュートリアル、Shouvikさん自身の学習過程から得られた洞察が共有されている。これは、彼の学びへの姿勢や知識を伝える重要な役割を果たす。「アバウトページ」では、Shouvikさんの自己紹介、持っているスキル、経験、そして趣味などが紹介されている。このページがあることで、どのような人物であるかを知ってもらえる。デザイン面では、「レスポンシブデザイン」が採用されており、パソコンでもスマートフォンでも、どんなデバイスからアクセスしても画面が綺麗に表示される。また、アニメーションやLottieといった「インタラクティブな要素」や、スムーズな画面遷移が盛り込まれており、サイトを訪れる人が楽しく、快適に情報を閲覧できるようになっているのだ。

次に、このポートフォリオサイトを構築するためにどのような技術が使われているのかを見ていこう。Shouvikさんは、私たちがブラウザで直接目にする部分である「フロントエンド」には、HTML、CSS、JavaScriptという基本的なウェブ技術を使用している。これらはウェブページを構成するための骨格、見た目の装飾、そして動きを与えるための言語だ。将来的には、より複雑なユーザーインターフェースを効率的に構築できるReactというJavaScriptライブラリの導入も検討している。AI関連プロジェクトの「バックエンド」、つまりデータの処理やサーバー側のロジックを動かす部分には、Python製のフレームワークであるFlaskを使用している。PythonはAI開発で広く使われる言語であり、Flaskはその中でも手軽にウェブアプリケーションを構築できるのが特徴だ。「データベース」としては、データを効率的に管理するためのMySQLが使われているほか、プロジェクトによってはExcelもデータ収集に利用されている。開発を効率的に進めるための「ツール」としては、バージョン管理システムのGitと、そのGitで管理されているコードを共有・公開するGitHubが使われている。これにより、複数人での開発や自身のプロジェクトの履歴管理が容易になる。コードを書くための高機能なエディタとしてVS Code(Visual Studio Code)が、そしてデザインの設計にはFigmaというツールが用いられている。これらの技術は、現代のソフトウェア開発において広く使われているものであり、システムエンジニアを目指す上で学ぶべき重要な要素ばかりだ。

記事の最後に、Shouvikさんはポートフォリオウェブサイトの構築は単にプロジェクトを見せるだけでなく、開発者としての学習、共有、そして成長の個人的な旅だと語っている。システムエンジニアを目指す学生や開発者に向けて、ポートフォリオを作り始める際には、小さく始めること、自分のプロジェクトをしっかりと記録すること、そして自分自身の個性や情熱を反映した「パーソナル」なものにすることを勧めている。いきなり完璧なものを作ろうとせず、まずは手軽に始められるものから着手し、少しずつ改善していくことが重要だ。また、開発の過程や学んだことを記録する習慣は、後で振り返ったときに大きな財産となる。そして、ポートフォリオはあなた自身の表現の場であるため、型にはまらず、あなたらしさを大切にすることが、他との差別化にもつながるのだ。

このように、Shouvikさんのポートフォリオサイトの紹介は、システムエンジニアを目指す初心者にとって、自身のスキルやプロジェクトをどのように見せるべきか、どのような技術を学ぶべきか、そしてポートフォリオ作成を通じてどのように成長できるかについて、具体的なヒントとモチベーションを与えてくれる内容だ。ポートフォリオは、あなたの努力と情熱を形にし、未来の機会へと繋がる架け橋となるだろう。

関連コンテンツ

関連IT用語