Top > CGI > 携帯絵文字対応BBS

携帯絵文字対応BBS「SmallPICT」(Ver2.6)

説明

【重要】
携帯絵文字対応BBS(Ver2.6)には、以下の未対応事項があります。 以上のことをご承知の上、ダウンロード・ご利用いただくようお願いいたします。

サンプル

サンプルは以下にあります。

SmallPICT(書込み可)

利用規程

ここで配布する絵文字画像は、本来、各キャリアの端末だけで表示可能な絵文字を他の端末で表現するために、見た目を画像にして再現したものです。
オリジナルのdocomo絵文字の著作権は株式会社エヌ・ティ・ティ・ドコモに、SoftBank絵文字の著作権はソフトバンクモバイル株式会社に、au絵文字の著作権はKDDI株式会社に、WILLCOM絵文字の著作権は株式会社ウィルコムに、EMOBILE絵文字の著作権はイー・モバイル株式会社に帰属します。

設置例

ファイルが多数ありますので、CGIを指定ディレクトリに設置しなければならない時は、ちょっと大変かもしれません。
どんな場合でも、smallpict.cgiとinit.cgiは同じディレクトリに設置して下さい。

1.CGIをどこに設置してもよい場合

public_html
    |
    +-- index.html(ホームページ)
    |
    +-- spict / smallpict.cgi [755](掲示板プログラム)
          |     spictlog.cgi  [666](投稿ログファイル)
          |     init.cgi      [644](設定ファイル)
          |     jcode.pl      [644]
          |     fold.pl       [644]
          |     device.dat    [644](機種データファイル)
          |     emoji.dat     [644](絵文字変換データファイル)
          |
          +-- PICT / iPICT.html  (docomo絵文字簡単入力ウィンドウ)
          |          jPICT1.html (SoftBank絵文字簡単入力ウィンドウ1)
          |          jPICT2.html (SoftBank絵文字簡単入力ウィンドウ2)
          |          ePICT1.html (au絵文字簡単入力ウィンドウ1)
          |          ePICT2.html (au絵文字簡単入力ウィンドウ2)
          |          iPICT.gif,jPICT1.gif,jPICT2.gif,ePICT1.gif,ePICT2.gif
          |
          +-- lock [777] /
          |
          +-- modules / pc.pl    [644](必須)
          |             wap2.pl  [644]
          |             imode.pl [644]
          |             jsky.pl  [644]
          |
          +-- imgs / i / .gif,png
                     j / .gif,png
                     e / .gif,png
                     a / .gif,png
                     m / .gif,png
                     ..その他.gif,png

2.CGIを指定ディレクトリ(cgi-bin)に設置しなければならない場合

public_html
    |
    +-- index.html(ホームページ)
    |
    +-- cgi-bin / spict / smallpict.cgi [755](掲示板プログラム)
    |               |     spictlog.cgi  [666](投稿ログファイル)
    |               |     init.cgi      [644](設定ファイル)
    |               |     jcode.pl      [644]
    |               |     fold.pl       [644]
    |               |     device.dat    [644](機種データファイル)
    |               |     emoji.dat     [644](絵文字変換データファイル)
    |               |
    |               +-- modules / pc.pl    [644](必須)
    |               |             wap2.pl  [644]
    |               |             imode.pl [644]
    |               |             jsky.pl  [644]
    |               |
    |               +-- lock [777] /
    |
    +-- PICT / iPICT.html  (docomo絵文字簡単入力ウィンドウ)
    |          jPICT1.html (SoftBank絵文字簡単入力ウィンドウ1)
    |          jPICT2.html (SoftBank絵文字簡単入力ウィンドウ2)
    |          ePICT1.html (au絵文字簡単入力ウィンドウグ1)
    |          ePICT2.html (au絵文字簡単入力ウィンドウ2)
    |          iPICT.gif,jPICT1.gif,jPICT2.gif,ePICT1.gif,ePICT2.gif
    |
    +-- spictimgs / i / .gif,png
                    j / .gif,png
                    e / .gif,png
                    a / .gif,png
                    m / .gif,png
                   ..その他.gif,png
                    
                    CGIを特殊なURLで呼出す場合は、
                    このページ下部に、@niftyでの設置例がありますのでご参考にどうぞ。

