同人誌お品書きメーカー（ジェネレーター）

管理人からのお知らせ

2021年9月9日、pictsquare用のサークルカットメーカーを追加しました！
横500px縦500pxのサークルカットにちょうどいい画像を作ります。店舗画像に流用も可能です。
ピクスク用お品書きメーカーも準備中です。やる気が続けば出ます。

従来のお品書きメーカーも引き続き使用できます。手直しはまたいつか。

pictsquare用画像メーカー

サークルカット＆店舗メーカー

縦横500ピクセルの正方形の画像を作ります。店舗画像に流用可能。
従来のお品書きメーカーと同じような使い方でOK。シンプルなので見ればなんとなく分かる、はず。
まだ手直し途中です。

汎用お品書きメーカー

タイプA（縦長／入力欄4冊分）説明入力エリアが広めのタイプです。
【Aサンプル】

タイプB（横長／入力欄8冊分）説明入力エリアが狭めのタイプです。表紙画像だけぽんぽんと上げるのが好きな方向け。
【Bサンプル】

Javascript使用のお品書きメーカー（ジェネレーター）です。
同人誌即売会などのイベントでよく見かけるお品書きを想定しています。
win10・アンドロイドのEdgeとChromeにて動作確認しています。（ios系は未確認）
IEは動作対象外です。

なるべくブラウザで完結するお品書きメーカーを目指しました。
普段あまり画像ソフトを触らない方、一から作るのが面倒な方向けのシンプル仕様です。
作者の技量不足のため、これ以上の対応は難しいです。

*使い方*従来版お品書きメーカー

画面上部にプレビューエリア、中部に入力エリア、下部に画像表示エリアになっています。

背景の画像を選んで下さい。
必要事項を順に入力して下さい。
入力後、画面最下部の「画像を生成する」ボタンを押して下さい。
ボタンの下にプレビューエリアが画像になって表示されます。右クリックで保存して下さい。
画像生成がうまくいかない場合は、プレビューエリアをスクリーンショットしちゃって下さい。
最初から表示されている文字を消すには、対応する入力欄を空欄で反映ボタンを押して下さい。

*ご注意！

当サイトはブラウザ上で動くツールのため、使用する環境によっては正しく動作しない場合があります。
特にmacとiphonは動作確認していないので、とてもアヤシイです。
作成前に正しく動作するかどうか、軽くテストしてみるのをお勧めします。
テキトーな画像と「ああああああ」「テストテスト」みたいなテキトーなテキストを入力して画像生成をやってみて下さい。
テキストの改行に関するエラーが散見されるので、少し長めの「あああああ」を入れて改行を見てみるのもお勧めです。

*備考

作成した画像の再配布は禁止です。
ご自身で使う分には、加工はご自由にどうぞ。
素材を使用する場合は、配布元の規約を守って下さい。
印刷には不向きです。
このツールを使用してなにか問題が発生しても、管理人は責任を負えません。
使用のご報告等は特に不要ですが、当ページにリンクしてもらえると大変喜びます。

*蛇足

背景合成用の画像は、素材屋さんやpixivで「素材」と検索して探すといいのではないでしょうか。
入力エリアでは全てhtmlタグ、cssが有効です。分かる人だけどうぞ。
連絡はツイッター（@sachineko_dou）まで。最近はハンドメイドやってます。

お世話になったサイト

ヨシュケイ様（素材作者様）

シルエットデザイン様（素材サイト）
月とサカナ様（素材サイト）→リンク切れ…

html2canvas様（JSライブラリ）
syncer様（JS解説）

更新履歴

2021.09.12.画像書き出し修正。
2021.09.09.6年ぶり（！！）の更新。生きとったんかワレ。
　ピクスク用サークルカットメーカーを追加しました。

2015.10.17.背景画像を追加。説明書きに注意を追加
2015.08.12.スマホで改行されない点を修正
2015.07.25.初期画像表示を一部削除
2015.07.22.新刊マークに枠線が出るのを修正
2015.07.21.背景画像を追加
2015.07.19.生成画像のはみ出しを修正。Chromeでも動作確認をしました。IEは相変わらずだめ
　画像生成時ボタンクリック後、ページトップではなく画像表示エリアに遷移するように変更
2015.07.04.テキストが複数行になった時、重なってしまう点を修正
2015.07.03.タイプB追加、レイアウトやらバグやら調整
2015.07.01.WEBフォント（Noto Sans Japanese）適用
2015.06.28.説明文の改行に対応。新刊マークのonoffを追加
2015.06.27.とりあえず公開

トップへ戻る