大まかな部分はHP Microserverの組み上げ - インフラ検証覚書が写真付きで分かりやすい。
メモリの取り付けというか、マザーボードを外すのがそれなりに面倒くさいので、メモリの増設なども含め、マザーボードに対してやるべきことはまとめてやっておくのが良さそう。
Kingston 4GB×2枚組 KVR1333D3E9SK2/8G
ハードディスクの取り付けはスーパー楽。蓋のところに固定用のネジが付いてるのが面白い。シャレオツ。
2TBまでしか認識しないようなので、2TB*2のRAID1で組んでみた。ちなみにRAIDはUbuntuのソフトウェアRAID。
WD Red 3.5inch IntelliPower 2.0TB 64MBキャッシュ SATA3.0 WD20EFRX
サーバをそんなに遠くには置かないので、買うかどうか悩んだけど買って正解、大正解。
LANケーブルを繋げばWebブラウザから操作が可能になるので、モニタやキーボードを繋ぐ必要がない。後述するVirtual Media機能も素晴らしい。
MicroServerに給電を始めればRACにアクセスできるようになる。初期設定ではDHCPでIPを取得するので、その辺は適当に設定するのがいいでしょうね。
HP ProLiant MicroServer用 リモートアクセスカード
光学ドライブが無いので普通にやるとそれなりに面倒くさいが、RACのVirtual Media機能を使えばISOイメージでインストールできる。
インストールの操作もRACのKVM Viewer上で行える。
OSがインストールできれば、あとはいつもどおりのUbuntuなので、NetatalkやSambaを入れてファイルサーバを構築すれば、NASとしての要件は満たせる。
ファイルサーバの他、MediaTombでDLNAサーバを構築したり、Jenkinsでおっさんを構築したり、様々な選択肢があるのも自作サーバの利点と言えるでしょう！
]]>2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。
開発リポジトリはrewish/jquery-bgswitcher · GitHub
jQuery 1.7.x以上が必要です。
MIT License
<div class="box">
<p>Lorem ipsum dolor sit amet.</p>
</div>
$(".box").bgswitcher({
images: ["pic1.jpg", "pic2.jpg", "pic3.jpg"],
... その他の設定 ...
});
| キー | 型 | 初期値 | 説明 |
|---|---|---|---|
| images | Array | [] | 切り替える背景画像を配列で指定 |
| interval | number | 5000 | 切り替えの間隔 |
| start | boolean | true | $.fn.bgswitcher(config)をコールした時に切り替えを開始する |
| loop | boolean | true | 切り替えをループする |
| shuffle | boolean | false | 背景画像の順番をシャッフルする |
| effect | string | fade | エフェクトの種類 |
| duration | number | 1000 | エフェクトの時間 |
| easing | string | swing | エフェクトのイージング |
まず、$.BgSwitcher.switchHandlersにエフェクト関数を追加します。
// 第一引数でエフェクト用の要素を受け取れます。
$.BgSwitcher.switchHandlers.extraSlide = function($el) {
$el.animate({right: -$el.width()}, this.config.duration, this.config.easing);
};
つぎに、追加したエフェクト名を指定します。
$(".box").bgswitcher({
images: ["pic1.jpg", "pic2.jpg", "pic3.jpg"],
effect: "extraSlide"
});
jQuery UI Widgetライクのメソッドコールをサポートしています。
$(".box").bgswitcher("メソッド名");
上記の方法で様々なメソッドをコールすることができます。
| メソッド名 | 説明 |
|---|---|
| start | 切り替えを開始 |
| stop | 切り替えを停止 |
| toggle | 切り替えの開始/停止をトグル |
| reset | 切り替えを最初の状態に戻す |
| next | 次の切り替えへ |
| prev | 前の切り替えへ |
| destroy | BgSwitcherを破棄 |
不具合の報告や要望はIssuesにお願いします。
]]>バージョン0.2からはオプションでCodeMirrorにも対応しているので、CodeMirrorを導入する目的でも使えます。たぶん。
WP Emmet - 0.2.x
開発リポジトリはrewish/wp-emmetです。
GPLv2 or later
設定は【設定】メニューの【Emmet】より行えます。
【コードカラーリング】を有効にすると各textareaにCodeMirrorが適用されます。
不具合の報告や要望はIssuesにお願いします。
手軽に導入できるので、はてな記法が大好きなWordPressユーザーはぜひ使ってみてください。
WP Hatena Notation - 2.0.x
開発リポジトリはrewish/wp-hatena-notationです。
GPLv2 or later
使用可能な記法についてはHatenaSyntaxに依存しています。詳しくはサポートする記法 - HatenaSyntaxマニュアルを参照してください。
キーワード記法については タグページへのリンク となります。
【設定】メニューの【はてな記法】から設定を変更できます。
無効日指定のオプションはバージョン2.0から廃止しました。代わりに記事単位ではてな記法の使用/不使用を選択できる機能を追加しています。
2.0未満で無効日の指定をおこなっていた場合、アップデート時に指定日以前の記事を自動で不使用設定にします。
2.0系で不都合がある場合は旧バージョン（1.4.1）をご利用下さい。
しかし、これはどう考えても面倒くさすぎて鼻血が出ちゃいそうなので、アプリ起動時の言語を個別に指定して問題解決を図る。
Macにはアプリ起動時の言語を個別に設定する方法が標準で用意されている。素晴らしい。
やり方はターミナルを起動して以下のコマンドを打つだけ。
defaults write com.adobe.illustrator AppleLanguages '("ja")'
以後、Adobe Illustratorは日本語で起動するようになる。素晴らしい。
]]>初代冷やし中華からもうすぐ6年。時の流れの早さにビビリすぎて文章を書くのが億劫ですが、簡単に変更内容をまとめます。
前述の通りfeeds.feedburner.jpが死んだので、代わりにatom.xmlを使うのがナウいです。
feeds.feedburner.comは生きているので、そっちを既に使っている場合は別にナウくないです。
ビッグウェーブに乗っとく系男子なので、HTMLのジェネレータに今流行りのJekyllを採用してみました。Jekyllの良さについては僕が語るまでもないですが、とりあえずRuby楽しいです。
自作のJekyllプラグインを含むソースコード一式はGitHubで公開していますので、何かあればPull Requestしてください。ありがとうございます。
Jekyllを使う場合はGitHub Pagesを使うことが多いですが、今回は主にURL的な理由で自前のサーバで動かすことにしました。
WebサーバにはNginxを採用。というか他で既に使ってたので相乗り。結果的に色々良かったのでまた後日まとめられたらいいのにな。
今までrewish.orgとrewish.jpのドメインを別々に使用していましたが、作り直しを機にrewish.jp一本に絞ることにしました。
メールは両方受信可能です。ただ、ドメイン使用料は.JPの方が高いので、rewish.jpに送る方がお得感があります。
他にも色々あったような気がしますが、とりあえず形になって良かったです。あでゅー。
]]>そんな厄介な加速を完全に切るナイスなツールを類まれなググり力で発見しました。
僕は加速度0.001, 速度1700にしてスーパー快適人生を送っています。
テンションが上がったので久しぶりにブログを書いてみました。あでゅー。
]]>てな訳で、@5509にDMを送るためだけのMacアプリを作ったので公開します。
DM09.app - Version 0.1.1
Objective-Cが書きたかっただけとかそんなんじゃないです。
×ボタンを押すとメインウインドウが行方不明になります。
Version 0.1.1で使えなくなりました。残念。
ありがとうございました。
]]>スクロールすると柴犬がモリモリ出てきて無限に癒されるナイスWeb。
今回はソースコード自体を公開し、Shibastagramのチワワ版「chihuastagram - チワワたくさん、チワスタグラム」を作りながら、ナントカstagramの作り方を紹介したいと思います。
※記事中のChihuaやChihuastagramは自分のナントカstagramに合わせて読み替えて下さい。
早速いってみましょう。
注意) 以下の内容はMac環境を前提としています。UNIX/Linux系のOSを使ってる人は問題無いと思いますが、Windowsの人はRubyやRubyGemsなど必要なモノを別途インストールする必要があります。あと全部ターミナルで作業です。
Heroku (ハーオークー/ヘロク)は最近流行のPaaS。DeployにGitを使っているのが特徴でしょうか。Rubyアプリケーションを簡単に動かせるのでRubyistを使いまくってるらしい。
ユーザ登録を済ませた後、以下のコマンドを実行してherokuコマンドをインストールします。
sudo gem install heroku
以下のコマンドを打てばきっと大体OK！
sudo gem install instagram
sudo gem install activerecord
sudo gem install json
sudo gem install sqlite3
sudo gem install sinatra
sudo gem install haml
とりあえずGitが無いと始まりません。
Gitのインストール方法とか書き出したら大変なことになるので、調べるか、お近くのプログラマーさんに質問するのが良いと思います。GitHubでリポジトリを作ると表示されるチュートリアル的なモノもオススメ。
Chihuastagramの元となるソースコードを入手します。
上記のリポジトリをforkしてからcloneする。
git clone git://github.com/ユーザー名/Shibastagram.git chihuastagram
cloneし終わったら対象ディレクトリに移動しておく。
cd chihuastagram
以下のコマンドを打つと自動でHerokuのアプリが作成される。アプリ名.heroku.comみたいなドメインになる。
heroku create アプリ名
初めての場合はHerokuに登録したメールアドレスとパスワードを入力してって言われるので入力してください。
まずhttp://instagr.am/developer/にログインする。アカウントが無ければ作る。
http://instagr.am/developer/manage/からRegister a New Clientを選択してクライアントを追加する。
追加したらCLIENT IDというのが出てくるので、config/environment.rbのCLIENT_IDのところに貼り付ける。
# Client ID
CLIENT_ID = 'こぴぺぺぺぺぺぺたり'
どんな方法で柴犬の画像を集めてるの的な質問があったけど、Bijostagramとは違って、写真に付いてるタグで検索してるだけです。
目的のタグをconfig/environment.rbのTARGET_TAGSに追加していく。複数のタグを指定できますが、増やしすぎるといっぱいアクセスして取得時間が長くなります。
# Target tags ['shiba', 'shibainu', 'shibadog', 'shibas']
TARGET_TAGS = ['chihuahua', 'chiwawa']
アプリのルートディレクトリで以下のコマンドを打ってみる。
ruby application.rb
http://localhost:4567/にアクセスするとそれっぽいモノが見えます。
動いているのが確認出来たらCtrl + Cを押してコマンドを終了させます。
config/database.yml.defaultをコピーしてconfig/database.ymlを作成。
デフォルトではSQLite3を使うようになっていますが、MySQLなどを使いたい場合は設定を変更して下さい。この設定はローカルのみで有効です。
データベースの設定が完了したら以下のコマンドを実行してテーブルを作る。
rake db:migrate
以下のコマンドを実行すると、指定したタグのデータを取得し始めます。
rake hh:update
終わったらもう一度ruby application.rbしてブラウザで確認。完全に自分用ならココで終わっても問題無いですね。
HTMLはviewsディレクトリの中にあるファイルを適当にイジる。
他は雰囲気で感じ取って適当に修正して下さい。
Herokuにアプリケーションを配備します。deploy自体はGitでpushするだけなので凄くシンプル。
最初に一回だけ以下のコマンドを実行して、Heroku側にmasterブランチを作るのと、データベースのマイグレーション、データ取得を行います。
git push heroku master
heroku rake db:migrate
heroku rake hh:update
2回目以降は単純にpushするだけで変更が反映される。
git push heroku
直接 http://アプリ名.heroku.com/ にアクセスするか、以下のコマンドを叩く。
heroku open
Herokuの無料版ではCronを一日一回しか回せないので、設定した時間毎にURLを叩いてくれるcron-job.orgを利用して定期的にデータ取得処理を実行します。データ取得用のURLを勝手に叩かれても困るので、Tokenを設定してそれが一致しない場合はURL自体を無効化する感じです。
以下のコマンドでトークン文字列が表示されるのでメモる。
rake hh:token
メモったトークン文字列をconfig/environment.rbのCRON_TOKENに貼り付ける。
# Cron token
CRON_TOKEN = 'トークン文字列ペタリ'
cron-job.orgの設定については プログラミングできないデザイナーでも制作できるTwitter bot 制作メモ - EC studio デザインブログが参考になると思います。
回すタイミングは取得内容によりますが、1時間〜2時間に一回くらいで大丈夫じゃないでしょうか。
以上です。
]]>一年くらい前からずっと下書き状態だったのを思い出したので公開。他にもコレ系の記事は沢山あるけど自分用のメモとして。ね。
いつものcloneコマンドにsvnを付けるだけ。
git svn clone -s http://svn.example.com/Project_Name/
-sオプションを付けると、svnリポジトリが trunk 、 branches 、 tags のような、お馴染みの構造だよって言うのをgitに教えられる。教えておくと、ブランチやタグがgitのリモートブランチとして扱えるようになるので便利。
また、 trunk 、 branches 、 tags の名称が一般的なモノとは異なる場合は、
git svn clone http://svn.example.com/Project_Name/ -T trunkの名前 -b branchesの名前 -t tagsの名前
のように、-T、-b、-tオプションを付ければOK。
ファイルの追加や、ローカルへのコミットはいつものgitコマンドが使える。
git add .
git commit -m "first commit"
ローカルブランチも切り放題。
git branch ticket1
git checkout ticket1
や、
git checkout -b ticket1
など。
git pushのような勢いで。
git svn dcommit
svn updateのようなノリで。
git svn rebase
ノリとか関係無いしって場合はfetchしてからmergeする。
git svn fetch
git merge trunk
確認してからmergeできるので、こちらの方が安全かな。
タグ、ブランチ共に、いつものコマンドにsvnを付けるだけ。
git svn tag v0.1
git svn branch v1.0
無視するファイルの設定をgitに取り込むには、git svn show-ignoreの結果を.git/info/excludeに書き込むのが楽。
git svn show-ignore >> .git/info/exclude
また、下記のコマンドを使えば自動で.gitignoreが作成される。svnリポジトリに.gitignoreは似合わないな、って場合は上記の方法でやるのが良さそう。
git svn create-ignore
認証情報は ~/.subversion/auth/svn.simple/ 内のファイルに保存されている。デフォルトの設定ではパスワードも平分で保存されるので、~/.subversion/configを書き換えてパスワードを保存しないようにする。
vi ~/.subversion/config
[auth]
store-passwords = no
設定が終ったら~/.subversion/auth/svn.simple/内の該当ファイルを手動で削除する。
認証時に毎回パスワード打たないとダメだけど、パスワードが平文で保存される気持ち悪さに比べたらまだマシかな。
git-svnからは属性の設定が出来ないっぽい？
svn2gitで変換してGitのリポジトリにpushすればGitリポジトリに早変わり！
svnリポジトリとやり取りするコマンドを除けば、ほぼ普通のgitと変わらないですね。
]]>仕組みは単純で、テーブルに入っているデータをCakePHPで扱えるデータ(Array)にして保存し、保存したデータをsaveメソッドを使って保存すると言った感じです。
コードはGitHubに置いていますので、git cloneまたはダウンロードして下さい。
ダウンロードしたコードを、CakePHPのアプリケーションルート(appなど)以下にvenders/shells/data.phpをコピーすればインストールは完了。
仕組み上、まずはテーブルにデータを入力した方がスムーズです。
全てのテーブルのデータをエクスポートする場合は以下のようにする。
cake data export
特定のテーブルのみエクスポートする場合は、モデル名またはテーブル名を指定する。
cake data export User
cake data export users
全てのデータをインポートする場合は以下のようにする。
cake data import
特定のテーブルのみインポートする場合は、モデル名またはテーブル名を指定する。
cake data import User
cake data import users
でね、タイトルで答え全部言っちゃってますが、最終的にはSkypeのプロファイルディレクトリにあるshared.xmlを消したら直ったわけですよ。
shared.xmlについて調べてみると、他の不具合の場合でもコレが原因であることが多いみたいなので、お手元のSkypeがおかしくなった場合は是非一度試して見て下さい。
以下、shared.xmlの消し方をWindows・Macそれぞれ簡単に書いてみます。
%APPDATA%\Skypeと入力しEnterを押す~/Library/Application Support/Skypeと入力しEnterを押すね？簡単でしょ？
]]>経緯としては、6月末で3年間勤めていた会社を退職し、紆余曲折を経てフリーランスとして活動することに決めました。大事な部分を端折った気がしますが、大体そんな感じです。
ちなみに屋号は Rewish (レウィッシュ)。名刺も作り直す予定なので、既に名刺交換させていただいた方には、改めてお渡ししたいと思います。
今後どういった方向へ行くかは分かりませんが、
辺りでお困りの際は是非ご相談下さい！
レスポンスが早い順です。
それでは皆さん、今後ともよろしくお願いします。
]]>対応サービスや取得できる情報についてはServices_SBM_Infoと同じです。
URLに対するソーシャルブックマークの情報を取得するWordPressプラグインです。
wp-sbm-info.zip - v0.1.0
GNU General Public License
【設定】メニューの【WP SBM Infoの設定】でオプションを設定できます。
<?php
$info = sbm_info_all();
// $infoに配列が入るのでprint_r($info);などで確認して下さい。
// foreachとprintfを使った例
foreach ($info as $name => $c) {
printf('<li class="%s">[追加](%s) [%s%s](%s)</li>',
$name, $c['add_url'], $c['entry_url'], $c['rank'], $c['count'], $c['unit']);
}
?>
<?php
$url = 'http://example.com/';
$title = 'Example Web Page';
sbm_info_execute($url, $title);
$info = sbm_info_all($url, $title);
// $infoの情報を適当に使う
?>
引数を省略して実行すると、$urlはget_permalink()、$titleはget_the_title()の値がそれぞれ代入されます。
と言う報告だけでは何なので、概要と使い方を書いてみます。
URLに対するソーシャルブックマーク(以下SBM)の情報を取得するPHP(PEAR)ライブラリです。
New BSD License
pear channel-discover openpear.org
pear install --alldeps openpear/Services_SBM_Info-beta
直接チェックアウトする場合はinclude pathに注意して下さい。
svn co http://svn.openpear.org/Services_SBM_Info/trunk/src Services_SBM_Info
<?php
// ライブラリ読み込み
require_once 'Services/SBM/Info.php';
// コンストラクタ
// 第一引数にURL、第二引数にページタイトル、
// 第三引数に取得するSBMサービスを指定可能 (初期値は'Hatena,Delicious')
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page', 'Hatena,Delicious,Livedoor');
// 実行 (APIからデータを取得)
$SBMInfo->execute();
// 有効サービスの全SBM情報を配列で取得 (コメントを除く)
print_r($SBMInfo->getAll());
// コメントを含めたい場合は第一引数にtrueを渡す
print_r($SBMInfo->getAll(true));
複数のURLの情報を連続して取得する場合に便利。
<?php
// ライブラリ読み込み
require_once 'Services/SBM/Info.php';
// コンストラクタの引数は省略可能
$SBMInfo = new Services_SBM_Info;
// URLをセット
$SBMInfo->setUrl('http://example.com/');
// ページタイトルをセット
$SBMInfo->setTitle('Example Web Page');
// SBMサービスをセット
$SBMInfo->setServices(array('hatena', 'delicious', 'livedoor', 'buzzurl'));
// or
$SBMInfo->setServices('hatena,delicious,livedoor,buzzurl');
// セットしたら必ずexecute
$SBMInfo->execute();
// 有効サービスの全SBM情報を配列で取得 (コメントを除く)
print_r($SBMInfo->getAll());
引数に何も入れずに実行すると、SBMサービスの名前をキーにした配列が取得できます。
<?php
require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');
$SBMInfo->execute();
// ブックマーク数
echo $SBMInfo->getCount();
// ブックマーク数の単位
echo $SBMInfo->getUnit();
// ブックマーク数のランク
echo $SBMInfo->getRank();
// エントリーページのURL
echo $SBMInfo->getEntryUrl();
// 追加ページのURL
echo $SBMInfo->getAddUrl();
// ブックマークコメント
print_r($SBMInfo->getComments());
引数にSBMサービス名を入れると、個別に値を取得できます。
require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');
$SBMInfo->execute();
// はてなブックマークのブックマーク数
echo $SBMInfo->getCount('hatena');
// はてなブックマークのブックマーク数の単位
echo $SBMInfo->getUnit('hatena');
// はてなブックマークのブックマーク数のランク
echo $SBMInfo->getRank('hatena');
// はてなブックマークのエントリーページのURL
echo $SBMInfo->getEntryUrl('hatena');
// はてなブックマークの追加ページのURL
echo $SBMInfo->getAddUrl('hatena');
// はてなブックマークのブックマークコメント
print_r($SBMInfo->getComments('hatena'));
API取得に失敗した場合、例外を投げるようになったので、エラーログを記録するファイルの指定とAPI取得に失敗したサービスを取得するメソッドを追加しました。
<?php
require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');
// エラーを記録したい場合はファイルのパスを指定
$SBMInfo->setErrorLog('./sbm_info_error.log');
$SBMInfo->execute();
// API取得に失敗したサービスを配列で取得
print_r($SBMInfo->getFailedServices());
今回はVirtualBox-3.2.8-64453-Winをインストールしましたが、基本的な流れやメリット等はVirtualBox 2.2 と CentOS 5.3 でローカル開発環境 - もやし日記とほぼ同じなので、詳しいインストール手順はそちらを参照して下さい。
こんな感じで作成しました。
ホストOSがWindowsの場合、断片化を防ぐため固定サイズのストレージにしておくのが良い。
OSはCentOS5.5をネットインストールしました。
「開発環境でsambaとかマジ無いわ」な感じなので共有フォルダを有効にします。
まず、メニューの【デバイス】から【Guest Additionsのインストール】を選択。
CD-ROMとして読み込まれるのでディレクトリにマウントする。
mkdir /mnt/cdrom
mount -r /dev/cdrom /mnt/cdrom
マウントしたらVBoxLinuxAdditions-x86.runを実行する。
gcc、make、kernel-devel辺りが必要なので、入っていなければ入れておく。
yum install gcc make kernel-devel
/mnt/cdrom/VBoxLinuxAdditions-x86.run
インストールが終ったらCD-ROMをアンマウントしておく。
umount /mnt/cdrom
メニューの【デバイス】から【共有フォルダ】を選択。
表示されるダイアログボックスの右側＋アイコンをクリックするかInsertキーを押す。
この設定はそんなに難しくは無いと思います。
ファイルシステムのタイプをvboxsfにし、デバイスに先ほどのフォルダ名を指定、対象ディレクトリを/mnt/フォルダ名にしてマウント。
mkdir /mnt/フォルダ名
mount -t vboxsf フォルダ名 /mnt/フォルダ名
ゲストOSを再起動しても自動でマウントするようにしたい場合は、/etc/rc.localなんかにマウントコマンドを記述すると良いかも。
仮想マシンを起動する時、イチイチVertualBox.exeを起動して仮想マシンを選択して起動するのは面倒なので、ショートカットを作って一発で起動するようにしておく。
具体的には、VirtualBox.exeの起動オプションに -startvm 仮想マシン名 を指定する。
path\to\VirtualBox.exe -startvm CentOS5
こんな感じでショートカットを作ればOK。簡単ですね。便利ですね。
TrayzerでVMware Playerをタスクトレイに入れてスッキリで紹介したTrayzerを使ってVirtualBoxをタスクトレイに入れました。
設定方法はVMware Playerと同じです。
]]>そんな悩みはサクッと解決しちゃいたい！そんなアナタのために、ものすごい勢いでロールオーバーするjQueryプラグインを作りました。
input要素にも使えるjQueryのロールオーバープラグインとの互換性もバッチリなので、プラグインのファイルを差し替えるだけで動作します。
<script src="jquery.js"></script>
<script src="jdtrollover.js"></script>
$() で対象にする要素を指定します。アンカーの中にある画像を指定するのが一般的ですね。
jQuery(function($) {
$('a img').jdtRollover();
// 以下の指定方法にも対応！最高の互換性！
$('a img').rollover();
});
_onだ。わりと喋ります。
]]>もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。
<script src="jquery.js"></script>
<script src="jdtscroll.js"></script>
$() で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。
jQuery(function($) {
$('a[href^="#"]').jdtScroll();
});
たまに喋ります。
]]>[URL:title]のような機能を提供するプラグインです。
はてな記法プラグインのように独自のDBテーブルにタイトルを保存するのでは無く、記事の内容を直接書き換えるタイプなので一応注意して下さい。
あと、ブックマークレット使えよとか言わないで下さい。
a要素にhref属性を設定し、テキスト部分を空にして保存すると、リンク先のタイトルを自動で取得し挿入します。href以外の属性が在る場合でも他の属性を残しつつ処理を行います。
titlefetcher.zip - v0.1.0
MIT License
wp-content/pluginsにディレクトリごとコピーあとは記事を書く時に
<a href="http://example.com/"></a>
のようにテキスト部分を空にして保存すると
<a href="http://example.com/">Example Web Page</a>
のようにリンク先のタイトルが自動で挿入されます。
]]>Googleがページの表示速度を検索結果に反映するとか言い出したりもしているので、これはもうリクエスト数を減らすしか無いですね！
でも手動でファイルを一つ一つ連結するのはとても面倒です！と言うわけで、そんな面倒な作業を自動でやってくれるPHPのクラスを書いてみました。
@importで複数のファイルを読み込んでいるCSSを、動的に解析し、連結・圧縮を行います。また、表示する際にLast-ModifiedやExpiresなどのHTTPヘッダーを送出したり、gzip圧縮を行うなど、リクエストを出来るだけ軽減できるようにしています。
MIT License
以下の4つの使い方を想定しています。環境に合わせて最良の方法を選択して下さい。
以下の例の前提条件として、@import を使用しているファイルの名前はimport.cssとします。
既存のHTMLを書き換えずに導入することが出来ます。
以下のようにCSSを読み込んでいる場合は、
<link rel="stylesheet" href="/css/import.css">
/css/ディレクトリに、CSS_DynamicCompressor.php・css.php・.htaccessをコピーすればOKです。
動かない場合は、.htaccessやmod_rewriteが使えない可能性があります。
mod_rewrite同様、既存のHTMLを書き換える必要はありませんが、若干作業が増えます。
設定方法はサーバーによって異なるので、不明な場合はサーバー管理者に問い合わせて下さい。
# .cssでPHPを実行する設定の一例
AddHandler application/x-httpd-php .php .css
以下のようにCSSを読み込んでいる場合は、
<link rel="stylesheet" href="/css/import.css">
import.cssを_import.cssなど適当にリネーム。
CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーして、css.phpの以下の部分を編集して下さい。
//->setTarget('import.css')
↓
->setTarget('_import.css')
編集した後、css.phpをimport.cssにリネームすればOKです。
CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーして、link要素でcss.phpを読み込むだけ。
<link rel="stylesheet" href="/css/css.php">
CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーしてブラウザから/css/css.phpにアクセスして書き出されるファイルをlink要素で普通に読み込む。
<link rel="stylesheet" href="/css/_cache.css">
書き出されるキャッシュファイルの名前を変更したい場合はcss.phpを編集。
//->setCache('_cahce.css')
↓
->setCache('hoge.css')
この方法のメリットは、PHP5が動けばほぼ確実に使えること、静的ファイルなので若干軽いと言うことですが、キャッシュ関連のHTTPヘッダーやgzip圧縮などは、サーバーの設定に依存します。
CSS_DynamicCompressor::getInstance()でインスタンスを取得して、メソッドチェーンで設定を記述する事が出来ます。->setHoge('fuga')みたいな感じですね。
設定のひな形はcss.phpに記述してありますので、参考にしながら色々試してみて下さい。
| メソッド | 説明 | 初期値 |
|---|---|---|
| setCharset | 文字コードを指定 | UTF-8 |
| setTarget | @importしているファイルの名前を指定 | import.css |
| setCache | キャッシュファイルの名前を指定 | _cache.css |
| setExpireDay | Expiresヘッダーに付与する日数（X日後） | 30日後 |
| setDirectory | CSSのディレクトリをフルパスで指定 | $CWD |
| setCSSFiles | CSSファイルを配列で指定 | 空 |
| setBaseUrl | File listのベースURL | 空 |
圧縮のみ実行したい場合は->compression();を、圧縮から表示までを一括で実行したい場合は->display();を最後に呼んで下さい。
PHPにファイルの書き込み権限が無い場合、キャッシュファイルが書き出されません。その場合は、ディレクトリのパーミッションを変更したり、キャッシュファイルを予め作成してパーミッションを変更しておくなどの対策を行ってください。
※キャッシュが無い場合、毎回圧縮処理を行うのでちょっと重たいです。
]]>