Minor Problem - GJ!（Ｗｅｂ拍手） Archive

上記リンクのGJは、Javascriptを使って、画面が切り替わることなく拍手ができるのがおもしろい。ただ、ファイルに書き込むタイプなので、時々ファイルをロックしたままになることがあるので、この部分をMysqlで処理するようにした。

Oceansoft Library - GJ!（Ｗｅｂ拍手）の改造

画像のキャッシュを時々クリアしないと、縮小した画像が表示されない場合があります。
xreaサーバー特有の現象かもしれませんが、キャッシュをクリアすれば解決するので、cronで自動化することにしました。

【関連記事】
Oceansoft Library - キャッシュをクリアする

Dokuwikiのユーザー認証をMySQLにさせると便利ですが、ユーザーが存在しているとパスワードが違っていてもログインできてしまうようです。そこで、パスワードが違っているとログインできないようにエラーにする改造をします。

Oceansoft Library - MySQLにユーザー認証をさせる

RNAでブログのRSSを元にリストを作成していますが、最近はRSSに広告を紛れ込ませているブログサービスが出てきました。それを排除するカスタマイズです。

lib/RNA.pm
1184行目
foreach my $item (@{$items_ref}){
$rss->add_item(%{$item});
}
とアイテムを追加しているところで、
foreach my $item (@{$items_ref}){
if (index($item->{title}, "PR:") < 0) {
$rss->add_item(%{$item});
}
}
のように「PR:」が含まれないものだけにします。

【関連サイト】
rna - RSSベースのアンテナ「RNA」

Hotmailは、任意のメールアドレスへの転送ができません。無料版の場合は結局ウェブメールにアクセスしなければなりませんが、GetLiveというスクリプトを使うとそれが可能になります。

SourceForge.net: GetLive

Fetches your Hotmail Live mail such that it can be stored in a local mailbox or further processed via procmail-like mail filters.

ローカルサーバーのprocmailに流れてくるので、ローカルサーバーのメールボックスで閲覧したり、他のメールアドレスに転送したりすることができます。

ダウンロードしたファイルを/home/username/GetLiveにコピーします。

設定ファイルを作成します。ここではrufuna@hotmail.frを取り込む例です。
username=rufuna
password=**********
domain=hotmail.fr
Downloaded=/home/username/GetLive/Downloaded/rufuna_hotmail.fr

複数のHotmailを処理する場合は、羅列したファイルを作成します。
/home/username/GetLive/GetLive.pl --config-file /home/usename/GetLive/(設定ファイル) --verbosity 0

それをcronで回します。

転送したい場合は、「.procmailrc」に転送先を記述します。
:0
* ^X-GetLive-User: rufuna
!rufuna@gmail.com

以上です。

■msn.comアカウントの問題

最近、msn.comのメールアドレスがうまく転送されていませんでした。開発元のフォーラムを読むと、CVSで最新版にすればいいと書いてあったので、実行してみることに。

cvs -d:pserver:anonymous@getlive.cvs.sourceforge.net:/cvsroot/getlive login
↑パスワードを聞かれますが、単にエンターしました。
cvs -z3 -d:pserver:anonymous@getlive.cvs.sourceforge.net:/cvsroot/getlive co -P GetLive
↑実行したカレントディレクトリにGetLiveというディレクトリが作成され、その中にファイルが入っています。

ブログ記事の本文などで、リンクをすぐに貼り付けられるように、ページ内に記事のリンク用のソースを表示させるようにします。今回はDokuwikiに応用してみました。

DokuWikiの改造

【関連記事】
[E] リンク用のソースを表示させる(Nucleus)
[E] リンク用のソースを表示させる(MovableType)

e107は、コンテンツマネージメントシステム(CMS)の一つです。CMSとは、ブログや掲示板など、サイトを構築するものが一つのパックになっているものと考えればいいでしょうか。掲示板機能だけでなく、ファイルをアップロードしておいて共有したり、ユーザー登録制にすることで、便利な機能が揃ったコミュニティサイトを構築することもできます。

日本国内で知名度が高いCMSは、XOOPSやJoomla!などがあります。XOOPSは寄せ集めのような感じで、操作に統一感がありません。何より管理側も閲覧側も重たいのが難点です。Joomla!は操作に統一感があり、閲覧側は割と軽いのですが、管理側がもっさりしています。管理画面の全体を把握するのが難しい感じもあります。

一方、e107は、管理画面もわかりやすく軽快。閲覧側もキビキビしています。管理側も閲覧側もわかりやすいインターフェースになっています。もちろんアンケート機能やプライベートメッセージなどのプラグインも豊富で、導入も簡単です。独自の機能に独自の名称をつけることなく、わかりやすくまとめています。

しかし、一番の難点は日本語化されていないことでしょう。UTF-8なので日本語には対応していますが、メッセージ類が全部英語なのです。そこで、e107で遊ぼう屋というサイトの日本語化ファイルをもとに、日本語化をして導入してみることにしました。最新バージョンに対応していないので、補充が大量に必要でしたが、最低限の日本語化はされたと思います。こちらに補充した日本語化ファイルをアップロードしました。

【関連サイト】
Oceansoft Library - e107の改造

Coppermine Photo Galleryで、Photo Galleryを構築しているのですが、最近、キーワードを入力しておくと検索画面の下にキーワードリストが表示されることを知り、早速キーワードを入力してみました。

キーワードリスト

