ポートフォリオを作ってみよう!プログラマーにとってのポートフォリオとは一体なんでしょう?そもそもポートフォリオとは何なのでしょう?ここではあまり聞き慣れないポートフォリオについて取り上げてみたいと思います。ポートフォリオとは元々デザイナー職が転職の際に自身の作品をまとめ企業に提出したものを「ポートフォリオ」と呼んでいました。ポートフォリオ(Portfolio)とは「書類入れ」という意味です。ポートフォリオは業界業種によって意味が若干変わりますがIT業界では、自分のこれまでの実績をアピールするための成果集のことを指します。ポートフォリオは自分のスキルや実績を対外的にアピールするもので、いわば履歴書の自己PRの拡大版です。最近ではWeb上でポートフォリオを公開するWEBポートフォリオがよく使われます。ポートフォリオはプログラマーの場合自分のスキルを見せる場なのですが、掲載するプログラムや過去の実績、成果物だけでなく、ポートフォリオそのものの出来栄えも評価されます。これは素晴らしいWEBポートフォリオを作成するのにはHTML、JavaScript、illustrator、Photoshop、場合によってはPHP、XMLなどのスキルが必要な上に構成力やUI(ユーザーインターフェース)の良さは特にWEBプログラムを作る上でも必要となるからです。プログラマーにポートフォリオが必要な理由プログラマーが就職、転職の際に企業側からポートフォリオの提出を求められることは、現在ほとんどありません。ポートフォリオを作成し提出した場合、有利に就職活動を展開することが可能で、特にプログラマーとしての実務未経験者がポートフォリオを作成し、WEB上で自らのサンプルプログラムを公開する事は非常に有効です。企業の採用担当者はWEBポートフォリオを見れば例え実務経験がなくともプログラマーとして十分なスキルを持っているかどうかを判断できますし、1人で完結するアプリケーション・プログラムを作成できる技術というのは特にWEBプログラマーに高い需要があるからです。ポートフォリオを作るという行為自体が就職、転職に前向きに取り組んでいるという証にもなるので、多少不出来であってもポートフォリオ自体がマイナスに受け取られることはほとんどありません。あるエンジニアと実務経験のないエンジニアにある溝の話。▶プログラマーに転職したい!プログラマーになるために知っておくべきこととは?ポートフォリオの基本の作り方ポイントデザイナーの場合は書類によるポートフォリオがメインとなりますが、ここでは特にWEBプログラマーを目指す人向けにWEBポートフォリオを作る上でのポイントをご紹介します。レスポンシブWEBデザインを採用しよう同じサイトでもスマートフォンとデスクトップPCでは表示の仕方が違うといった経験をされている方は多いでしょう。レスポンシブWEBデザインとはパソコン、タブレット端末、スマートフォンといったあらゆる端末に最適化したWEBサイトをひとつのHTMLで実現する製作手法です。WordPressなどのCMSを使ったりBootstrapを使えば簡単に実現できるのですが、あえて使わずに技術力向上のためにHTML、CSSのみで再現するという方法も勿論ありです。WordPressを使えばコードを全く使わずにデザインされたWEBサイトが構築できますし、Bootstrapを使えば少ないコードで簡単にデザインを変えることが出来ますが、これらをあえて使わない事によりHTML、CSSの製作技術向上を図ることが出来ます。一目で分かる構成にしよう就職、転職を目的とするプログラマーのポートフォリオは見やすい構成にすべきです。プログラマーの仕事はプログラミングすることなのですが、他のプログラマーが作成したプログラムを不具合対応や新規機能追加などの理由により修正することも非常に多くあります。この時に見難い構成のプログラムですと、その内容を理解するのに莫大な時間を必要とします。プログラマーが作成するプログラムは独りよがりのものではなく、プログラマーの誰が見ても見やすく簡単に理解できるものが求められます。動けば良いというものではないのです。見やすい構成のポートフォリオが作成できれば見やすい構成のプログラミングも可能だと受け取られます。プログラマーも打ち合わせ会議資料の作成を頻繁に行います。いった場面でも構成力の高さが要求されます。自己紹介を書こう就職、転職を目的とするプログラマーのポートフォリオには自己紹介が必要です。WEBポートフォリオには個人を特定されるような情報の掲載は避けましょう。一般的には「プログラマーとしてのこだわりや信念、働き方」や「主な実績、経験したポジション、担当した業務」や「使用言語、使えるOSやツール」などを掲載します。成果物、サンプルプログラムの紹介をしよう成果物はプログラマーの場合守秘義務により一般公開できない物が多いので、その場合どのようなプログラムを作ったのか公開できる範囲で紹介しましょう。ディスクリプション(説明文)はなるべく細かく書くことを心がけましょう。成果物、サンプルプログラムは10程度に収めると見やすいようです。中でも自分の最高傑作は容量を多く割いて、重点的にアピールしましょう。・チームで作成した場合は自分の担当箇所やポジションの紹介を記載しましょう。先にも少し触れましたが著作権や守秘義務に抵触するものは書けないので注意しましょう。プログラミング手法の紹介をしようプログラミングの手法にはいくつかありますが、自分の得意なプログラミング手法、自分の製作スタイル、仕事の進め方を紹介しましょう。将来の方向性を紹介しよう今後自分はプログラマーとして今後どういった仕事をやっていきたいのか?目標を書きましょう。WEBポートフォリオと紙ベースのもの両方を用意しよう就職、転職を目的とするプログラマーのポートフォリオは紙媒体のものとWEBポートフォリの両方を用意しましょう。紙媒体のポートフォリオが有効となるのは主に採用面接の時です。面接会場にネット環境がなくとも紙媒体のポートフォリオであれば直接見るだけで説明が出来ます。口下手な方でもポートフォリオを用意すれば、言いたいことを確実に面接担当者に伝えることが可能ですし、ポートフォリオを用意することによりあなたの就職に対する熱意もアピールできます。面接担当者がプログラミングについて詳しくない場合でも、ポートフォリオのような資料があれば理解を得られやすいでしょう。面接担当者が現場のプログラマーにポートフォリオを見せ「こういった人が面接を受けに来たのだがどうだろう?」と意見を仰ぐ事も簡単です。現場のプログラマーも唸るようなポートフォリオであれば採用は目の前です。自分の人材価値に気を付けて作成しよう企業の採用担当は新入社員を「投資」として考えています。高い価値のある人を採用したいのです。作ったあとはどうすればいいの?つづいてポートフォリオサイトを作成したあとに実践してほしいこと3つを詳しく紹介します。こまめに更新しよう一度ポートフォリオサイトが完成しても、新しく成果物をつくった時などはこまめに更新させることをおすすめします。フリーランスエンジニアや転職活動中のエンジニアは特にそうですが、ポートフォリオサイトはクライアントとなる企業や転職先に見てもらいます。自分が習得している技術をすべて見せられるよう、こまめに更新をしましょう。仕事での成果物でなく休日などにつくったプロダクトでも自信のあるものは載せておくことをおすすめします。仕事ではつくれない自分の好きなプロダクトを載せることで、自分の好きな仕事を受注できる可能性が上がります。SNSで拡散しようフリーランスエンジニアとして働いている場合、SNSの活用はとても大切です。積極的に自分の活動内容や習得した技術などを発信することで、仕事を受注することができたり、エンジニア仲間と繋がれたりします。仕事に直接繋がることはなくても、自分の好きな技術、使用したい言語をアピールしておくことでそれらに関する情報が入ってきやすくなります。積極的にSNS発信はしておきましょう。名刺にURLを載せようポートフォリオサイトを作成したらそのサイトのURLを必ず名刺に載せましょう。エンジニアとして名刺交換をするとき、ポートフォリオサイトのURLを載せておくと、名刺を受け取った人に自分のスキル・技術を確認してもらえます。フリーランスの名刺はどんなのがいいの?内容やポイントを解説!ポートフォリオを作るときに参考になるサイトつづいてポートフォリオサイトをつくる上で参考になるサイトを1つ紹介します。S5-Style「S5-Style」はサイト内の音楽も工夫されている、田淵将吾さんのとてもおしゃれなポートフォリオサイトです。サイトを開くと音楽が流れてきます。画面の一部は流れている音楽に合わせて動くため、臨場感のあるポートフォリオサイトに仕上がっています。活動内容としてアーティストである「水曜日のカンパネラ」のオフィシャルサイトのデザイン、また近畿大学のオフィシャルサイトのリニューアルなどが紹介されており、ジャンルを問わず活躍されているのが分かります。フロントエンドエンジニア、またエンジニアではなくデザイナーの人にも見てほしいポートフォリオサイトです。まとめますとポートフォリオとは成果物の紹介ですが、プログラマーにおいては履歴書における自己PRの拡大版でもあります。実務経験のないプログラマー志望の転職者には有効です。基本はWEBポートフォリオなのですが紙ペースのポートフォリオは面接の場面で有効なので併せて作成しましょう。作るに当たり自分の存在価値を高めるような内容にすると良いでしょう。プログラマーの自己PRはこれでバッチリ!ポテパンが提供するサービスについて本メディア「ポテパンスタイル」を運営する株式会社ポテパンは、エンジニアキャリア領域で複数サービスを提供しています。ポテパンフリーランスフリーランスエンジニアの方に高単価案件をご紹介しております。弊社ではフリーランス案件を常時300件ほど保有しており、その中からあなたに適した案件をご案内いたします。これから独立してフリーランスになる方の無料個別相談も承っております。フリーランスになった後の案件獲得方法やお金面(税金や保険など)についてお答えいたします!フリーエンジニアになりたい方向けのコンテンツも盛りだくさんです。>>ポテパンキャリアエンジニア職専門の転職エージェントです。ポテパンキャリアでは、技術のわかるエージェントがあなたの転職をサポートします。エージェント自身がエンジニアなので、あなたと同じ目線で仕事内容や今後のキャリアについて一緒に考えることができます。年収800万円以上のハイスペック転職をご希望の方は「ポテパンプロフェッショナル」もご用意しておりますのでご利用下さいませ。>>ポテパンキャンプポテパンキャンプでは、RubyにてゼロからオリジナルのECサイトを作り上げてる3ヶ月間の実践型カリキュラムを提供しております。本スクールの卒業生は、エンジニア職として様々な企業様に就職しております。本スクールは受講料25万円と他社スクールに比べ格安となっており、またポテパンからご紹介させていただいた企業へ就職が決まった場合は、全額キャッシュバックいたします。>>株式会社ポテパンは、企業とエンジニアの最適なマッチングを追求しています。正規表現を使って「〜以外」をマッチさせてみる正規表現は、文字・文字列のパターンを表現するものです。プログラミングの適性があるかチェックしてみよう!プログラミングには適性があります。プログラマーの単価相場とはどれぐらいか。エンジニアキャリア領域を得意とし5000名以上のキャリア相談実績あり。エンジニアキャリア領域を得意とし5000名以上のキャリア相談実績あり。日本人が開発したプログラミング言語というくらいは耳にしたことがあるかと思います。正規表現を使って「〜以外」をマッチさせてみる正規表現は、文字・文字列のパターンを表現するものです。NULL判定や、Switch文のような分岐をする方法たまに使うと、構文エラーを連発してしまうSQLのif文。USポテパンはエンジニアと企業の最適なマッチングを追求する企業です。敷居が高いのが良かった!!就業経験なしから2社内定を貰いRubyエンジニアに転職成功!!。