Roguer

実際にうろうろ探していたわけじゃないけど安くてイイとこないかなぁと思ってもなかなかないのとちょっと友人と別勉強してる都合もあってVPSもいいかなと話していた。

こういう物は勢いが大切なのでモノは試しで遊んでみることにしてみました。

• ServersMan@VPS｜仮想専用サーバ｜月額490円～、初期＆2ヶ月完全無料ﾂꀀ
  http://dream.jp/vps/

• さくらのVPS｜VPS（仮想専用サーバ）はさくらインターネットﾂꀀ
  http://vps.sakura.ad.jp/

ﾂꀀ

ビックリするくらい安いのですが特に ServersMan は、初期手数料無料＋２ヶ月完全無料しかも途中解約しても違約金なし！ということでなんとハードルが低いのかと。
でプランをアップデートしてもデータが引き継がれるということだったので ServersMan の一番安い「EntryPlan」を申し込んで見ました。だいたい10分程度でプロビジョニングされて使えるようになるのでそういう意味でも楽ちんです。

さて、通常のレンタルサーバ（Web）と違って位置からソフトウェアとかいれていかないといけないのでそれなりに面倒なのですがパフォーマンスがどの程度なのか気になりますね。

• Cloud Serversの最小インスタンスでunixbenchを走らせてみた – 冷蔵庫って不要じゃんと思ってみるんダダダイアリーﾂꀀhttp://d.hatena.ne.jp/t_nagamatsu/20100928/1285669599

とかでは、さくらのVPSのほうが性能が良さそうです。

色々初期設定をしていかないといけないので大変なのですがとりあえず折角なので nginx + fastphp で構成してみたいと思います。時間かかりそうなのでのんびりと。

さて、折角なのでMySQLだけ起動していまのsakuraのWPから接続してみます。どちらも外部のサーバ（SakuraもmySQLサーバは別にある）なのでベンチマークでも取ってみたいと思う。

ﾂꀀ

%./mybench -n 15 -r 200
forking: +++++++++++++++
sleeping for 2 seconds while kids get ready
waiting: —————
test: 3000 0.015516 0.117047 0.0177708006666667 53.312402 844.081270245524
clients : 15
queries : 3000
fastest : 0.015516
slowest : 0.117047
average : 0.0177708006666667
serial ﾂꀀ: 53.312402
q/sec ﾂꀀ : 844.081270245524

%./mybench-sakura -n 15 -r 200
forking: +++++++++++++++
sleeping for 2 seconds while kids get ready
waiting: —————
test: 3000 0.000593 0.045018 0.001542864 4.628592 9722.17901253772
clients : 15
queries : 3000
fastest : 0.000593
slowest : 0.045018
average : 0.001542864
serial ﾂꀀ: 4.628592
q/sec ﾂꀀ : 9722.17901253772

なんとかなりsakuraの方が早い。とはいえ現在の時間は早朝なのでこれはピーク時にどんな具合なのか調べてみないと分からない。セットアップが終わるまではしばらくこれで様子でも見たいと思う。

ﾂꀀ

ﾂꀀ

ホントはがっつりデザインを変えたい気分なんですがそんな暇もないのでちょっとだけ弄ってみる。

デザインセンスは自身がないので基本はマネするかしかないのだけどちょっとつづ変えて自分の味を出していきたいと思って入る。でも広告入れたりなんだかんだとどんどん波状していくのが毎度だ。トータルで拡張できている人のサイトを見るとほんと惚れる。

さて、今回はブログの記事などを好きなフォントを使って画像にしてみる。

昔ながらのやり方であれば文字を画像化して表示させる方法、もうひとつはWebfontを使う方法。デザインとか考えると画像にするのがいいのだろうけどWebfontの場合にはCSSだけの設定なので楽。但しWebfontは対応していないブラウザの場合には何も反映されないので注意が必要。

1. 画像としてフォントを変更する