イルミネーション | スープカレー | 三笠 | 上富良野 | 中山峠 | 余市 | 函館 | 北広島 | 北竜 | 十和田 | 千歳 | 占冠 | 夕張 | 夕日 | 夜景 | 大滝 | 奈井江 | 宗谷岬 | 室蘭 | 富士見 | 富良野 | 小平 | 小樽 | 峠 | 幌加内 | 廃墟 | 当別 | 当麻 | 新十津川 | 日勝峠 | 日高 | 旭川 | 松前 | 根室 | 桜 | 様似 | 氷まつり | 泊 | 浜益 | 深川 | 清水 | 猿払 | 琵琶瀬 | 留萌 | 石狩 | 神威岬 | 神恵内 | 稚内 | 積丹 | 空港 | 興部 | 芦別 | 花 | 花火 | 苫前 | 苫小牧 | 西興部 | 豊浦 | 足寄 | 道の駅 | 釧路 | 鉄道 | 長万部 | 雨竜 | 雪まつり | 霧多布 | 静内

作業途中で、地名だらけになっているのに気づき、方針を変えることに。

キーワードリスト

イルミネーション | スープカレー | 上川エリア | 冬景色 | 十勝エリア | 夕日 | 夜景 | 宗谷エリア | 岬 | 峠 | 廃墟 | 後志エリア | 日高エリア | 札幌エリア | 東北エリア | 根室エリア | 桜 | 橋 | 檜山エリア | 海 | 渡島エリア | 湖 | 滝 | 留萌エリア | 石狩エリア | 空港 | 空知エリア | 紅葉 | 網走エリア | 胆振エリア | 花 | 花火 | 道の駅 | 釧路エリア | 鉄道 | 雪まつり

どっちもどっちだなぁ。

2006 Open Source Content Management System Award Winner Announced

オープンソースCMSアワードにJoomlaが選ばれ、5000ドルの賞金を授与されたということだそうです。2位のDrupalも接戦。日本で親しまれているXOOPSは入賞しなかったようです。

• Joomla! - インストールが容易、エクステンションやモジュールの多さ、徹底的かつ包括的に提供されているドキュメント、管理ユーザインタフェースが秀逸、バックエンドシステムの扱いやすさ、WYSIWYGエディタの高い利便性、スケーラビリティの高さ、カスタマイズオプションの豊富さ、活発なコミュニティ
• Drupal - 安定性の高さ、活発な開発、セキュリティ機能が秀逸、設定が簡単、軽量なインストール、大量のモジュールとテーマ、すぐれたドキュメント、フレンドリーなコミュニティ、ノードコンセプトというすぐれた発想
• Plone - 高い柔軟性と強力さ、すぐれたユーザインタフェース、デフォルトインストールのクリーンさ、たくさんのアドオンモジュール、学習の容易さ、LDAPやほかのログインシステムとの連携性の高さ

Joomlaは本当に使いやすいです。どれも世界的にはメジャーなCMSばかりですが、日本では今ひとつ。それから使われる条件としては、インストールの容易さもありますが、運用後のトラブル解決として、コミュニティの存在も条件になっています。安定動作の必要条件です。

Joomlaはポータルサイト構築、DokuWikiはWikiとカテゴリが違いますが、最近この2つでサイトを構築したので、その記事投稿の書式について思ったことを書きます。

Joomlaは、HTMLエディタが内蔵され、ワープロ感覚で記事作成ができます。
複雑な表組みなどは、HTML作成ソフトで作成し、そのHTMLを貼り付けることも可能です。
かなりのことができます。
しかし、動作が遅いことと、一度崩れると訳がわからなくなることが欠点でしょうか。
リンクが他の文字列と一緒になったりするので、内蔵エディタのクセに慣れないといけません。

対して、DokuWikiはWiki文法で記述していきます。
今まで親しんできたPukiwikiとも文法が違います。
Wiki文法に方言があるのは、Wikiの欠点になるかもしれません。
Joomla同様にツールバーが配置されていますが、リッチテキストではないので、投稿画面は軽快です。
記号を書き出すことで、Wiki文法に慣れていなくても投稿することが可能になっているのは、Pukiwikiにはない、大変便利な点です。

さらにDokuWikiでは、コードの自動色分けができます。
これはカルチャーショックに近いものがありました。
エディタでは当たり前ですが、これをWikiに内蔵しているとは。
HTMLなら一つ一つ色を指定していかなければなりません。
裏技としては、DokuWikiで吐き出したHTMLをJoomlaに貼り付けるという手もあります。
スタイルシートも移植しておかないといけませんが。
または、JoomlaにDokuWikを内蔵させるとか?

それにしても、どちらも日本語の情報が少ないです。
そして、その情報も英語だけでなく、フランス語やドイツ語まで登場します。
これほど世界が狭く感じることはありません。

構築したサイトを見るのは日本語使用者ですから、徹底的に日本語化。
一番問題なのは、日本語になったものが日本語になっているかですね。

【関連記事】
Joomla活用
DokuWiki活用

ファイルが見つからないときなどのエラー画面をカスタマイズします。
レンタルサーバーで用意されたエラー画面は、広告が表示されたり、レンタルサーバーのトップ画面に転送されたりして不便です。
そこで、自分の好きなHTMLファイルを用意しておいて、それを表示させます。

用意するものは、エラー画面となるファイルです。
403.html (ファイルへのアクセス権がない)
404.html (ファイルが存在しない)
500.html (サーバーエラー)
503.html (一時的なサーバーエラー)
それぞれ括弧内の内容が書かれていたほうがいいでしょう。
それらをerrorフォルダに入れ、public_html直下にコピーします。

次にpublic_htmlの.htaccessに次の内容を追記します(存在していない場合は新規に)。

ErrorDocument 403 /error/403.html
ErrorDocument 404 /error/404.html
ErrorDocument 500 /error/500.html
ErrorDocument 503 /error/503.html

このサイトで使用しているものを紹介しておきます。404の場合です。

