2020年以降の制作実績をBehanceとAdobe Portfolioに追加

長いコト掲載が滞ってた(;´Д`)制作実績を、クリエイター向けSNSのBehanceと、Behanceの投稿データと同期してこしらえることができるポートフォリオ・サイトのAdobe Portfolioに、一挙掲載しましてござい(掲載内容はBehance、Adobe Portfolio共通)。

Behanceの画面
Adobe Portfolioの画面

2020年以降の制作実績を追加したノダ。Behance、Adobe Portofolioとも、トップページにゃ制作年代の新しいモノから古いモノの順番に並べてあるノダ。上から順に数えたら、本記事掲載時点で48件あったノダ(2019年以前から継続中の実績に、新作を追加したものを含む)。未掲載の制作実績を、どんだけためこんでたんだか(@@;)

画像のうち、展示グラフィックの画像は、展示会場で撮影した写真を使ってるけど、それ以外の画像は、基本的にPDFファイルから書き出したデータござい。ホントは紙の質感を見せたい印刷物は写真で紹介したいし、文字による情報も改善の余地があるノダけど、まずは最新作までの情報をまとめて見られるよーにするコトを優先させたノダ。

気がつきゃBehanceとAdobe Portfolioにゃ、(デザインとは関係ないコトしてた)大学院出てから20年分の制作実績をのっけたことになるノダニャ。ザッと見渡すだけでも、ゲエフウが一貫してるトコも変わんないトコも見える気がして、ワレながらキョーミ深いコトになってるノダ。あらためまして、どーぞ見てやっておくれやす<(_ _)>

WordPressのプラグインでBehanceのデータをサイト内に表示させてみたノダ

きのうはBehanceのデータをAdobe Portfolioで見られるよーにしたノダけど、ほにゃこのサイトでもBehanceのデータを表示できんかニャ? と思って、Portfolio ManagerっちゅーWordPressのプラグインを導入してみたノダ。

Portfolio Manager | by eLEOPARD

ここで プラグインや導入過程の説明はせんけど(こーゆーのが得意なブロガーさんにおまかせナノダ(^_^;)、英語の説明読みつつ設定して、ひとまず公開してみたノダ↓

制作実績 | 石川陽春 – ISHIKAWA Kiyoharu

Multiple Categoriesの表示。記事のサムネイルの上に並ぶ文字は、Portfolio Managerで独自に指定できるカテゴリー名ナノダ。カテゴリー名をクリックすると、そのカテゴリーの記事サムネイルだけが下に並ぶノダ。カテゴリーは1記事に1つしか割り当てられんので、複数カテゴリーやタグの割り当てできめ細かく分類できるよーになるとありがたいノダ(基本的にカテゴリーは分野別にしたけど、Book & EditorialとGeneralだけ形態別なんで)。サムネイル上に余分な余白ができちゃうのは、まだ対処法がわかんなくて(^_^;
Multiple Categoriesの表示。記事のサムネイルの上に並ぶ文字は、Portfolio Managerで独自に指定できるカテゴリー名ナノダ。カテゴリー名をクリックすると、そのカテゴリーの記事サムネイルだけが下に並ぶノダ。カテゴリーは1記事に1つしか割り当てられんので、複数カテゴリーやタグの割り当てできめ細かく分類できるよーになるとありがたいノダ(基本的にカテゴリーは分野別にしたけど、Book & EditorialとGeneralだけ形態別なんで)。サムネイル上に余分な余白ができちゃうのは、まだ対処法がわかんなくて(^_^;
サムネイルをクリックして、Behanceの個別記事を表示させたトコ。Portfolio Managerで指定したカテゴリーはここでは表示されないノダ。
サムネイルをクリックして、Behanceの個別記事を表示させたトコ。Portfolio Managerで指定したカテゴリーはここでは表示されないノダ。

しばらくはこの形でサイト内にポートフォリオを表示させておくノダ。そのウチPortfolio Managerのヴァージョン・アップや、別のプラグインの登場があれば、そのつど見直したいニャ。

Adobe Portfolioを導入してみたノダ

ワタクシの日々の仕事に欠かせないInDesignやPhotoshopをふくむAdobe Creative Cloud(CC)に、Adobe Portfolioってサーヴィスが加わってるってのを ↓の記事で知ったノダ。

Adobe Portfolioで簡単にポートフォリオサイトを作成

Adobeによる公式サイト ↓

Adobe Portfolio

ワタクシみたいにCCのSNSであるBehanceをポートフォリオとして使ってる場合は、Behanceにのっけてるデータを同期させて、シンプルなポートフォリオサイトが作れるノダ。

今までも同種のサーヴィスとしてProSiteってのがあったノダけど、ProSiteの編集画面にログインしてみたところ、「ProSiteはこの春にサーヴィス終了するんで、Adobe Portfolioに移行してちょ」みたいなメッセイジが出たノダ。

ProSiteの編集画面。
ProSiteの編集画面。

ほんならさっそく、と思い立って、Adobe Portfolioを導入してみたノダ。Behanceとの同期をふくめた初期設定と、すぐにできるカスタマイズは十数分で終わったノダ。

Adobe Portfolioでつくったポートフォリオサイト。
Adobe Portfolioでつくったポートフォリオサイト。
ブラウザーの幅をせまくしたら、レイアウトが切り替わったノダ。
ブラウザーの幅をせまくしたら、レイアウトが切り替わったノダ。

まだ使い勝手をよー把握してないトコがあるけど、とりあえず、表示デバイスやブラウザーの画面幅に応じてレイアウトが切り替わるレスポンシブサイトが出力できるのは助かるニャ。

ちゅーワケで、Adobe Portfolioによるワタクシのポートフォリオサイトは ↓

Projects

ホントのトコロ、ポートフォリオサイトの理想は、BehanceやAdobe Portfolioとかの外部サーヴィスだけじゃなくて、このishikawakiyoharu.infoでデータを公開する形ナノダ。今、Behanceとこのサイトを同期できないかどーかさぐってるトコでもあるんで、もし形になったら報告するぞよ。