コンテンツ・メーカー2の画像アップロードアドオンについて


HTMLやCSSを扱えない一般の方がページ内のコンテンツを追加・更新できるプログラムコンテンツ・メーカー2は「画像アップロードアドオン」を追加することができます。

このアドオンを追加すると、管理画面にファイル選択ボタンが出現し、そこでアップロード・保存した内容を公開ページに出力することができるようになります。

現在の最新バージョンは2021年7月16日公開の1.0です。
参考ページ:プログラムをアップデートするの際の思想について

各バージョンごとのアップデート内容については、このページ最下部の「アップデート履歴」に記載してあります。

この「画像アップロードアドオン」の主な機能や特長は以下のようになります。

  1. 設置作業が簡単。addonフォルダに入れるだけ。
  2. ファイル選択時にプレビュー表示する機能。
  3. アップロードできる画像ファイル形式はJPG・PNG・GIFになります。(許可する形式はあらかじめ設定しておくことができます)
  4. ファイル選択ボタンを増やすことも可能。(解説ページ準備中)
  5. あらかじめ設定しておいたサイズに自動でリサイズする機能付き。
  6. WebPアドオン(無料)を追加することでWebP変換にも対応。
  7. 設置メールサポート付き。

基本的な機能は以上です。
不特定多数の人に公開・利用されるメールフォームやBBSなどと違い、このようなコンテンツ更新システムはそのサイトの運営者だけが利用するものなので、以下のようなセキュリティ面の機能は必要ないかもしれませんが一応付いています。

  1. 選択可能な拡張子を設定可能。
  2. 選択されたファイルが許可された形式かどうかを、ページ移動前(送信前)にチェックする機能。
  3. HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、サーバ側にて偽装ファイルかどうかをチェックする機能。
  4. アップロード最大容量を設定可能。
  5. 選択されたファイルがアップロード最大容量を超えていないかどうかを、ページ移動前(送信前)にチェックする機能。
  6. HTMLやJavaScriptでの設定は悪意ある攻撃者によって改ざんすることが容易なので、サーバ側にてその容量チェックをする機能。

画像アップロードアドオン付きコンテンツ・メーカー2のサンプル
自由に画像をアップロード・保存してお試しください。
ユーザ名はtani、パスワードは0000です。

公開ページ(画像付き)のサンプル
このサンプルでは3カラムのレイアウトにしていますが、公開ページのHTMLやCSSはプログラム設置者が自由に設定できます。

説明
1、ZIPファイルを展開します。>
ついでにこのZIPファイルをバックアップ保存しておくとベターです。

2、コンテンツ・メーカー2本体にあるaddonフォルダの中にattachmentフォルダ入れます。
以下の場所にattachmentフォルダを設置してください。
css~uploadのフォルダの中身は以下の図では省略しています。

contents-maker-2-v1.0/
  ┃
  ┣━━ contents-maker-2/
  ┃      ┃
  ┃      ┣━━ addon/attachment/ここにアドオンの様々なファイル
  ┃      ┃
  ┃      ┣━━ css/中身を省略
  ┃      ┃
  ┃      ┣━━ db/中身を省略
  ┃      ┃
  ┃      ┣━━ font/中身を省略
  ┃      ┃
  ┃      ┣━━ html/中身を省略
  ┃      ┃
  ┃      ┣━━ js/中身を省略
  ┃      ┃
  ┃      ┣━━ php/中身を省略
  ┃      ┃
  ┃      ┣━━ template/中身を省略
  ┃      ┃
  ┃      ┗━━ upload/中身を省略
  ┃
  ┣━━ index.html (公開ページのサンプル)
  ┃
  ┗━━ sample.css (サンプルページ専用CSS)

管理画面に関しては設置は以上です。
管理画面ページを再読み込みすると、ファイル選択ボタンが出現します。(初期状態では2つ)

3、アップロードした画像を公開ページに出力させるため、template-1.htmlを差し替える
管理画面で保存した画像を公開ページのほうに反映させるためには、アドオンフォルダに同梱されている「表示確認用ファイル」フォルダの中のtemplate-1.htmlを、コンテンツ・メーカー2本体にあるtemplate-1.htmlと差し替えてください。