<html lang="ja"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>エラー</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body bgcolor="#FFFFDD">
<table width="100%" bgcolor="#0000ff" cellpadding="0" cellspacing="3">
<tbody><tr><td bgcolor="#bfbfff" align="center"><font size="+1" color="#000080"><b>
エラー
</b></font></td></tr></tbody></table>
<center>
<p><b>エラーが発生しました。</b></p>
<p>理由：ファイルへのアクセス権がない(403)</p>
<p><a href="javascript:history.back()">戻る</a></p>
</center>
</body></html>

Coppermine Photo Galleryは設置型のフォトギャラリーのウェブアプリケーションです。
世界で一番よく使われているもので、使いやすいと思います。

さて、最近コメントスパムがくるようになってしまいました。
どこにでも来るんだなぁ。

そこで、まず設定を眺めて、
「コメント中の使用禁止用語をフィルタする」というのをオンにします。
しかし、これは伏せ字にするだけでした。

調べるとAkismetでスパムを排除する方法を発見。
AkismetはWordPressでも使われていて、非常に高い性能を誇ります。
方法は、下記の関連記事からリンクするWIKIに書きました。

【関連記事】
CPGのコメントスパム対策
[E] Coppermine Photo Gallery
[E] Coppermine Photo GalleryとphpBBをリンクさせる
[E] 人気の写真共有サイトFlickr

【関連サイト】
Photo Gallery ←私のフォトギャラリーです。

独自ドメインのトップページをCMSで構築することに。
XOOPSは重たく使いづらいので、最初に候補から除外。
世界的にはMamboが主流らしく、その派生(後継)バージョンのJoomla!を使うことにしました。

記事を書くためのエディタは、ホームページビルダーのようにHTMLを簡単に記述できます。
それでいて、アップロード作業なしに公開できるので、大変楽です。

サイドバーの項目も、直接HTMLで記述可能。
さらにはRSSを取得して、タイトル一覧も表示可能です。
コンポーネントやモジュールも数多くはありませんが、必要最小限のものはあるようです。

ただし、CMSにブログや掲示板などを詰め込むと盛りだくさんのサイトになってしまうので、今回は、ブログや掲示板・リンク集などは既存のものをリンクする形で運用することにしました。
過去のデータの取り込みも面倒だし、それぞれ気に入ったものを使えるという利点もあります。
なので、自分のサイトのポータルのようなサイトになっています。

【関連サイト】
Joomla!じゃぱん
TeaPot

Google Knows Your Joomla Passwords! » Joomla Components Blog

Googleが「Google Code Search」を始めたため、ウェブから読み込み可能なファイルのコードが読まれてしまうという警告です。

別にGoogleが実行可能なPHPファイルからパスワードを読み取るのではなく、例えばバックアップのために拡張子を.bakなどにしておくと、読み込み可能になってしまうというものです。あるいは、index.htmlなどを置かないとディレクトリ内のファイルの一覧が表示されてしまうサーバーもあります。

これは確かに気をつけなければならないことで、パーミッションの設定やパスワードを含むファイルは、アクセス不能な場所に設置するなどの対策が必要です。「.htaccess」で設定ファイルは読み込みできないようにするのも一つの手段かもしれません。

しばらく前から独自ドメインがほしかったのですが、気に入ったドメインには空きがなく、やっと今回取得することに。

私が考えていた条件は、
○なるべく短く
○メールアドレスでの使用を考慮
○特定のものを連想させるものではなく、汎用で使える

「短く」
一般的な名詞だと単独で空いているわけがなく、組み合わせになります。
そうすると長くなってしまうんですね。
単語が2つの連結だと覚えられるかもしれませんが、スペルが簡単でないと間違いそう。
また、口頭でURLを知らせることがあるかもしれません。そんなときも短いと便利。

「メールアドレスを考慮」「連想させないもの」
自分のニックネームをドメインにしている方も結構います。
ニックネームを前面に使える人は、それでいいと思うのですが、私はサイト名には含めないのが好み。
短い文字数で、多少省略があって、汎用で使えるものを考えると結構悩みます。

取得については、下記の関連記事を参照。やってみたら案外簡単。

取得したドメインは「tpot.tk」。
tkって小室哲哉のイニシャルではなく、オセアニアのトケラウ諸島のドメインらしい。
面積10 km2、人口1,405人とはずいぶん小さな国ですね。
「地球温暖化で水没する運命」って…。
TookKit(工具一式)って道具箱みたいで気に入っているのですが…。

tpotはTeaPotです。jpドメインだとアダルトサイトにつながるようです。
紅茶名のブログやwikiが多いので、それらの入れ物のイメージです。

【関連記事】
独自ドメインの取得
[E] 独自ドメインの利点

自分のホームページアドレスは覚えやすいものですか?
あるいは、覚えてもらいやすいものですか?

ホームページアドレスやメールアドレスには自分がつけた部分と最初から決められている部分があります。
その中で、プロバイダなどのほうから決められている部分がドメインです。

例えば、
http://www.provider.com/~username/ …(1)
とあれば、前のほうが「プロバイダドメイン」で後ろはユーザー名となります。
プロバイダのホームページアドレスに多いパターンです。

中には、
http://www.username.provider.com/ …(2)
となるレンタルサーバーもあり、「サブドメイン」といわれます。前につくのが「サブ」です。
発想は日本と逆です(郵便の住所も逆になりますよね)。

やっぱり理想なのは、
http://www.username.com/ …(3)
となる「独自ドメイン」でしょう。会社であれば当然だし、個人でも持っている人は多そうです。

(1)と(2)のパターンは、プロバイダやレンタルサーバーに依存しているので、引っ越しをするときは自分のアドレスが変わります。引っ越しが嫌でサービスの悪いプロバイダやレンタルサーバーを利用する人もいるようです。また、「リンク切れ」もよく見かけますが、引っ越し後の空き家です。プロバイダやレンタルサーバーの業者もいつ消えてしまうかわかりません。また、途中でサービスの方法を変えたためにアドレスが変わってしまうこともあります。実際に私はJustnetとNiftyを10年ほどまえから利用していますが、初期のアドレスはどちらもすでに存在していません。ライブドアが買収したAAA!Cafeも新規募集は停止し、サービス等の向上も見られないことから、時間の問題と判断し、引っ越ししている人が多くいるようです。数年ごとにホームページアドレスもメールアドレスも変わっているような気がします。

