携帯共用日記帳2

 内容
 パソコンと携帯で日記を表示します。携帯から投稿できます。

  ●パソコンと携帯で日記の表示及び投稿ができます。
  ●日記に画像をアップロードできます。

 (注)スマートフォンや携帯電話は機種によって画像投稿等が正常に動作しない場合があります。

 表示例
 実際に動作しているサンプルが こちら にありますのでご覧下さい。

 パソコン画面
HOME 日記 管理
2010年    9月   
 2010年9月7日(火)   黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて
赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
▲top
 2010年9月1日(水)   横浜
幕末明治に開港の歴史を持ち異国情緒の漂う港街横浜ですが、
最近はベイブリッジやみなとみらい21など様変わりの感があります。
▲top

携帯画面
HOME
日記
2010年9月
9/7(火)黒部ダム
9/1(水)横浜

[管理]




題名クリック

2010.9.7(火)
黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて
赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
画像




画像クリック


 設置手順
No 項 目 内  容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
  diary23.zip  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。
  <ディレクトリ構成>
     |---diadata (ディレクトリ)
     |---diary23.cgi
     |---cgi-lib.pl
3 プログラムの変更 diary23.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
 パソコン用 http://xxxx/diary23.cgi
 携帯用   http://xxxx/diary23.cgi?dm=1
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、
diadataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権
diary23.cgi 755
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●パソコン表示
  ・上部の   をクリックすると月が変わります。
  ・画像は指定の表示サイズより大きいと縮小表示されます。画像をクリックすると実サイズで表示します。

 ●携帯表示
  ・上部の ← → をクリックすると月が変わります。
  ・題名をクリックして記事を表示します。
  ・記事で「画像」をクリックすると画像を表示します。

 ●管理画面
  ・「管理」をクリックします。パスワードは初期値が「cgi」です。

 ●記事編集
  ・「画像」は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像のファイル形式はJPG、GIF、PNGです。最大容量は300KBです。
  ・記事を修正、削除する場合は「修正」をクリックします。
パソコン画面
日付 
題名

内容
画像

携帯画面
▼日付


▼題名


▼内容


▼画像



 ●基本設定(パソコン)
タイトル

コメント
PCホームURL
携帯ホームURL
壁紙
タイトルアイコン
画像格納ディレクトリ
画像読出ディレクトリ
カラーコード
基本背景色
基本文字色
タイトル
枠色
見出し色
内容背景色
記事表示幅 px
画像表示 px
パスワード変更 (英数8文字以内)

タイトル 最上部に表示するタイトルを入力します。
コメント パソコンでタイトルの下に表示するコメントを入力します。
PCホームURL パソコンで左上部に表示するホームへの戻り先を指定します。
携帯ホームURL 携帯で左上部に表示するホームへの戻り先を指定します。
壁紙 壁紙を使用する場合に画像アドレスを入力します。
タイトルアイコン タイトルの画像を使用する場合に画像アドレスを入力します。
画像格納ディレクトリ diadataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのdiadataのパスを指定します。http://のURLでは指定できません。
 (例) ./diadata、 ../xxxx/diadata、 /xxxx/diadata
画像読出ディレクトリ diadataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのdiadataを http://のURLで指定します。
 (例) ./diadata、 http://xxxx/diadata
基本背景色・・・ 各色をカラーコードで指定します。
記事表示幅 記事枠の表示幅を指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
パスワード変更 管理画面に入る為のパスワードを入力します。


 改版履歴
リリース日 対象 版数 改版内容
2010.09.07 diary23.cgi V1.0 初版


CGI-design