または、画像の出力用コードである<!–%image-1%–><!–%image-2%–>を、コンテンツ・メーカー2本体にあるtemplate-1.htmlに移植しても同じです。

設置は以上です。
公開ページにブラウザでアクセスして表示を確認してみましょう。

デザイン
コンテンツ・メーカー2では公開ページ(コンテンツ・メーカー2本体に同梱のindex.html)のHTMLやCSSはプログラム設置者が自由に設定できます。

また、プログラムから出力されるHTMLはtemplate-1.htmlで定義しておくのですが、このHTMLも自由に設定できます。
極端な話、template-1.htmlの中にHTMLが全く存在しなくても、以下の出力用コードさえあれば画像は表示されます

管理画面で保存した画像は以下の部分に出力されます。
1つ目のファイル選択ボタン → <!–%image-1%–>
2つ目のファイル選択ボタン → <!–%image-2%–>

以下の設定は変更しなくても特に問題はありません。
もし設定を変更するとしても、まずは上記までの設置作業が正しく完了しており、画像アップロード機能が正常動作するかの確認をした後にしたほうが無難です。

4、attachment-config.phpを開き、送信可能なファイル形式を1または0で指定します。
以下の例はjpgファイルだけを許可する例です。

$cm2_jpg = 1;
$cm2_png = 0;
$cm2_gif = 0;

5、アップロードする画像の最大容量を設定する。
ファイルのアップロードというものは文字のようなテキストデータに比べると圧倒的にデータ容量が大きく、そのぶんサーバに負荷がかかります。

attachment-config.phpを開き、アップロードできるファイルサイズの上限を記入します。
以下は2MBに制限する例です。

$cm2_upload_max_size = 2000000;

注意:サーバ側のphp.iniで設定されているアップロード制限値以上を記入しても効果はありません。

6、公開ページに出力される画像の解像度を設定する。
公開ページに出力される画像の最大の大きさを変更したい場合は以下の部分で設定します。(単位はピクセル。widthのほうは横幅、heightのほうが縦幅)

ここで設定する数値はあくまでも「最大値」ということですので、「画像の縦横比率を維持したままこの数値以下になる」という意味になります。

$cm2_resize_user_width  = 300;
$cm2_resize_user_height = 300;

初期状態(このアドオンなし)の状態に戻すには、上記の設置手順2でaddonフォルダに入れたattachmentフォルダごと削除すればOKです。
その際には、上記の手順3で追加した出力用コードも削除しておくと良いでしょう。

コンテンツ・メーカー2にはこれの他にも色々なアドオン(追加機能)がありますが、すべて併用することが可能です。
必要な機能だけを組み合わせてお使いください。

なお、コンテンツ・メーカー1の本体やアドオンとは互換性が一切ありませんのでご注意ください。(機能が似ているだけで、全く別のプログラムであるため)

一例として、「画像アップロードアドオン」と「編集機能アドオン」を併用したサンプルを設置しておきます。
投稿された画像を管理画面上で削除したり、別の画像をアップロードし直すことが可能になって便利です。

画像アップロードアドオン・編集機能アドオン付きコンテンツ・メーカー2のサンプル
自由に画像をアップロードしたり削除したりしてお試しください。
ユーザ名はtani、パスワードは0000です。

公開ページ(画像付き)のサンプル
この公開ページでは管理画面上の1枚目の画像だけを出力するようにtemplate-1.htmlで設定しています。(2枚目の画像はアップロードしても出力されません)

サーバのPHPのバージョン7.0以降を推奨。
このサイト上に設置してあるサンプルはすべてPHP7世代で動作しています。

電卓
販売価格は15,000円(税抜)となります。
設置メールサポートがついておりますので、アドオン設置の際につまづくようなことがありましたらご質問ください。

注意点:アドオンを組み込んだ際にプログラムを正常動作させるまでのサポートです。
それ以外のご質問は有償扱いとなりますので、ご了承ください。

ご購入は以下からどうぞ。
ペイパルと銀行振込でのお支払いの場合は、料金のお支払いをしていただき、その入金確認後にメールで添付にてお送りする形となります。
クレジット決済の場合はお支払後にすぐダウンロードができますので、お急ぎの方にはおすすめです。