その点、(3)の独自ドメインは、ウェブスペースとドメインは別なので、プロバイダやレンタルサーバーの業者と関係なくドメインを維持することができます。一生同じホームページアドレスとメールアドレスを保持することができます。「アドレスが変わりました」というメールはもう不要になるのです。容量が足りなくなったり、回線が遅いなんて場合も、アドレスの変更なしに引っ越しができます。また、自宅サーバーを構築し、ギガ単位のサーバーを運用することもできます。

どういうことかというと、インターネットの中では、実はドメイン名というものでデータは行き来していません。DNS(ドメインネームサーバー)というものがあって、英数字で入力されたものを一度IPアドレスに変換し、それによってデータのやりとりがおこなわれます。IPアドレスは数字の羅列です。これをアドレス欄に入力してもアクセスはできますが、どのサイトのデータなのか、人間側からはわかりづらいので、英数字のドメイン名が使われます。

独自ドメインというのは、この英数字の「名前」だけを取得し、IPアドレスとの変換のときに用意されているサーバーへ接続するようになっているのです。ドメイン名にかかる費用は、その管理などにかかる費用です。「.tv」はインターネットとは無縁のツバル国のドメインです。南国の小さな島です。しかし、テレビ関係を中心に使われ、ドメイン売却益で国が豊かになり、国連加盟までしたという話はちょっと有名ですね。

ところで、(1)のパターンは、サイト構築で困ることがあります。まず、favicon.icoは指定をしない場合、ルートに置かれたfavicon.icoを読みに行くのですが、(1)のルートは、ユーザーからはアクセスできません。Googleのサイトマップもルートに置いたファイルで認識することになっているため、(1)の場合は利用できません。ブログサービスでも(1)と(2)の両方のパターンがあります。サービスを選ぶときに注意が必要です。

その点では、(2)のサブドメインと(3)の独自ドメインは機能的に変わるものはありません。ドメイン名の問題だけです。ただし、(2)の場合、誰かがネット上で好ましくない行為をしてドメインがはじかれるようになった場合、そこに所属するサブドメインも一斉に拒否されます。実際にs101.xrea.comがGoogleから無視されていたことがありました(検索しても結果に登場しないのです)。

独自ドメインで自宅サーバーを公開するというのでなければ、セキュリティなどには変わりありません。自分さえ真面目にやっていれば、ネット上でも信頼度があがります。他人に足を引っ張られる心配もなくなります。独自ドメインの維持費自体は年間1000円弱です。自分でGoogleの広告を貼り付けておけば、一日100アクセスでも、ドメイン維持費はまかなえるでしょう。そう考えるとあとは登録の面倒さを乗り越えられるかどうかです。

このブログは広告ではありませんので、リンクは用意していません。ただし、周りに貼ってある広告には、きっと「独自ドメイン」の広告があるかもしれません。各自の判断でクリックしてください。比較してみるのもいいかもしれません。

Googleサイトマップに登録してみました。

Google からご自身のサイトへのトラフィックや、Google がページをどのようにクロールしているかについて、詳細なレポートを確認できます。

早速レポートを見たのですが、
腑に落ちないのは、EUC-JPで読みに来ていること。
UTF-8で公開しているはず。
同じくUTF-8のココログの方は、きちんとUTF-8でクロールされている。

調べてみるとどうやらサーバーの設定らしい。
Server Header Checkerで調べると、ココログは「Content-Type: text/html; charset=utf-8」となっており、このサイトは「Content-Type: text/html」とある。
これが原因なのだろう。

そこで、.htaccessで
AddType "text/html; charset=utf-8" html
を指定すればいいわけですが、
ここは拡張子がhtmlのままphpでアクセスするための設定をしているので、
上記の指定を入れるとそれが無効になってしまうみたい。

まあ、Googleの検索に引っかかるわけで支障はないのですが…。

カウンターの登録をします。
例:http://ct1.xrea.com/
MenuBar1かMenuBar2に「カウンター」と名前を付け、

全部: http://ct1.xrea.com/cgi-bin/count.fcg?site=xxx&img=02010&ovlp=1&max=7&day=0&tp=1&pic=0&dummy=.png
昨日: http://ct1.xrea.com/cgi-bin/count.fcg?site=xxx&img=02010&ovlp=2&max=3&day=1&tp=1&pic=0&dummy=.png
今日: http://ct1.xrea.com/cgi-bin/count.fcg?site=xxx&img=02010&ovlp=2&max=3&day=2&tp=1&pic=0&dummy=.png

xreaでphpBBを動かしていて、
download.phpがうまく動作しないのは、
自動で挿入される広告が原因。

そこで、download.phpには広告が挿入されないようにするには、
.htaccessに
<FilesMatch "download\.php">
LayoutIgnoreURI *
</FilesMatch>
と書き、download.phpが置いてあるディレクトリに置く。

phpBBで掲示板を設置しました。
PHP+MySQLのものです。

実は、Oceansoft LibraryやOrangepekoe Tearoomに設置してある掲示板に掲示板スパムが多くなって、削除が面倒になってきたのです。それで、ユーザー管理ができるものをと思いました。

新掲示板の便利なところは、書き込んだ後、返信があるかどうかをチェックしなくても、メールでお知らせしてくれるところ。頻繁に書き込みがある掲示板ではないので、書き込む側にとっては便利に利用してもらえると思います。