ダウンロードと編集

圧縮ファイルのダウンロード

以下の圧縮ファイル(device.datは圧縮していません)をダウンロードしてください。

  1. スクリプトファイル(v2.6)
  2. デバイス情報ファイル(device.dat)
    右クリックして「対象をファイルに保存」などしてください。
    device.dat(2009/02/07版)
  3. 絵文字画像ファイル
    ↓docomo絵文字画像
    i.zip i.lzh
    ↓vodafone絵文字画像
    j.zip j.lzh
    ↓au絵文字画像
    e.zip e.lzh
    ↓WILLCOM絵文字画像
    a.zip a.lzh
    ↓EMOBILE絵文字画像
    m.zip m.lzh

圧縮ファイルの解凍

ダウンロードが完了したら、解凍します。以下のファイルが展開されます。
device.datは圧縮されていませんので解凍する必要はありません。

印のファイルは、歌代和正氏が作成し、公開なさっているPerlライブラリです。著作権は、歌代和正氏にあります。

  1. spict.lzh(zip)より
    • smallpict.cgi
    • spictlog.cgi
    • init.cgi
    • emoji.dat
    • jcode.pl
    • fold.pl
    • [DIR]modules
      └pc.pl, imode.pl, jsky.pl, wap2.pl
    • PICT
      ├iPICT.html, iPICT.gif
      ├jPICT1.html,jPICT1.gif
      ├jPICT2.html,jPICT2.gif
      ├ePICT1.html,ePICT1.gif
      └ePICT2.html,ePICT2.gif
    • [DIR]imgs
      └home.gif, mail.gif, post.gif, PC.gif, EZweb.gif, imode.gif, Jsky.gif, AirH.gif
  2. i.lzh(zip)/j.lzh(zip)/e.lzh(zip)/a.lzh(zip)/m.lzh(zip)より
    • [DIR]i
      └F89F〜F9FC.gif, F89F〜F9FC.png
    • [DIR]e
      └1〜518.gif,700〜828.gif, 1〜518.png, 700〜828.png
    • [DIR]
      └4521〜5159.gif, 4521〜5159.png
    • [DIR]a
      └F040〜F150.gif, F040〜F150.png
    • [DIR]m
      └F860〜F871.gif, F860〜F871.png

スクリプトの編集

ファイルがたくさんありますが、最低限必要なスクリプトの編集箇所はそんなに多くありません。

注意事項
テキストエディタを用いてプログラムの修正を行う場合の文字コードは、 必ずShift_JISで記述する(保存する)設定にしてください。

1.smallpict.cgi

smallpict.cgiをテキストエディタ等で開き、以下の部分を必要に応じて修正します。

2.init.cgi

v2.40で、init.cgi(設定ファイル)がバージョンアップしました。
v2.40より以前のバージョンからアップグレードなさる方は、新しくダウンロードしたinit.cgi で 設定をし直す必要があります。

init.cgiをテキストエディタ等で開き、▼印が付いている行を必要に応じて修正します。
▼印の部分以外にもいろいろ設定ができますが、まずは▼印の部分だけを修正して下さい。
動作確認が取れてから、ゆっくり細かい設定を行ってください。

3.spictlog.cgi

spictlog.cgiはログファイルです。最初は空です。
バージョンアップなさる方は、アップロードする必要はありませんので、中身が「空」であることを確認した上で、 削除してしまっても構いません。

ファイルのアップロード

以上、修正が完了したら、画像以外は「テキスト(アスキー)モード」でアップロード(FTP転送)します。
画像(gif, png)は、「バイナリモード」でアップロード (FTP転送)します。