【コンテンツ・メーカー2の画像アップロードアドオンのご購入】
ペイパルでご購入
お問い合わせページからお申込み(銀行振込)
STORESでご購入(クレジットカード・コンビニ決済) (決済後ダウンロード可能)
このサイトでご購入(クレジットカード決済) (決済後ダウンロード可能)

※ クレジット決済の注意点
上記のペイパルと銀行振込以外の場合は、お支払後にアドオンファイルをすぐにダウンロードできます。

このサイトでのクレジット購入の場合は、ダウンロードはそのセッション中(ブラウザを閉じるまで・または24分以内)にのみ可能となります。
再ダウンロードしたい場合は、配布依頼ページからご連絡くだされば、本人確認後にメール添付にてお送りいたします。

領収書
ご購入の際の領収書の発行を承っております。
PDFファイル形式なら無料。印刷して郵送の場合は手数料として1,000円(税抜)が必要となります。

領収書をご希望の方は、お問い合わせページからご連絡ください。
購入の際に登録されたメールアドレスで本人確認ができますので、そのメールアドレスから送信してくださると対応がスムーズになって助かります。

注意
このアドオンはコンテンツ・メーカー2本体のすべてのバージョンに対応しております。
(コンテンツ・メーカー2本体のバージョンは「version.php」に記載してあります)

なお、コンテンツ・メーカー1の本体やアドオンとは互換性が一切ありませんのでご注意ください。(機能が似ているだけで、全く別のプログラムであるため)

また、普通に使用していてプログラム上のバグ(不具合)があった場合には、追加料金なしでバグ修正を行いますので、そのような際にもご連絡ください。
(お客様の手によってJavaScriptファイルやPHPファイルを独自カスタマイズされている場合は、別途料金が発生します)

(2018年6月23日改定)
アドオンは1つのご購入につき、1サイトで使用可能です。
(異なるドメインのページは、異なるサイトとみなされます)

例えば、1つのサイト内にアドオンを複数設置する場合は、アドオンの購入は1つでOKです。
しかし、複数のサイトにアドオンを設置する場合は、2つ目以降は再度アドオンを正規料金でご購入していただければ幸いです。

実際にプログラムを使用するのはアドオンを購入された方のクライアント(依頼者)のサイトだったりするわけですから、そのクライアントに正規の料金をお支払い願えればと思います。
なお、支払われていない方からのお問い合わせには一切対応いたしませんので、ご了承ください。

【余談】
最近問題になった漫画村の一件と同じですが、制作者に正しく利益が発生しないと新たなモノを作る気がなくなってしまうのは仕方ないことだと思います。

ここ20年で本が売れなくなって本屋が減り、音楽が売れなくなってミュージシャンの新曲リリースが減りました。
1990年代は一人のミュージシャンが毎月~3か月ごとぐらいに新曲を発売していたのですよ。酷い時だとCD2枚または3枚同時リリースとかもあったのです。

本の中でも漫画は今も売れているようですが、漫画村のようなサイトが普及すれば、20年後には漫画業界までもが今の音楽業界のようになっていたことでしょう。

私も顧客管理プログラムを作ったっきりでほとんどアップデートしないのは、このプログラムから利益が出ていないからなのです。(需要が少ないのが最大の原因です)
このようなプログラムは配布を終了させるかもしれませんだって意味ねえもん。(2018年7月23日:配布を終了しました)


コンテンツ・メーカー2本体とアドオンは適合するバージョンというものがあります。
どのバージョンが合うかは、コンテンツ・メーカー2本体ページの「アドオン互換表」と後述する「アップデート履歴」で確認ください。

  • コンテンツ・メーカー2本体のバージョンは「version.php」に書いてあります。
  • 各アドオンのバージョンに関しては、アドオンフォルダの中にある「version.php」に記載してあります。

ですので、もしアドオン購入後にコンテンツ・メーカー2本体をアップデートさせると、アドオンが古いバージョンのままのせいで正常動作しなくなる場合があります。

過去にアドオンを購入された方からご要望があれば、新しいバージョンのアドオンファイル一式をお送りいたしますので、配布依頼ページからお求めください。

その際には、現在お持ちのアドオンファイル一式をメール添付して私にお送りいただくことで、過去に購入したことの証明とさせていだきます。

2021/07/16 バージョン1.0 (本体1.0~で動作確認済)
  • 公開。
提供サポートなど