Nilgiri Tearoom

MySQLのデータベースを操作するのに
phpMyAdminがあると便利。

phpMyAdmin - MySQL database administration tool - www.phpmyadmin.net

config.inc.phpを開き、編集をする。
AAA!CAFEの場合です。

$cfg['PmaAbsoluteUri'] = 'http://fxx.aaa.livedoor.jp/phpmyadmin/';
インストールした場所を記述。最後のスラッシュを忘れずに

サーバーの設定
$cfg['Servers'][$i]['host'] = 'mysql1.aaacafe.ne.jp'
$cfg['Servers'][$i]['port'] = '3306'
$cfg['Servers'][$i]['socket'] = ''
$cfg['Servers'][$i]['connect_type'] = 'tcp'
$cfg['Servers'][$i]['extension'] = 'mysql'
$cfg['Servers'][$i]['compress'] = FALSE
$cfg['Servers'][$i]['controluser'] = ''
$cfg['Servers'][$i]['controlpass'] = ''
$cfg['Servers'][$i]['auth_type'] = 'config'
$cfg['Servers'][$i]['user'] = 'fxx_user'
$cfg['Servers'][$i]['password'] = 'PASSWORD'
$cfg['Servers'][$i]['only_db'] = 'fxx_user'

言語の設定
$cfg['DefaultLang'] = 'ja-euc';
$cfg['DefaultCharset'] = 'euc-jp';

あとは、アクセスするのですが、
その前にJavaScriptを無効にしないといけないようです。

インデントを全角スペースで調整しているページを時々見かけます。ということは、右側は改行です。そのため、文字サイズをブラウザ側で指定している場合や文字フォントが違ったりするだけで、派手にレイアウトが崩れてしまいます。

こういう人は、ワープロでもスペースでインデントをやっているのでしょうね。初期のワープロ機でもあるまいし、ワードや一太郎でもインデント機能がついているのに。

ところで、タグに「blockquote」というのがありますが、これは、インデントされるのでつい使ってしまうのですが、quoteの文字通り「引用」に使います。見た目よしではなく、世の中には目が不自由な方もインターネットをしているので、そういう方はいちいち「引用です」と音声が入ってしまうらしいです。スタイルシートでdivするのが正解なのでしょうか。

また、同じように箇条書きも「・」をつけて表示しているだけのものがありますが、「li」を使うと折り返した後もインデントされるので、とても便利です。

フォーラム(掲示板)のCGIで有名なphpBBと画像アルバムのCGIで有名なCoppermine Photo Gallery(CPG)とは、ユーザー管理やログイン状態をリンクさせることができます。同じデータベースを参照させ、リンクさせています。

その手順は、CPGのdocs/index.htmlに英語で書かれています。ここでは、簡単に日本語でメモ程度にかいておきます。

■まず両者のデータベースをバックアップしておきます。

■CPGのbridgeディレクトリにあるphpbb.inc.phpを編集します。

// database configuration
define('PHPBB_DB_NAME','phpBB'); // The name of the database used by the board
define('PHPBB_BD_HOST','localhost'); // The name of the database server
define('PHPBB_DB_USERNAME','root'); // The username to use to connect to the database
define('PHPBB_DB_PASSWORD',''); // The password to use to connect to the database

// The web path to your phpBB directory
// If your URL to your board is for example 'http://yoursite_name.com/phpBB2/',
// you'll have to set the below var to '/phpBB2/'.
define('PHPBB_WEB_PATH', '/phpBB2/');
// Logout Flag
// the value of this boolean constant depends on your phpBB version:
// If your version of phpBB is 2.0.4 or lower - change the value to FALSE;
// if your version of phpBB is 2.0.5 or newer - leave it as TRUE
define('PHPBB_LOGOUT_GET', TRUE);

データベースの設定を編集します。phpBBが存在するディレクトリの設定もします。

■CPGのincludeディレクトリにあるinit.inc.phpを編集します。

define('COPPERMINE_VERSION', '1.3.2');
// User database integration
// Uncomment the applicable line if you want to use it
// define('UDB_INTEGRATION', 'phpbb');
// define('UDB_INTEGRATION', 'invisionboard');
// define('UDB_INTEGRATION', 'vbulletin23');

■phpBBのルートにcpg_redir.phpというファイルを新規作成します。

<?php
if (!$_SERVER['HTTP_HOST']) {
$cpg_host=$HTTP_SERVER_VARS['HTTP_HOST'];
} else {
$cpg_host=$_SERVER['HTTP_HOST'];
}
$cpg_path='/gallery';
header("Location: http://".$cpg_host.$cpg_path);
exit;
?>

■グループの設定をシンクロする
phpBBとCPGのグループの設定を同じにします。

Win32工作小屋 - perlスクリプト

dcl - ダウンロードカウントcgi

自分のページから外部にリンクしていくとき、自分のページを隠したいときに、ひとつページを挟むようにすれば、そのページがリファラーに渡されます。

上記のダウンロードカウントは、ダウンロードするファイルをカウントするのが主な目的ですが、リンクをカウントする使い方もできます。そのとき、リファラーはダウンロードカウントのページとなり、元ページのURLを隠すことになります。

なお、Locationで飛ばす場合は、ダウンロードカウントのURLではなく、元ページのURLになるようです。

phpBBにナビゲーションバーがついているのですが、場所が中途半端。

一番トップに
<span class="nav">
<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
&gt; {PAGE_TITLE}</span>
という感じで挿入。

現在表示中のタイトルに悩んだのですが、{PAGE_TITLE}となります。

中途半端にあるナビゲーションは削除。

phpBBの文字化け対策

./language/lang_japanese/email/の中のtplファイルをすべてEUC-JPで保存し直します。

./includes/emailer.cgi (CGIで運用しているので)