ファイル名 転送モード パーミッション
smallpict.cgi アスキー 755
init.cgi アスキー 644
spictlog.cgi アスキー 666
device.dat アスキー 644
emoji.dat アスキー 644
jcode.pl アスキー 644
fold.pl アスキー 644
modules/
├pc.pl
├wap2.pl
├imode.pl
└jsky.pl
アスキー 644
lockディレクトリ - 777
PICT/
├iPICT.html
├jPICT1.html
├jPICT2.html
├ePICT1.html
└ePICT2.html
アスキー 644
PICT/
├iPICT.gif
├jPICT1.gif
├jPICT2.gif
├ePICT1.gif
└ePICT2.gif
バイナリ 644
imgsディレクトリと
その内部の画像
(絵文字画像含む)
imgs/
├i/
├j/
├e/
├a/
├m/
├PC.gif
├EZweb.gif
├imode.gif
├Jsky.gif
├AirH.gif
├home.gif
├mail.gif
└post.gif
バイナリ 644

アップロード(FTP転送)が完了したら、PCでsmallpict.cgiにアクセスし、設定内容のチェックをします。
その際、smallpict.cgiに続けて「?mode=check」と入力してください。
このページの上部にある「設置例1」の通りなら、以下のようになります。

http://(アップロードしたドメイン)/spict/smallpict.cgi?mode=check

表示される画面に、ひとつでも NG があったら、設定を見直してください。

SmallPICTの呼出し方

SmallPICTは、同じURLで、PC/携帯電話向け表示を切替えます。
以下は【設置例1】の場合の呼出し方です。

http://(アップロードしたドメイン)/spict/smallpict.cgi

HTMLファイルからリンクさせる場合

<a href="http://(アップロードしたドメイン名)/spict/smallpict.cgi">
 BBS</a>

おまけ

@niftyへの設置

@niftyは、CGIを特殊なURLで呼び出さなければなりません。
また、htmlファイルや画像を設置する場所と、CGIファイルを設置する場所が分かれています。

@nifty 設置例

ルートディレクトリ
    |
    +-- homepage /
    |      |
    |      +-- index.html(ホームページ)
    |      |
    |      +-- spictimgs / i / .gif,png
    |                      j / .gif,png
    |                      e / .gif,png
    |                      a / .gif,png
    |                      m / .gif,png
    |                      iPICT.gif,jPICT1.gif,jPICT2.gif,ePICT1.gif,ePICT2.gif
    |                      ..その他.gif,png
    |
    +-- cgi-bin / spict / smallpict.cgi [755](掲示板プログラム)
                    |     spictlog.cgi  [666](投稿ログファイル)
                    |     init.cgi      [644](設定ファイル)
                    |     jcode.pl      [644]
                    |     fold.pl       [644]
                    |     device.dat    [644](機種データファイル)
                    |     emoji.dat     [644](絵文字変換データファイル)
                    |
                    +-- modules / pc.pl    [644](必須)
                    |             wap2.pl  [644]
                    |             imode.pl [644]
                    |             jsky.pl  [644]
                    |
                    +-- lock [777] /
                    |
                    +-- PICT / iPICT.html  (docomo絵文字入力簡単入力ウィンドウ)
                               jPICT1.html (SoftBank絵文字簡単入力ウィンドウ1)
                               jPICT2.html (SoftBank絵文字簡単入力ウィンドウ2)
                               ePICT1.html(au絵文字簡単入力ウィンドウ1)
                               ePICT2.html(au絵文字簡単入力ウィンドウ2)

    iPICT.gif,jPICT1.gif,jPICT2.gif,ePICT1.gif,ePICT2.gifを他の画像と同じ場所に設置して下さい。
スクリプトの修正箇所(@niftyの場合)

@niftyで、上記「@nifty設置例」と同様に設置した場合、最低限必要なスクリプトの修正箇所です。
以下のようなURLと仮定します(太赤字の部分は、ユーザー毎に違います)。

  1. smallpict.cgi --> 1行目のPerlのパスを、#!/usr/local/bin/perl にします。
  2. init.cgi
    • $scriptURL = 'http://hpcgi3.nifty.com/xxxx/spict/smallpict.cgi';
    • $emojiDir = '../../homepage/spictimgs/';
    • $emojiImgURL = 'http://homepage3.nifty.com/xxxx/spictimgs/';
    • $clickPICT_from_CGI = 1;
    • $imgsDir = 'http://homepage3.nifty.com/xxxx/spictimgs/';

Go to Top

最終更新日:2010年05月16日
© Kimura [My First HDML] All Rights Reserved.