SP4MTの0.710版です。

外部javascriptファイルを利用して、サムネイル生成時のコントロールが細かく行えるようになりました。 (サムネイルとか云いつつ拡大できたりもしますが)

出力文字列の自由度向上は作業予定から漏れてしまったので、次回更新時に繰越です。

今回の版にアップデートするにはsp4mt.phpのアカウント関連設定を各自の環境に合わせて上書きするのに加え、インストールディレクトリへのリソース追加とPalette.jsを利用している場合は保存先変更が必要です。

(あと作成コストが大きいので、今回からオフラインドキュメントの同梱を止めました)

このスクリプトの概要

MovableTypeを絵日記として使用する場合や、画像を多用する場合に便利(かも知れない)な機能を詰め込んだphpスクリプトです。 絵を描く機能に関しては、しぃペインターというJavaアプレットを、サムネイルの生成の補助にThubmnailSelectorというJSファイルを利用させて頂いております。

基本的には、 Bookmarkletから起動 → しぃペインターで絵を描く → ファイル保存 → 生成されたHTMLタグを利用して記事投稿 という流れで使用します。

免責と注意事項

利用者がこのスクリプトを利用するにあたって、発生するいかなる損害・被害・不具合についても開発者は一切その責を負いません。 全て利用者自身の責任の下、設置・ご利用下さい。

個人の非商用利用に関しては無料です。 商用利用される場合、また法人の利用に際しては試用/本採用に関わらず必ずご連絡下さい。 (このスクリプトの性格上、実際こっそり使ってても私は全く気付きませんが)

SP4MTは尋常では無い程いい加減なPHPコーディングを重ねることで成り立ち、ソースコードはそろそろ書いてる本人も目を背けたくなってきているような酷い有様です。 sp4mt.phpに関しては、ソースコードを見て頂いても恐らく何ら得るものは無いと思われますが(読んでる途中で眠くなります)、改造スクリプトの公開、再配布は著作権表示を残して頂ければご連絡なく行っていただいて構いません。 (トラックバック等による連絡は歓迎いたします)

改造スクリプト公開時の著作権表示に関しては

