HTMLポートフォリオジェネレーター

拡大してもどこまでも美しい、アーティストのためのポートフォリオ作成ツール。

その作品を、誰かにもっと近くで見てもらいたいと思ったことはありませんか。

筆のタッチ、彫りの陰影、写真に写り込んだ光の粒子——画面越しでは伝わりにくいその細部まで、指先ひとつで覗き込めるとしたら。

画家も、イラストレーターも、写真家も、そして立体作品を手がける方も(写真に撮れば、その質感まできちんと伝えられます)。

あなたの作品を見せる場所に、このツールはきっと力になります。

※ワードプレスをお使いの方が対象です。WordPressをお持ちでない方へのご利用ガイド

そう聞くと難しそうに感じるかもしれませんが、コードもデザインの知識も必要ありません。

生成されたコードをワードプレスに貼り付けるだけで、あなたの作品を、指で拡大して細部まで見せられるギャラリーに変えます。

開発者からのひと言このツールを作ったのは、実は日々筆を持つ、一人のアーティストです。自分の作品をどう見せたいか、何度も試行錯誤しながら形にしました。同じように制作を続けている方の、力になれたら嬉しく思います。

ここがいい！

★　指でつまんで拡大、そのまま指でスライドして隅々までみられる。　　　　　　　　　　　(スマホ📱でもパソコン💻️でも操作できます。)

★　作品を3枚ずつ表示、「次へ」でどんどん切り替え。

★　サイトの雰囲気に合わせて、ライト/ダークを選択可能。

★　作品名だけでなく、制作年・技法・サイズ・説明文も自由に添えられる。

WordPressをお持ちでない方へのご利用ガイド

実際に、こんなふうに仕上がります！

背景が暗いバージョン(カラヴァッジオ・無料版ポートフォリオのサンプル)は下の写真を触る👇

無料版と有料版の違い

★掲載できる作品数:無料版は3点まで有料版は無制限

★クレジット表記:無料版は当サイトの表記あり有料版はなし

★復元機能(内容の再編集):無料版はなし有料版はあり

★拡大できる目印(虫眼鏡マーク):無料版はなし有料版はあり

★作品数が少ない方は、無料版だけでも十分にお使いいただけます。もっと多くの作品を見せたい方、クレジット表記を消したい方は、有料版をおすすめします。

★900円ですべての制限を解除できます。パスコードが変わるのが数ヶ月に1度なので、その間何度でも利用できます。

ツールの使い方

1 アーティスト名・プロフィールを入力

お名前(または屋号)と、経歴・受賞歴・展示歴などの自己紹介文を入力します。

プロフィールは自由形式で、空欄でも構いません。

2トップ画像を入れる(任意)

展示会場やアトリエなど、横長の写真がおすすめです(目安:横幅が縦の2.5〜4倍程度)。

多少縦横比が違っても自動で調整されますが、あまり縦長の写真を選ぶと上下が大きくトリミングされます。

「ワードプレスのメディアライブラリにアップロードした画像の、直接リンク(URL)をコピーして貼り付けてください」

3 表示モードを選ぶ

サイトの雰囲気に合わせて、ライト/ダークをお選びください。

4 作品を追加する

作品ごとに、画像URL・作品名・制作年・技法・サイズ・説明文を入力します。

作品名以外はすべて任意項目で、空欄にした項目は表示されません。

無料版は3点まで、有料版は無制限に追加できます。

「ワードプレスのメディアライブラリにアップロードした画像の、直接リンク(URL)をコピーして貼り付けてください」

5「コードを生成する」を押す

表示された黒い枠の中のコードをコピーします。

ワードプレスに貼り付けるページの編集画面で「カスタムHTML」ブロックを追加し、そこにコピーしたコードを貼り付けて公開すれば完了です。

画像サイズ、推奨環境等必ずクリックしてお読みください。

ポートフォリオ生成ジェネレーターここに入力して、生成できます。

作品数が多い場合はスクロールしながら入力してください。

制限解除パスコードの購入方法、購入先への移動はジェネレーターの下にあります。パスコードについてをみる→

☆

→

BOOTHでのパスコード購入方法

下記のBOOTHボタンから、購入ページへ進んでください。

会員登録は不要です。

Google、Apple、Facebook、X(旧Twitter)のいずれかのアカウントで、そのままログインしてご購入いただけます。