200行目あたりの@mailを実行している行の前に
$this->msg = mb_convert_encoding($this->msg,'JIS','EUC-JP');
$this->subject = mb_convert_encoding($this->subject,'JIS','EUC-JP');
$this->subject = mb_encode_mimeheader($this->subject,'ISO-2022-JP');

としました。

EUC-JPで実行しているので、テンプレートもEUC-JPで読み込まれないと食い違いが出てきます。そこで、とりあえず、テンプレートをEUC-JPで読み込ませます。その後、プログラム上で文字列が挿入されます。

メールはiso-2022-jp(JIS)で送信されるので、mb_convert_encodingでJISに変換します。

最後に、タイトルのsubjectはMIME変換しないといけないので、mb_encode_mimeheaderで変換します。

phpBBという掲示板があるのですが、新しいxreaのサーバーではうまくインストールができませんでした。PHPのバージョンかな?

そこで、CGIモードで動かすことにしました。

extension.incの拡張子を換えます。
$phpEx = "cgi";

すべての「.php」を「.cgi」にして、実行されるものには先頭行に「#!/usr/local/bin/php」を入れます。ただし、管理画面の./adminの中は、インクルードしつつ実行もされるので、先頭行が表示されてしまいます。

そこで、./adminの中の「admin_」で始まるファイルは、「_admin_」で始まるように「_」をつけ、62行目付近のインクルード呼び出しをちょっと変更します。

if( preg_match("/^_admin_.*?\." . $phpEx . "$/", $file) )

adminの前に「_」をつけます。

100行目付近のwhileのループ内で、
$file = substr($file,1);
のように先頭の「_」を削除し、リンクを生成させます。

拡張子を変更する代わりに.htaccessに
AddType application/x-httpd-cgi .php
を加えてもいいですね。

広告があることで正常に動かないCGIがあるみたいです。

.htaccessに
LayoutMerge Off
LayoutIgnoreURI *
LayoutHTTPHeaderOff
と書きます。

もちろん手動の広告を挿入します。

php.iniを直接編集できない場合、.htaccessに書き込むことで設定を変更することができます。

<IfModule mod_php5.c>
php_value default_charset UTF-8
php_value mbstring.language neutral
php_value mbstring.internal_encoding UTF-8
php_flag mbstring.encoding_translation On
php_value mbstring.http_input UTF-8
php_value mbstring.http_output UTF-8
php_value mbstring.http_input "ASCII,JIS,UTF-8,EUC-JP,SJIS"
</IfModule>

無料サーバーとしては、sendmailが使えるなど非常に自由度が高いレンタルサーバーです。

人気が高くすぐに登録人数がいっぱいになるので、なかなか取れないのですが、偶然にも新規募集をしているのを見つけ、取得ができました。私が取得した後、もう一つ取ろうとしたところ、締め切られたので、まさに奇跡のようです。

さて、まずはxoopsと思ったのですが、PHPのバージョンの関係で動作せず。xoopsはphp4までで動作するのですが、xreaのphpは5です。

そして、MovableTypeやNucleusなどをインストールしてみたのですが、日本語が消えてしまいます。MySQLに書き込まれる時点で日本語がすべて消えてしまっているようです。

$ENV{'AUTH_USER'}だと思ってコードを書いていたのですが、
$ENV{'REMOTE_USER'}となるサーバーもあるとのこと。
まさにこのサーバーはこれでした。

center {display:none;}
をCSSに入れると消えるのですが、規約違反になります。
ブラウザ側で消すようにするのが一番ですね。

URLが強制的に転送されるようになりました。
画像をhttp://で始めた場合は、同じサーバーでも表示できないので書き換えです。

mysql2.aaacafe.ne.jpに引き続き、mysql1.aaacafe.ne.jpもつながらない状態がありました。そして、再度つながるようになってから、外部からデータベースにつながらなくなりました。仕様が変わったようです。

その後、どちらのデータベースサーバーもトラブルなく稼働しています。

もしかして、ライブドアに移行するための準備が進んでいるのではないかと感じてしまいます。着々と準備が進んでいるのかなぁ。

タグ色見本

タグで指定できる色は、#000000から#FFFFFFまで、
16777216色ありますが、全ての色を使ってよいわけではないようです。

Photoshopでも、Webセーフカラーを有効にすると
色が制限されるようになります。

W3C CSS 検証サービス

CSSをチェックするサイト

ボタンにするのが嫌だったので、
普通のリンクにしてみました。

<a href="#" onclick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.hkd.cside.com/');">ホームに登録する</a>

<a href="javascript:window.external.AddFavorite('http://www.hkd.cside.com/', 'HKD FrontPage')">お気に入りに追加</a>

HTMLにJavaScript で今日の日付を埋め込む方法

ヘッダに

<script>
<!--
var today = new Date();
var weekDays = new Array("日","月","火","水","木","金","土");

function dateString(today) {
var Day = weekDays[today.getDay()]
var Month = today.getMonth()+1;
return today.getFullYear() + "年" + Month + "月" + today.getDate() + "日(" + Day + ")";
}
//-->
</script>

そして、表示したい部分に

<SCRIPT LANGUAGE="JavaScript">
document.write(dateString(today));
</SCRIPT>

で、注意したいのは、getMonthという関数は、
0(ゼロ)から始まるので、1月が0になるということです。
なので、表示する前に1をプラスしています。

知らない間にPhoto Galleryにページランクがついていました。
CGIとかPHPなどは、ページランクが表示されないと思っていたので、意外でした。
たぶん、index.phpを省略表示している場合は、通常のHTMLと同様に扱われるのかもしれません。

なので、枝分かれしたページのうち、index.phpが表示されるものはN/Aで、省略したものはページランクがついていました。?マーク以降のオプションがあっても大丈夫みたいです。