this script is modified from "sp4mt.php" (skim--http://w3neu.net/) のようなものを改造スクリプトの冒頭部の何処かに記述して下さい。 (大幅に改造するなら、ゼロから組みなおしたほうが絶対いいと思いますが)

またsp4mtpost.phpは、phpを用いたお絵描き掲示板“POTI-board”の画像保存スクリプトpicpost.phpを改造したものです。 改造元のpicpost.php著作権は、POTI-board作者のSakaQさん(http://www.punyu.net/)にありますが、改造スクリプトのsp4mtpost.phpに関してSakaQさんに問い合わせることは避けて下さい。 また同様に、SP4MTに関してしぃペインターやダイナミックパレットの作者さんに問い合わせないで下さい。

sp4mt.cssはMovavleTypeのデフォルトスタイルシートのstyles.cssを基にして作成しております。

基本的に、しぃペインターアプレットを利用したCGI(BBSなど)を設置した経験がない方のご利用は、あまりお勧めできません。

動作環境

このスクリプトが動作するためには

PHP4.3互換スクリプトが動くウェブサーバ[カタログモード、サムネイル生成にはGDライブラリが必須] CSS,クッキー,JavaScriptの使用が許可されたwwwブラウザ が最低限必要不可欠です。

またブラウザ上で絵を描くためには、サーバ側に

しぃペインター(お絵描きアプレット) ダイナミックパレット(外部補助パレット。これはお好みで) が存在することと、ブラウザ側でJava仮想マシン(JavaVM)が動かせることが必須です。

(MicrosoftJavaVMもしくはSunJavaRuntimeEnvironmentがインストールされていないマシンでは絵が描けません)

そのほかweblogへの記事投稿には

MovableType2.6系もしくは3.1系互換WeblogCGI(MT連携機能使用時) が、サムネイル生成の補助には

ThumbnailSelector が必要となります。

今回は開発をWAMPP+Eclipse3.1で行い、また動作確認をLinux+Apache2+PHP4.3サーバでOpera9、Mozilla系Firefox1.5から行っております。

(IEコンポーネント使用のタブブラウザでも一応動いているようです)

ダウンロード

以下のリンクからダウンロード可能です。 zip圧縮してありますので、適当なアーカイバで解凍してご使用下さい。

sp4mt_v0710.zip sp4mt_v0710.zip 現状、そこそこ安定しているようです。

インストール

使用準備

メインスクリプトであるsp4mt.phpをテキストエディタで開き

sp4mt.php–82行目 $admin_pass = "hogehoge";//必ず変更して下さい のhogehogeを好きな文字列に変更して下さい。 なるべく意味不明な半角英数字の文字列を推奨します。 これがスクリプト起動のパスワードになります。

sp4mt.php–86行目 $admin_salt = "あwsdrftgyふじこlp";#暗号化に使う文字列(先頭2バイト(半角英数2文字分)のみ有効) の変な文字列も変更する事をお勧めします。 変更する場合、先頭の文字しか利用しませんので、日本語全角1文字もしくは英数2文字が良いです。

また、デフォルトでは文字コードShift-JISとなっていますが、ファイル保存時EUC-JPやUTF8を使用したい場合は

sp4mt.php–393行目

のshift_jisの部分を使用する文字コードに合わせて変更して下さい。 この場合、sp4mtpost.php等のファイルの文字コードとsp4mt.cssの

@charset"shift-jis"; の部分も変更しておきます。

その後、以下のファイルとフォルダをサーバーに転送します。

名前パーミション機能
sp4mt.php644しぃペインター起動/タグ生成/設定保存など
sp4mtpost.php644しぃペインターからのデータを画像に変換
sp4mtconf.phpxx7各種設定項目
sp4mtlist.phpxx7カタログモード用一時ログ
sp4mt.css644MovableTypeポップアップウィンドウ風のCSS
sp4mt-logo.gif644同背景画像
※ここまではsp4mt.zipを解凍して得られるファイルです。
spainter.jar644しぃアプレットの本体(ブラウザで絵を描く場合は必須)
res(ディレクトリ)644しぃアプレット用のリソース(ブラウザで絵を描く場合は必須)
PCHViewer.jar644アニメファイル閲覧用
※上記は必要なぶんだけしぃちゃんさんトコから貰ってきてください。
js(ディレクトリ)644外部javaScript置き場
├dom-drag.js644サムネイル生成補助用(必須)
├select-thumb.js644サムネイル生成補助用(必須)
※上記はSiliSoftwareさんトコから貰ってきてください。
└palette.js644ダイナミックパレット用スプリプト(あれば便利)
※これも必要ならWCSさんから貰ってきてください。
(任意のディレクトリ名)xx7画像ファイル保存用ディレクトリ
※新規に作っても既存のディレクトリでも大丈夫です。

上記のような感じで全てを同じディレクトリに置いて下さい。 sp4mtconf.phpとsp4mtlist.phpのパーミションはとにかく読み込みと書き込み可能な状態ならばいいので、**6でも構いません。

sp4mt.phpと同じ階層か、それより深い階層に画像保存用ディレクトリを用意して下さい(勿論これも“書き込み可能”にすることを忘れずに!)。 SP4MTはファイル保存時にディレクトリを生成できません。保存パスに作成済みディレクトリが指定された場合のみ、ちゃんとファイルが保存されます。

初期設定

まず最初にブラウザからsp4mt.phpにアクセスしてみてください。 パスワードを要求されますので、前項で設定したパスワードを入力すると、クッキーにパスワードが記憶されます。 パスワードが正しく入力されていれば、出てきたボタンを押してログインできます。 (デフォルト設定でクッキーは約2ヶ月ログインしなくても有効です) 現れた詳細設定モードで、各種設定値を間違い無いように全て入力してください。 一番下の保存ボタンを押せば設定値が保存されます。 最後に一番上に出てきた”描画モード”ボタンを押せば設定終了です。

使用方法

描画モードで“normal”もしくは“pro”のボタンを押すとしぃペインターが起動します。 普通に描いて投稿すると、ファイルの保存を実行します。 保存パスの設定がおかしかったり(例えばsp4mt.phpより上のディレクトリに保存しようとしていたり)すると、投稿データは破棄されて画像ファイルが生成されません。 設定がうまくいっていれば、画像ファイルとアニメファイルが設定した保存パス以下に生成されます。 その後、画像URLを記述したタグが生成されますので、コピーしてエントリに貼り付けて下さい。 いきなり気合を入れて描くより、まずはテスト投稿をして動作を確認することをお勧めします。

各モードについて

描画モード しぃペインターを呼び出すだけのモードです。 最後に描いた絵の履歴が残っている場合は、そのソースを表示するボタンが現れたりします。

詳細設定モード

各モードの設定を行うモードです。 ここで正しい設定を行わないと、予期しないことが起こるかも知れません。 ブックマークレット生成ボタンへのリンクはここにあります。

カタログモード

SP4MTで描いたものだけでなく、保存用ディレクトリにあるjpg、png、gifなどの画像ファイルが閲覧できます。 またソースも表示できますので、 「MTで昔アップロードしたけどエントリに使わなかった画像をエントリに貼り付けたい」 というときに便利かも知れません。 ここから各ファイルの個別操作モードへ移れば、削除や名前の変更なども可能です。

本バージョンでは、サムネイル生成周りの機能が強化されています。 (鬱陶しくなったとも云えます)

適当に色々実装していますので、本格導入の前にボタンやリンクをクリックしてみて、何が出来て何が出来ないのか確かめてみて下さい。。

MovableTypeとの連携について

SP4MTはもともとMovableType(MT)に足りない部分を補うために作成しました。 MTの機能そのものを拡張するもの(MTプラグイン)ではありません。 アドオンphpスクリプトとしてweblogの裏側で暗躍させてあげて下さい。

仕様について

サーバーのタイムゾーンにファイル名が依存している

海外のサーバなどで動作させると、日付をファイル名に自動挿入する際にズレが生じる可能性があります

ファイルの上書きが出来ない

誤操作防止のため、画像ファイルの上書きは許可していません (アップロードモードを除く)

サムネイルの生成機能が中途半端

サムネイル生成というか、若干画像加工機能に擦り寄っている気がしています。相変わらず使い勝手は良くないかも知れません

アニメファイルへのリンクを生成しない

記事でアニメファイルへのリンクを利用することはできません

吐き出すHTMLソースがどうしようもなく珍妙

本当に汚いのでじろじろ見ないで下さい

リンク

各種必要ファイルは感謝しつつ以下のサイトから入手可能です

Shi-Painter(しぃペインター)

Shi-dow 閉鎖状態のようです。 ベクター こちらからどうぞ。

DynamicPalette(ダイナミックパレット)

WonderCatStudio こちらも閉鎖状態のようです。 dynpalette.zip ということで、苦情が来るまでは保管しておきます

サムネイル生成補助用のJSファイル

SiliSoftware

開発元です。


宜しければこちらへもどうぞ

ぷにゅねっと SP4MTファイル保存部分の元スクリプトを含む掲示板スクリプトを配布しておられます (汎用picpostというものに加えて単体動作するお絵かきスクリプトも公開され始めたようです。手本にするならSP4MTじゃなくてこちらがお勧めです)