WordPress Plugins/JSeries ≫ wp-tegaki 投稿エントリ内のタグで指定した文字列を指定の TrueType フォントで出力する WordPress 用プラグインです。

このプラグインは記事の中の文章中のフォントを簡単に変えることができます。「Tegaki」を試してみました。

使い方

エントリに

1	[tegaki]文字列[/tegaki]

という形式でエントリ内に記述を行えば、上記デフォルト設定で文字が TyreType 出力されます。

また、タグ拡張によりデフォルト値を上書きできます。 HTML の属性と同じように[テガキ 属性1=”値” 属性2=”値”…] 形式で書きます。 使える属性は、

font=”フォントファイル名”
TyreType フォントの指定

size=”大きさ”
文字の大きさ

color=”#文字色”
文字色の指定

bgcolor=”#背景色”
背景色の指定

[tegaki]こんな感じになります[/tegaki]

但しこの場合、エントリ内部のフォントしか変更できないので残念ですよね。個人的にはタイトルこそ変更したかったのですが。

The TTFTitles WordPress Plugin @ WordPress Plugins This is primarily a reworking of the Image Headlines plugin by Brian “ColdForged” Dupuis, so that it would work in WordPress 2.3. Of course, THAT was a reworking of another plugin by Joel Bennett. Anyway, this plugin lets you replace text on your site (titles specifically, but you can actually replace just about anything) with atttractively rendered TrueType Fonts images.

次に、このプラグインではタイトルを変更することが出来ないのでこちらのTTFTitleを用いてタイトルを変更することが出来ます。このプラグインはタイトルの表示用の関数を the_ttftitle() に変更するためプラグインに問題があったりすると困るのですが自由にフォントが変更できるのはイイですね。

実際には、テーマの編集で対象となる項目を変更することが必要です。少なくとも、「single.php」と「index.php」の the_title() の箇所を the_ttftitle() に修正することが必要です。

利用方法

<?php the_ttftitle(before, after, display, style, overrides); ?>
<?php the_ttftext(text, style, overrides); ?>

2. WebFontを使用して簡単にフォントを変更する

まず、利用可能なフォントを探す必要があります。

WebFonts として利用できるフリーの和文フォント | ヨモツネット WebFonts はとても便利で今まで似なかった表現ができる仕組みですがフォントファイル使用時のライセンスは難しく、本当に使えるのかがわかりづらいです。そこで一つずつライセンスを読み、WebFonts として利用できるフォントをまとめてみました。この記事内でもライセンス条文の抜粋を引用していますが、全文ではないのでフォントの利用時にご自身で再度ご確認ください。もし私の解釈に間違いがあったら指摘していただければ幸いです。

使えるフォントを探しましょう。 今回は「あんずもじ」を利用させてもらっています。

CSSでの指定は非常に簡単です。

これで指定ができます。

• CSS3の@font-faceでWebfontを利用する。 – ぬぺら！http://blog.livedoor.jp/nodokapcx/archives/51403133.html

にも書かれてるので参考になります。実際に指定は定義した font-family 名を指定すると利用することが出来るので非常に便利です。

• デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
  http://decomoji.jp/

Webfontは指定が楽なので便利ですがその分フォント情報をサーバからダウンロードするため若干重くなる傾向があります。特に日本語フォントの場合にはサイズも大きくなりますので。

3. 使ってみる

さて、実際に「あんずもじ」を利用して定義してみました。タイトルは画像でその下の「コメントが有りません」などの部分はWebfontを利用しています。

最後に紹介したWebfontが一番の本命かと思う。
うまく利用すれば結構いい感じにサイトのデザインを調整することが出来そうだ。ただしライセンス等もあるのでやはり今までどおり画像で表示することもあると思う。いまさら感があるのだがようやく文字のために画像を画像編集ソフトで作らなくてもよさそうだ。

Update1：現在の時点で変更があり使用していない可能性も有ります。