そこで、今まで拡張子をcgiとしてアクセスしていたリンク集をindex.cgiとしてアクセスしてみることにしました。

なお、サーバーがindex.cgiを認識しなかったので、.htaccessで、
DirectoryIndex index.html index.cgi index.php
というのを入れてみました。
これは、ファイル名を省略したときにデフォルトとして扱うファイル名です。複数存在する場合は、先に書いてある方が有効になります。

追記
調べてみると
DirectoryIndex weblog.cgi jump/index.php
なんていう離れ業もOKだそうです。

Googleにアクセスすると、カーソルがテキスト入力ボックスにあり、
すぐに入力できる状態になっています。

他の検索サイトでは、一度テキスト入力ボックスにマウスカーソルをあて、
入力可能な状態にしなければなりません。

他のウェブページにGoogle検索エリアをつけているサイトは、多いのですが、
それも一度マウスでクリックしてからでないと入力できません。

どういうしくみになっているか見てみると…

<form method="get" action="http://www.google.co.jp/search" name="f">
のように「name="f" 」と加えます。
入力ボックスの方は、
<input name="q" size="32" maxlength="255" value="" type="text">
と「name="q" 」と名前が付いています。

そして、ヘッダの部分で、
<script>
<!--
function sf(){document.f.q.focus();}
// -->
</script>
というスクリプトを入れます。
先ほどのフォームfのqにフォーカスを与えるというファンクションです。

bodyタグに
<body onload="sf()">
のようにすると、
先ほどのスクリプトが表示時に実行されるというしくみです。

自分でブックマークのリンクを貼り付けたページに
Google検索エリアをつければ、便利なポータルエリアになります。

ちなみにOperaでは、ブックマークをHTMLで書き出しができます。
IE等のお気に入りをOperaに読み込んで作成するのもいいし、
MozillaやFireFoxでは、ブックマークそのものがHTMLなので、
そのまま使うことができます。
(上書きされるから、フレームを使ったらいいかな…)

それを起動時のトップページに指定するだけです。

自分のサイトを管理していて、トップページから別のページのリンクをはるとき、
例えば、「contents」というディレクトリにある「page1.html」にリンクするとき、
「contents/page1.html」と書きますよね。
そして、戻りリンクは、「../index.html」って書く人が多いと思います。

でも、トップページは、例えばこのサイトだと「http://egt.tpot.tk/」
と「index.html」が省略されているURLで訪れているので、
戻りリンクも「index.html」は、書かない方がスマートだと思います。

先ほどの「contents/page1.html」から「index.html」に戻るときは、「../」でいいわけです。
では、同じディレクトリにある場合はどうするかというと、「./」と書きます。
ドットの数が違うので、注意してください。

ついでに「/」とドットなしでスラッシュのみだと、ルートディレクトリの「index.html」になります。
「/」を先頭にするとルートの意味になるので、「/contents/page1.html」とすれば、
どのディレクトリからもルートからの位置を示します。

ちなみに、ルートからのリンクを「絶対リンク」、今あるページからの位置を示す場合を「相対リンク」といいます。

■AAA! CAFEのホームページ関係トップページ

AAA! CAFE無料ホームページスペースサービス

MySQLユーザ登録画面

CMS簡単自動設置

■FFFTPの使い方が解説されています。

ファイルをサーバーに転送してみよう！（FFTP編）

サーバーの転送設定してみよう！（FFTP編）

データベースをすっきり空にしたいときは、
データベース取得作業をすると、初期化されます。

Googleのページランクは、Googleツールバーで表示されますが、
それを自分のページに常時表示させ、どんなブラウザでも
ページランクを確認できるようにするものです。

このページランクをクリックするとそのページに飛びます。

追記(2005/01/18)
my.rank.online.fr はリンク切れのようです。
で、別の同等(以上)のサイトを紹介します。

PageRank - PageRank, Search Engine Optimization Tools

Boost your website's rank in the major search engines like AllTheWeb, AltaVista, Google, MSN, Yahoo and Teoma with our PageRank Search Engine Optimization Tools!.

前回紹介したものより、PageRankの表示が速いです。

ミニバナーリンク集CGI

ミニバナーつけたリンク集を簡単に作成するCGIです。
フォルダに分けて、アクセス数ランキング表示です。

説明書もつけていませんので、
プロバイダの説明をみて、パーミッションを設定してください。

ミニバナーリンク集CGI

MySQLを試験導入しているAAA!CAFEですが、
ここは、「簡単CGI自動設置」っていうのがあって、
FTPとかパーミッションとか知らなくても、
CGIのインストールをおこなえるシステムがあります。

この中で、フォトアルバムのCoppermine Photo Galleryというのを
インストールしてみました。

なかなか機能も多く、アップロードや管理が楽そうなので、
AAA!Cafeに設置されたものをそのままダウンロードして、
自宅サーバーにもインストールしました。
includeに入っているinstall.lockを削除し、
install.phpを実行すれば、初期状態から設定できます。
結果的には、サイトからダウンロードしても、同じですが。

今回、AAA!CAFEに作成したフォトギャラリーは、こちらです。

Coppermine Photo Gallery

あと、AAA!CAFE

AAA! CAFE無料ホームページスペースサービス

最後にとても参考になるサイトを

フォトアルバムスクリプト Coppermine Photo Gallery - 備忘録とかもろもろ

Notebook :: Hibi no Note: Webでフォトアルバム

Web入門
じみたさんのページ

ヘッダタグやスタイルシートについて、
実例を挙げてわかりやすく紹介しています。

辞書的に調べるならAccess Rもいいかも。

Chami.com FavIcon from Pics

画像ファイルを指定するとサイズと解像度を調整し、Faviconを作成するサイトです。

画像ソフトで、16x16あるいは32x32のBMPで保存し、
拡張子を.icoにすればいいわけですが、
こちらのほうがはるかに楽です。