ご購入後に届くメッセージに記載されたパスコードを、ツールの「パスコード」欄に入力してください。

入力すると、自動的に有料版(作品数無制限・虫眼鏡アイコンあり・クレジット表記なし・復元機能あり)の仕様に切り替わります。

※パスコードは数ヶ月に一度変更されます。変更予定日は、このページ上部のウィジェットでお知らせしています。変更の5日前までにご購入いただくと、おまけ特典が付きます。

Boothでパスコードを入手900円

※

画像サイズ、推奨環境等(重要)

画像サイズ・容量

長辺2560px推奨、容量1.5MB以下推奨、JPEG推奨

(WebPは表示されないことがあるため)

スマホ・パソコンどちらでもご利用いただけます。

対応ブラウザ

Chrome 88以降 / Safari 15以降 / Firefox 89以降 / Edge 88以降(いずれも最新版推奨)

最初は画像が動かないように見えることがありますが、一度拡大操作をすると滑らかに動き出します。

困った時のお問い合わせ先

mail@doragorack.com

↘

💻 WordPressをお持ちでない方へのご利用ガイド

WordPressをお持ちでない方でも、以下の「2つの準備」をしていただくことで、ご自身のポートフォリオをWeb上に公開することができます。

🛠️ 公開に必要な2つの準備

WordPress以外の環境でポートフォリオを表示させるには、以下のシステムが必要です。

【画像ライブラリ】：自分の画像をネット上に保存し、URLで呼び出せる場所
【コード貼り付け先】：本ツールで作ったHTMLコードをそのまま貼り付けられるWebサイト

それぞれ、URLの書き換えや難しい設定が一切不要で、世界中で広く使われているサービスをご紹介します。

📂 1. おすすめの画像ライブラリ

画像をアップロードし、発行される「直接リンク（Direct link / 末尾が.jpgや.pngのURL）」をコピーして本ツールに貼り付けてください。自分専用の画像管理画面（ライブラリ）として使えます。

ImgBB（イメージビービー）【URLコピーが世界一簡単】
Imgur（イメージャー）【Direct Linkをワンクリックで取得可能】
Postimages（ポストイメージ）【直接リンクがすぐに見つかる】

※Wixのメディアライブラリや、Googleドライブ、OneDriveなどは、URLの特殊な書き換え作業や奥深い階層を探す必要があるため推奨しません。

🌐 2. おすすめのコード貼り付け・公開サイト

CodePen（コードペン）
Blogger（ブロガー）
Tumblr（タンブラー）
Carrd（カード）

⚠️ ご注意：コードを貼り付けられない場所

セキュリティやシステムの制限上、以下の場所には本ツールのコードを直接貼り付けてページとして表示させることはできません。

各種SNSの投稿欄（X / 旧Twitter、Instagram、LinkedIn など）
一部の国内ブログサービス（アメーバブログ、note、はてなブログなど）

※SNS等でポートフォリオを共有したい場合は、上記の「CodePen」や「Blogger」等に一度コードを貼り付けてページを公開し、そこで完成したWebページのURLをSNSのプロフィールや投稿に貼り付けてご活用ください。

⚖️ 免責事項（Disclaimer）

上記でご紹介した外部サービス（ImgBB、Imgur、CodePen、Bloggerなど）は、あくまでWordPressをお持ちでない方に向けた「一般的な公開方法のご提案・アドバイス」となります。

これらの外部サービスを利用した際に発生した、トラブルや不具合について、当方は一切の責任を負いかねますので、各サービスの利用規約やガイドラインをご確認の上、ご自身の責任においてご利用いただきますようお願い申し上げます。

これからポートフォリオサイトを作りたい方へは、レンタルサーバーを契約して、WordPressをインストール後にここで生成したコードを貼ることをお勧めします。レンタルサーバーの料金は、会社ごとのプランや、お住まいの国、地域により異なりますが、サーバーのみレンタルの場合、最安コースなら月額300円から1,000円以内で契約できますので、そちらの方法を推奨します。（doragorack.comのように自分のお名前をURLにつけたい場合も、ドメイン契約や更新が無料になるプランも多々あります。）※こちらの案内は、レンタルサーバーの宣伝ではありませんので、ご利用の際のトラブルへの責任は一切負いません。