2009.01.15
Scuttle インストールメモ
Scuttle: http://sourceforge.net/projects/scuttle/
Scuttleは、
オープンソースで提供されているソーシャルブックマークサービスです。
構成はDBにMySQL、言語にPHPと言う、まぁよくある構成です。
インストールも比較的簡単ですぐ終わります。
色々調べてみると、
ブックマークで登録したサイトのサムネイルを表示できたり、
faviconを表示できたりというカスタマイズもできるようです。
なんといっても、タグで管理できるので便利です。
さらに、IEや、Firefoxのブックマークからインポートも出来る！
scuttle は、石炭いれという意味らしい。
発音は、スカトル(スカトォル)でいいのかな？
このBlog執筆中は
最新バージョン: 0.7.4でした。
Scuttle インストールメモ
1. パッケージ取得
以下のサイトから、scuttle.0.7.4.zipをダウンロード
Scuttle: http://sourceforge.net/projects/scuttle/
2. 展開
2-1. zipファイルを展開
$ unzip scuttle.0.7.4.zip
2-2. 以下の用にドキュメントルート配下に移動する
$ mv scuttle 0.7.4 /var/www/html/scuttle/
(ファイル名にスペースって、、、。)
3. DB作成
3-1. scuttleとしてDB作成
$ mysql
mysql> CREATE DATABASE scuttle;
3-2. ユーザー作成
※ユーザーfoobarは、
データベースsuttleのみ接続を許可する(パスワードはhogehoge)
mysql> GRANT ALL PRIVILEGES ON scuttle.* TO foobar IDENTIFIED BY ‘hogehoge’ WITH GRANT OPTION;
mysql> GRANT ALL PRIVILEGES ON scuttle.* TO foobar@localhost IDENTIFIED BY ‘hogehoge’ WITH GRANT OPTION;
mysql> FLUSH PRIVILEGES;
3-3. 接続確認
$ mysql scuttle -u foobar –password=hogehoge
3-4. テーブル作成
$ mysql scuttle -u foobar –password=hogehoge < ./tables.sql
3-5. テーブル確認
$ mysql scuttle -u foobar –password=hogehoge -e”SHOW TABLES”
4. config.inc.php編集
4-1. config.inc.php.exampleを、config.inc.phpとしてコピー
$ cp config.inc.php.example config.inc.php
4-2. config.inc.phpを編集
$ vi config.inc.php
とりあえず以下を変更
——————————————————————–
$dbtype = ‘mysql’; (デフォルト)
$dbhost = ’127.0.0.1′; (デフォルト)
$dbport = ’3306′; (デフォルト)
$dbuser = ‘foobar’; DBに接続するときのユーザー名
$dbpass = ‘hogehoge’; 上記のパスワード
$dbname = ‘scuttle’; DB名
$sitename = ‘Scuttle’; 変えたい場合はここで変更
$locale = ‘ja_JP’; 日本語として使用するので、ja_JPに変更
$adminemail = ‘foobar@example.com’; 管理者のメールアドレス
——————————————————————–
5. cache/に書き込みが出来るようパーミッションを変更
$ chmod 775 cache/
# chown apche:apache cache/
(httpdの起動ユーザー名($ ps axu | grep httpd))
$ ls -ld cache/
drwxrwxr-x 2 apache apache 4096 2008-07-13 10:33 cache/
6. ブラウザーで接続する
http://example.com/scuttle/
- 右上の[登録する]からユーザー登録する
- ユーザー登録が無事すんだら、ブックマークの登録ができる。
無事インストール終了！！！
■ カスタマイズ系メモ
1. ユーザー登録時に
「電子メールアドレスは有効ではありません。再度試してください。」
って表示された、、。
他に解決の方法はあるかと思いますが、以下のように電子メールのチェックを外してしまいました。
services/userservice.php
——————————————————————–
341行目の
return false;
を
return true;
に変更
——————————————————————–
2. ブックマーク追加で題名の文字化け対策
環境依存かもしれないけど、ブックマーク追加したときの題名を自動で取得するときに文字化けしたので、以下のようにしてみた。
ajaxGetTitle.php
——————————————————————–
35行目の
preg_match_all(‘/<meta.*charset=([^;"]*)”>/i’, $html, $matches);
を
preg_match_all(‘/<meta.*charset=([^;"]*)”\s*\/?>/i’, $html, $matches);
に変更する
——————————————————————–
3. ブックーマーク追加後のURLリダイレクトを停止する
ブックーマーク追加後にURLリダイレクトをしてくれるのですが、自分は不要なので以下のように止めました。
bookmarks.php
——————————————————————–
112行目から121行名をコメント。
if ($bookmarkservice->addBookmark($address, $title, $description, $status, $categories)) {
// if (isset($_POST['popup'])) {
// $tplVars['msg'] = ‘<script type=”text/javascript”>window.close();</script>’;
// } else {
// $tplVars['msg'] = T_(‘Bookmark saved’);
// // Redirection option
// if ($GLOBALS['useredir']) {
// $address = $GLOBALS['url_redir'] . $address;
// }
// header(‘Location: ‘. $address);
// }
} else {
——————————————————————–
4. Faviconを取得させる
Scuttleはデフォルトだと題名しか表示してくれないので、題名の前にそのサイトのFaviconを表示させます。
これだけで見た目が全然変わってきます！！
Favicon API (ファビコン) α版というサイトを使用して
favicon.icoをPNG形式に変換して配置します。
templates/bookmarks.tpl.php
——————————————————————–
108行目
echo ‘<div class=”link”><a href=”‘. $address .’”‘. $rel .’ class=”taggedlink”>’. filter($row['bTitle']) .”</a></div>\n”;
を
echo ‘<div class=”link”><img src=”http://favicon.aruko.net/m/f/’ . $address . ‘” alt=”‘ . filter($row['bTitle']) . ‘” width=”16″ height=”16″ border=”0″> <a href=”‘. $address .’”‘. $rel .’ class=”taggedlink”>’. filter($row['bTitle']) .”</a></div>\n”;
に変更
——————————————————————–
5. サムネイル対応
題名の下にそのサイトのサムネイルを表示してくれます。
SimpleAPI ウェブサイトサムネイル作成APIというサイト使用します。
templates/bookmarks.tpl.php
——————————————————————–
108行目の下に下記をついか。
(上の「favicon.icoを取得させる」と一緒にやる場合はその下)
echo ‘<a href=”‘ . $address . ‘”><img src=”http://img.simpleapi.net/small/’ . $address . ‘” alt=”‘ . filter($row['bTitle']) . ‘” width=”128″ height=”128″ border=”0″></a>’ . “\n”;
——————————————————————–
scuttle.css
——————————————————————–
末尾に
img.pict_thumb {
padding: 3px;
float: right;
margin: 0 15px 5px 10px;
}
——————————————————————–
上記にFaviconの表示もサムネイルの表示の仕方も
Googleで検索して他の方のblogを参考にしてやりました。
まだまだ、調べてみると色々とカスタマイズできるかもしれません！！
Semantic Scuttle というのもあるらしい。