私が開設しているサイトから、
アクセス数アップについて、考えてみたいと思います。

せっかく作ったサイトなのですから、
多くの人に役に立ってもらいたいと思うのが自然でしょう。
参考になったらと思います。

■Oceansoft Library (Windowsの自作ソフト)
　平均アクセス 200/日 ページランク 4/10
　http://hp.vector.co.jp/authors/VA008174/

2000年に開設したもの。
自作ソフトを紹介しているので、
Vectorや窓の杜からリンクされ、
コンスタントにアクセスがあります。

トップページのカウントは、一日100あり、
半分は、直接それぞれのソフト紹介のページへアクセスされます。

当然ながらバージョンアップするとアクセス数が増えます。
一日1000アクセスを超える時もあります。

■Orangepekoe Tearoom (WindowsやLinuxの情報)
　平均アクセス 480/日 ページランク 4/10
　http://homepage2.nifty.com/orangepekoe/

1998年に開設したもの。
いろいろなところからリンクされていますが、
今は、検索サイトから流れてくるものがほとんど。
トップページのカウンタは、一日30程度しかカウントされず、
それぞれのページへ直接アクセスされます。

上記のOceansoft Libraryからリンクしていた時期があり、
そのころにアクセス数がアップした。
さらにEmsoftとの相互リンクなども効果があったと思う。
同時に検索サイトからのアクセスも増えていった。

■EarlGrey Tearoom(独自CGIのウェブログ)
　平均アクセス 170/日 ページランク ?/10
　http://www.hkd.cside.com/weblog/weblog.cgi

2003年の夏に開設。
最初はリンクをせず、単独でしたが、
上記の2つのサイトから直接リンクをするようになってから、
アクセスが増えていった。

なお、CGIは、ページランクがつかないようですが、
検索サイトからのアクセスも多いです。

■EarlGrey Tearoom(Niftyのココログ)
　平均アクセス 110/日 ページランク 3/10
　http://www2.tea-nifty.com/

上の独自CGIと同じ内容ですが、ここへは他からリンクしていないため、
ココログ内でのリンクで、ページランクが上がったと思われます。

結構、他人のココログにコメントをつけて、リンクを残しますが、
それでも、自分のサイトからリンクしている独自CGIの方が、
アクセス数アップに貢献しているということでしょうか。

■その他
上記のサイトと全くリンクしていないサイトがあります。
内容的にはOrangepekoe Tearoomのような情報サイトなのですが、
アクセスは、一日30程度で、やはり少ないです。
他人からのリンクはありますが、ランクの低いページからリンクされても、
このページのランクは上がらないようです(ページランク 2/10)。

また、1995年頃に初めてホームページを作ったのがあります。
So-netに吸収されたJustnetで作ったサイトです。
今でもアクセスがあるので、すべて、現行サイトへリンクして、
飛ばしていますが、これもランクを上げるのに
一役買っているのかもしれません。

■まとめ
もちろんアクセス数アップには、いろいろなことが関係しますが、
今回の『リンク』ということだけでいえば、
ページランクが高いページとリンクすることで、
そのページのランクがあがり、検索時に上位に表示され、
アクセス数がアップするということになるでしょう。

また、ドメインが異なるサイトからのアクセスは、
自分のサイトであっても、外部リンクと見なされますから、
リンクポピュラティの仕組みにより、ページランクは上がるはずなので、
フリーのレンタルサイトなどをうまく利用するのも手かもしれません。

CGIの中を動き回っても、来たところへ帰る裏技

<A HREF="JavaScript:history.back();">戻る</A>
では、一つ前に戻れますが、自分のCGIを動き回っても、
ブラウザの「戻る」と同じ動きしかしません。

それを一気に来たところへ戻ります。

# 自分自身のURL
$cgifile='・・・・';
# 帰るところがないときのURL
$myurl='・・・・';

# フォーム内で戻る場所を引き継ぐように、戻るべきURLを指定する
<input type=hidden name="referer" value="$backurl">

# 戻るべきURLが指定されているときは、それを指定
if ($in{'referer'}) { $backurl=$in{'referer'};}
# リファラーが自分自身だったら、デフォルトを使用
elsif (index($ENV{'HTTP_REFERER'}, $cgifile)>0) { $backurl=$myurl;}
# いずれでもなければ、リファラーを使用
else {$backurl=$ENV{'HTTP_REFERER'};}

# 戻るためのリンク
print "[ <a href=\"$backurl\">戻る</a> ]";

サブルーチン内で引数を一つだけ受け取るとき、
「$_」ではダメなんですね。
これでちょっとはまってしまって。
あくまでも、$_[0] $_[1] $_[2]を使うわけですね。

&clickableurl($lines);

とサブルーチンを呼び出したら、

sub clickableurl {
$_[0] =~ s/([^=^\"]|^)(http\:\/\/[\w\.\~\-\/\?\&\=\;\#\:\%\+\@]+)/$1<a href=\"$2\" target=\"hp\">$2<\/a>/g;
}

と受け取るわけですね。

ちなみにこれは文章中のURLの部分をクリッカブルにするルーチンです。

表(table)の中で、フォーム(form)を使うとき、
HTMLの文法通りにセルの中にフォームを入れると、
InternetExplorerでは、少しすき間が空きます。
そこでイレギュラーなのですが、
フォームを外にします。

<td><form>・・・・</form></td>
が本当は正しいのですが、
<form><td>・・・・</td></form>
とするときれいに仕上がります。

88ドット×31ドットの大きさのミニバナーを登録できるリンク集CGIをつくりました。
リンク用にミニバナーを用意しているサイトも多いのですが、探すのに苦労しますね。
ミニバナーを用意している方、お知らせください。

http://links.tpot.tk/