<p class="thumb"><img src="http://cdn.zako.org/images/2015/05/devport.jpg" alt="DevPort" width="592" height="378" class="alignnone size-full wp-image-29564" /></p>
<p>開発者が自分のポートフォリオを作成する際に悩みがちなのが、デザインや制作実績の見せ方だったりしますよね。</p>
<p>あるいは、就活をしている学生も、いまでは自分自身のプロフィールページを作成して企業に売り込んでいくなんてケースも考えられると思います。そういったシーンで手軽にこれまでやってきたことをまとめられるのが、今回ご紹介するサービスです。</p>
<!--more-->

<h3 class="header-label">別サイトから制作実績をインポートしてポートフォリオを作れる「DevPort 」</h3>
<p>「<a target="_blank" href="http://devport.co/">DevPort</a>」は、<strong>開発者のためのポートフォリオ作成サービス。</strong>ここに手間をかけたくないフロントエンジニアにもオススメかも。</p>
<p>Githubアカウントでログインでき、Github、App Store、Google Play、あるいはWEBサイトのURLから自分の制作実績を簡単にインポートできるようになっています。</p>


<h4 class="tips">GithubとTwitterからプロフィールをインポート</h4>
[caption id="attachment_29571" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/profile-import.jpg" alt="個人のプロフィールをインポート" width="592" height="271" class="size-full wp-image-29571" /> 個人のプロフィールをインポート[/caption]
<p>個人のプロフィールは、GithubかTwitterと連携することで情報をインポートしてくれます。</p>

[caption id="attachment_29570" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/bio-add.jpg" alt="Markdown と HTML に対応した追加プロフィール編集画面" width="592" height="185" class="size-full wp-image-29570" /> Markdown と HTML に対応した追加プロフィール編集画面[/caption]
<p>また、追加プロフィールの編集画面も、Markdown と HTML に対応しているので、ちょっとしたレイアウトもしやすくなっています。ちなみに上記のサンプルはGoogle＋のプロフィールをコピペして改行しただけのもの。</p>

<h4 class="tips">ウェブサイトやApp Store、Google Play、Githubなどから実績をインポート</h4>
[caption id="attachment_29569" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/webpage-portfolio.jpg" alt="WEBサイトの実績ページサンプル" width="592" height="439" class="size-full wp-image-29569" /> WEBサイトの実績ページサンプル[/caption]
<p>このプロジェクトのインポートがとても便利です。たとえばWEBサイトでも、URLを入力するだけで、サイトのキャプチャや紹介文、紹介ページまで生成してくれます。</p>

[caption id="attachment_29568" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/webpage-portfolio-2.jpg" alt="リンクを入力して、表示する画像を選んでプレビューするだけで完了" width="592" height="350" class="size-full wp-image-29568" /> リンクを入力して、表示する画像を選んでプレビューするだけで完了[/caption]

[caption id="attachment_29567" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/app-work.jpg" alt="アプリの制作実績ページサンプル" width="592" height="434" class="size-full wp-image-29567" /> アプリの制作実績ページサンプル[/caption]
<p>たとえばアプリの実績ページであれば、<a target="_blank" href="http://a2.devport.co/projects/foursquare">Foursquare • Alexsander Akers</a>のページのようにページが生成されます。</p>

[caption id="attachment_29563" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/devport-import.jpg" alt="各種サービスからインポート可能" width="592" height="237" class="size-full wp-image-29563" /> 各種サービスからインポート可能[/caption]
<p>Github、App store、Google Playからのインポートの他、画像をインポートして作成することも、空白の状態から作成することも可能になっています。</p>

<h4 class="tips">デザインはテンプレートから選ぶだけ</h4>
[caption id="attachment_29566" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/theme-dev.png" alt="１２種類から選べるデザインテンプレート" width="592" height="399" class="size-full wp-image-29566" /> １２種類から選べるデザインテンプレート[/caption]
<p>本当にテンプレートから選ぶだけで、綺麗なレイアウト、デザインが実現できてしまいます。この点、時間をかけずにできてしまうのが嬉しいですね。</p>

<h4 class="tips">サイトの公開はリアルタイム</h4>
[caption id="attachment_29565" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2015/05/dev-portfolio-1.png" alt="更新をかけるとリアルタイムに反映" width="592" height="439" class="size-full wp-image-29565" /> 更新をかけるとリアルタイムに反映[/caption]
<p>内容を編集してSaveボタンを押すと、リアルタイムに公開ページが更新されます。ちなみにデフォルトのドメインは、サインアップ時に決めることができ、Githubアカウントでログインする場合は、特に設定しなければユーザー名がサブドメインのホスト名になります。もちろん、あとから編集することも可能です。</p>

<p>その他にも、CNAMEで独自ドメインも使用可能、テーマのカスタマイズもできるうえにAPIも提供しているようです。詳しくは<a target="_blank" href="http://devport.co/customization/">Extra Features - DevPort</a>をご覧ください。</p>

<p>興味があるかたは<a target="_blank" href="http://devport.co/">DevPort</a>へどうぞ。</p>