コレは久々に、管理している全WordPressにインストールしたくなる便利なプラグインの誕生です！

WordPressのプラグイン管理画面でメモ書きを保存できるプラグインです。

「訳あって、古いバージョンのプラグインを使用している時」「プラグインの一部をカスタマイズして使用している時」「プラグイン本来の機能とは別の使い方をしている時」「あるプラグインと同時に使用しないと効果がないプラグイン」「サイトを複数人で共同管理している時」

プラグインに一言メモを残したいって事、ありませんか？ tokizakiも長年そう思いながら、別途txtファイルにメモして管理していました。

そんな方にぴったりのプラグインが誕生しました！twitterで「こんなプラグイン欲しい」と言う話題が出て１日程度で形にしてしまった、@jim0912 さんと @poyosi さんに拍手！

ダウンロード先

○ WordPressの管理画面でプラグインのメモを残せるプラグインを共同開発してみた
○ http://www.warna.info/archives/1988/

特　徴

• プラグイン一覧画面で、プラグイン各々にメモ書きを残せます。メモ欄は開閉可能なので、邪魔になりません。
• プラグイン停止時にメモ内容がDBから破棄される。

インストール

ダウンロードしたファイルを解凍して、Pluginフォルダにアップロード、プラグインを有効化するだけ。

使用方法は簡単。

実際のメモ欄はこんな感じに。右上にある「+」「−」アイコンでメモ欄を開閉。

メモを記入したら、画面最下部の「メモを更新」ボタンで保存。

また、@jim0912 さんの計らいで、

また、PHPやプラグインの勉強用に、レガシーな書き方での実装とし、また、それぞれの行にコメントを入れてありますので、興味のあるかたは見てみて下さい。

との事ですので「プラグイン制作の勉強をしてみたい」と思っている方は、ソースを覗いてお手本にしてみてください！

WordPressのスパム対策と言えばAkismetで、非常に優秀なプラグインなのですがここ最近Akismetをすり抜けるスパムコメントが続いて頭を悩ませていました。そこで、新たにスパム対策プラグインを導入する事に。

検索で見つけた「SPAM-BYEBYE」を試してみました。

ダウンロード先

○ SPAM-BYEBYE
○ http://cmf.ohtanz.com/spam-bye2.html

特徴

各項目をチェックし、設定した数値（閾値）にたっしたコメントをスパムとして拒否するタイプのスパム対策プラグインです。Akismetがスパムコメントを、スパムとして隔離（データベースには記録される）のに対し、こちらは投稿そのものを拒否するのでデータベースにも記録されません。

インストール

ダウンロードしたファイルを解凍後、pluginフォルダにアップロードしてプラグインを有効化するだけで、ひとまず動作します。ですが、せっかくなので「config.php」を編集して、自分のサイトに合わせたスパム判定に変更しておきましょう。

当サイトでは、

• 「スパムと判定された場合に表示するメッセージ」をリダイレクトに変更（スパムでないコメントをご判定してしまった場合に備えて。専用のページを用意。）

更に、チェック項目の中の

• 「URL欄にURLがN個含まれる場合」sb2UrlCountを削除（スパムでないコメントでもURLを入力しているケースが多いため）
• 「名前欄に日本語が含まれていない」sb2Charactorを削除（スパムでないコメントでも名前にサイト名を入れるケースが多いため）
• 「コメント欄に200文字を超える行」sb2Lengthを削除（比較的短い文章のスパムが多いので）
• 「連続した改行」sb2FeedCountを削除（比較的短い文章のスパムが多いので）

以上、4つの判定を無効にし、かつ、各項目のポイントを少なくし、比較的緩やかな判定で運用しています。特に「NGワード」が不十分なので、様子を見ながら修正して行きたいなと思っています。

と、言うわけで、参考までにDESIGN Oil BLOGで使用している設定を公開しておきます。あくまで、当ブログ用ですので、特に「NGワード」などは各自変更しておくと良いかと思います。またこのままコピペしてしまうとリダイレクト先がDESIGN Oilになってしまうので注意してください。

<?php

/****************************************************** 基本設定 ******************************************************/

// スパムと判定する閾値
define('SB2_SPAM_LEVEL', 100);

// スパムと判定された場合のアクション
// 0:SB2_SPAM_MESSAGEに指定したメッセージを表示
// 1:SB2_SPAM_REDIRECTに指定したURLにリダイレクト
define('SB2_SPAM_ACTION', 1);

// スパムと判定された場合に表示するメッセージ
// SB2_SPAM_ACTIONが0の場合のみ有効
define('SB2_SPAM_MESSAGE', '403 Forbidden');

// スパムと判定された場合のリダイレクトURL
// SB2_SPAM_ACTIONが1の場合のみ有効
define('SB2_SPAM_REDIRECT', 'http://www.design-oil.com/blog/spam/');

// DNSBLデータベース
// 複数指定する場合は「,」で区切る
define('SB2_DNSBL_HOSTS', 'dnsbl.spam-champuru.livedoor.com,b.barracudacentral.org');

// URIBLデータベース
// 複数指定する場合は「,」で区切る
define('SB2_URIBL_HOSTS', 'url.rbl.jp,dyndns.rbl.jp,notop.rbl.jp,multi.surbl.org,multi.uribl.com');

// チェック項目数(SB2_OBJECT_最後の番号を指定)
define('SB2_ENTRY_OBJECT', 9);

// 名前欄にURLがN個含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_OBJECT_1', 'sb2UrlCount,author,10,0,0');

// 投稿者のIPがDNSBLに登録されている場合は100ポイント加算(上限無し)
define('SB2_OBJECT_2', 'sb2Dnsbl,100,0');

// URL欄のURLがURIBLに登録されている場合は登録数x50ポイント加算(上限無し)
define('SB2_OBJECT_3', 'sb2Uribl,url,50,0');

// コメント欄のURLがURIBLに登録されている場合は登録数x50ポイント加算(上限無し)
define('SB2_OBJECT_4', 'sb2Uribl,content,50,0');

// コメント欄に日本語が含まれていない場合は30ポイント加算
define('SB2_OBJECT_5', 'sb2Charactor,content,30');

// コメント欄にひらがなが含まれていない場合は40ポイント加算
define('SB2_OBJECT_6', 'sb2CharactorKana,content,40');

// コメント欄にURLがN個含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_OBJECT_7', 'sb2UrlCount,content,10,0,0');

// コメント欄にNGワードが含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_NGWORD_8', 'casino,dutyfree,SEO,online,lol,adult,Diablo,minecraft,pozycjonowanie');
define('SB2_OBJECT_8', 'sb2NgWord,content,10,0');

// コメント欄にNGワードが含まれる場合はN個x30ポイント加算(上限無し)
define('SB2_NGWORD_9', 'Viagra,Angry Birds,Singapore SEO');
define('SB2_OBJECT_9', 'sb2NgWord,content,30,0');

?>

ぼちぼち描いてて、twitterにアップしてた「アシナガペンギン」さんが10枚描きたまったので、まとめてみました。
いままで見てくれた人へのささやかなお礼に、おまけの画像も描きました！

【アシナガペンギンさんからのお知らせ】

アシナガペンギン専用サイト「アシナガペンギン どっと ねっと」がオープンしました！今後はアシナガペンギン どっと ねっとにて展開させて頂きます。

今後とも応援よろしくお願い致します。

02：うしじまいにく・・・だきてぃなぁ

03：え？あのしゅうせいひつようないって メールしたじゃん。ごぜん3じに。

04：おれ。生クリームのったコーヒーゼリーすきじゃん？

05：このあいだ おまえがてつやでつくったサンプル あれやっぱいらないわ。

06：え？ぐぐるのめんどいからおしえてよ。

07：へー。よくわからないけど、とりあえず わーどぷれすでつくって。

08：そういえば・・・いってなかったかもだけど あれ、IE6たいおうあんけんだから。

09：いつ わーどきゃんぷの こうしによばれてもいいように。スーツしんちょうしました。

10：「え？じゃあふだんはぜんらなの？」とか こまけぃことはいいんだよ。

おまけ

応援ありがとうございました！

ITC Eras

好きなフォントと言われれば、Helvetica、ヒラギノ、Erasがぱっと思いつくのですが、Helveticaはいろいろな人がいろいろな所で紹介しているので、そちらにお任せするとして、今回はErasを紹介しようかと思います。

成り立ち

Albert Boton、Albert Hollenstein 両名により1976年に作られた International Typeface Corporation (ITC) という会社の書体です。

MicrosoftのOfficeなんかに同封されてるみたいなので、フォント一覧を漁ったら、ほとんどの人のPCにインストールされているのではないでしょうか？

サンセリフ書体（飾りのない書体）で右に3度傾斜しています。大文字の「W」は「V」が二つ重なったような特徴的なスタイルをしています。
また、P、R、a、6、9は丸の部分が閉じていのが特徴です。

細い書体から太い書体まで、シンプルで視認性が良く、それでいてわずかに個性がある。そんな書体だと思っています。

どことなくポップで、力強く、元気のある書体なのでどんな場所でも良くデザインを引き立ててくれると思います。ただし、個性は控えめなので、「フォントの個性頼み」と言う所ではちょっと弱いかもしれません。

こんな所で使われています

ゆりかもめのサインの欧文書体に使用されています。

最後に

フォントの愛を語りませんか？

皆さんのブログ記事で、自分のそのフォントへの愛を語り尽くしてみませんか？特に欧文フォントのweb上の情報は圧倒的に英語が多く、webcre8は読めてません…。好きなフォントなのになんでそのフォントが出来たか、とかはサッパリ、そんなの悲しいですよね。この機会に調べてみるのも良いのではないでしょうか。もちろんデザイナに限らず、見ていて美しいといった思い入れを持っているなら大歓迎です。

お約束はタイトルに#LOVEFONTのハッシュタグをつけてもらえればOK。

どう書いたらいいかわからない方は、とりあえず当記事に見出しを合わせてもらえればよいかと思います。飛ばしたい項目は飛ばしても構いませんし、書きたい項目があれば追加して頂いて構いません。勿論和文、欧文、有料、無料も問いませんのでなぜそのフォントなのか、あなたの感じる魅力をゴリゴリ表現してみてください★

WEBCRE8.jpより。

メタディスクリプション・メタキーワードを管理する国産のWordPressプラグイン『Meta Manager』がリリースされたという事で早速試してみました。

今までmeta要素の管理には『Add Meta Tags』を使用してきました。カスタムフィールドを使用して、記事個別にkeywordsやdescriptionを指定できるプラグインです。Add Meta Tagsもシンプルで使いやすいプラグインですが、これからはMeta Managerをおすすめしたいです。

ダウンロード

○ Simple Colors｜WordPressのメタキーワード、メタディスクリプションを出力するプラグイン「Meta Manager」
○ http://www.warna.info/archives/1732/

上記URLからプラグインをダウンロード。

インストール

ダウンロードした、プラグインを wp-content → plugins にアップロードして、管理画面からプラグインを有効化。

プラグイン設定画面

設定項目の解説は、作者のプラグインページにて詳しく解説されていますので、そちらを確認して欲しいのですが、こちらでも簡単に解説を。

基本キーワード：全てのページで表示されるメタキーワード。投稿などで個別にキーワードを指定した場合は、指定したキーワードと基本キーワードを合わせて表示します。ですので、投稿などでは、基本キーワードで指定したキーワードを改めて指定する必要はありません。

基本ディスクリプション：投稿など個別のページで、メタディスクリプションをしてしなかった場合（抜粋も無い場合）、こちらの基本ディスクリプションが表示されます。

「抜粋を記事のディスクリプションとして利用する」にチェクが入っていれば、その名の通り、抜粋に書かれた内容をディスクリプションとして生成してくれます。

タクソノミーページは、カテゴリーやタグページなどです。

その他のスクリーンショット

カテゴリーページに表示するメタディスクリプション・メタキーワードも、カテゴリーごとに指定可能です。

（こちらでメタディスクリプションを指定しておけば、指定した内容が優先表示。未記入の場合は「基本ディスクリプション」で指定した内容が表示されます。）

同じくタグページに表示するメタディスクリプション・メタキーワードも、タグごとに指定可能です。

（こちらでメタディスクリプションを指定しておけば、指定した内容が優先表示。未記入の場合は「基本ディスクリプション」で指定した内容が表示されます。）

投稿制作画面にこのような項目が追加され、メタディスクリプション・メタキーワードを指定可能になります。

メタキーワードを入力する際は、キーワードとキーワードを半角英数字の「,」で区切ってください（基本的なhtmlのお作法と同じです）。

まとめ

カスタムフィールドを使用して、keywordsやdescriptionを指定する Add Meta Tags では、不慣れな方では入力に戸惑うことも考えられるが、Meta Manager が採用している入力画面はわかりやすい。

また、 Add Meta Tags 使用時は、ソース内に下記画像のようにコメントが追加されてしまいますが、Meta Manager ではそのようなコメントの追加はありません。

「ソースには一行たりとも余計なものは表示させたくない！」という方には朗報ではないでしょうか。

「抜粋」を入力しておけば、descriptionにひぱって来てくれるのが便利。（※要設定）

それから、国産プラグインということで、要望などあった場合に作者とコミュニケーションが取りやすいこともメリットではないでしょうか？

と、言う訳で、今後meta要素を管理するプラグインとして定番化しそうです。

追　記

2011/09/13に「ver. 0.2.0」がリリースされています。

タイトルの通り、Fireworksでベクトルオブジェクトに簡単に、サクッと立体感を持たせる方法です。
ちょっとした小物や、簡単にやっつけたい時に、質感をプラスαしたい時におすすめ。

tokizakiは「クレジットカード」みたいな質感を出したい時に、よく利用しています。

ドロップシャドウを適用

まずは、立体感を持たせたい図形を選択します。

フィルター → + → シャドーとグロー → ドロップシャドウ　からドロップシャドウをかけます。

※ 薄めにかけておくのがコツです。また、角度はこの後かける「ソリッドシャドウ」に合わせましょう。
※ あまり複雑な図形にはむきません。

ソリッドシャドウを適用

次に、フィルター → + → シャドーとグロー → ソリッドシャドウ　からソリッドシャドウをかけます。

※ 「距離」は少ない数字（3とか）から試してみると良いです。

以上で完成。
何度か作ってみると、自分の中の黄金比（ドロップシャドウやソリッドシャドウのちょうどいい数字の組み合わせ）が見つかると思います。

コツは、ドロップシャドウを「薄く」かけておくこと。また適用の順番が必ずドロップシャドウ→ソリッドシャドウになっている事（順番は適用後に変えることもできます）。

後は、作った画像にグラデーションやハイライトを加えて行くと、より質感の高い図形が出来上がります。

今回、紹介した数字はtokizakiがよく使う数字です。参考にになればと思います。

作例

また、下記に、いくつか数字を変えた作例を掲載しておきます。（上が元画像、下が加工後です）

Google の+1ボタンが一般サイトにも設置可能になったという事で、話題になっていたので早速設置してみました。
と言うわけで、例によって個々の記事ごとの「+1数」を取得する為のカスタマイズを下記します。
（WordPress利用者を想定して解説してます）

Google「+1」について

● Google
● http://www.google.com/webmasters/+1/button/

通常の設置であれば、上記サイトからコードを取得して、指定された方法でタグを掲載しましょう。

ボタンのサイズは4種類用意されています。

更に「詳細オプション」で、ボタンの表示タイミングなども指定可能ですが、通常はデフォルトのままで良いと思います。

カスタマイズ

● 次のタグを head 要素内または body 終了タグの直前に貼り付けてください

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

ここまでは通常の設置と同じです。

●ボタンタグ

<g:plusone size="medium" href="<?php the_permalink() ?>"></g:plusone>

size=”medium”の「medium」（中）を「small」（小）「tall」（大）などに書き換えてあげると、ボタンサイズを変更でします。
size=”medium”を削除すると 標準（24px）サイズです。

後はボタンタグをループ内の任意の場所に書いてあげればOKです。

さて？どれくらい普及するんですかね？

台湾の天気予報はAKBやらうんたらアイドルやら、そんなの目じゃないくらい胸熱な感じになってるらしいと聞いたので、早速見てきました。

詳細やスクリーンショットは下記より。

○ Weather Girl | 壹電視 Next TV
○ http://www.nexttv.com.tw/weather/

どうやら月曜〜日曜まで7人の女の子が、日替わりで天気予報を伝えてくれるみたいです。

このコンテンツが、台湾の中でどんなポジションなのか？だとか、出演している女の子たちが誰なのかだとかは一切不明です。
詳細をお持ちの方はぜひ教えてください。

月曜日

火曜日

水曜日

木曜日

金曜日

土曜日

日曜日

ちなみにこちらのURLをたどると日本語メッセージバージョンを見ることができます。（予報内容は当然、日本のものでは無いです）

というか、全然、天気予報頭に入らないし…。
ウェザーニュースさん！日本版はいつ公開されますか！

今年は design-oil.com もエイプリルフールに参加させていただきました。おかげさまで、当初想定していたアクセ数を大きく上回る、約8,500UUほどのアクセスがありました。

ご覧いただいた皆様、本当にありがとうございました。

参加したネタがブラウザネタという事もあり、心ばかりのお礼として、当日のアクセス解析結果を（ブラウザシェアを中心に）公開したいと思います。今後のサイト制作等に役に立てていただければ幸いです。

アクセス解析結果

下記アクセス解析結果は2011/4/1のデータを集計した物です。

ユニーク ユーザー数：8,498
ページビュー：13,214

ブラウザシェア

FirefoxがIEをわずかに上回る結果に。

ブラウザシェア（バージョン別）

バージョン毎のシェア。IE8がトップで22.80%。問題のIE6は9位で1.98%。
公開されたばかりのFirefox4.0が早くも4位で9.18%も。

日本ではIE6のシェアが10%近くあるという話ですから、今回の結果はだいぶ偏った数字かも知れません。

IEのバージョン別シェア

IE内でのバージョン毎のシェア。IE8が81.34%と圧倒的。
なぜIE5でアクセスしてきたし…。

画面解像度シェア

画面解像度のシェアはこんな結果に。
XGAの解像度も根強い人気。

OSシェア（Windows）

Windowsのバージョン毎シェア。XPが約50%でトップに。IE6がいつまでも消えないのは、やっぱり圧倒的なシェアを誇るXPのせいなんでしょうね。

Vistaをおさえて7が31.16%で2位。

OSシェア（Mac）

最新版の10.6が63.66%で1位。Windowsと比べると、順調に新しいOSが普及している印象。Windowsと比較してOS自体の単価が安い事と、古いOSのサポートが切れるのが早い事が関係しているのかなと予想。

上位のトラフィック

アクセス元の結果はこんな感じに。やっぱりGigazineさんからのアクセスが多いですね。さすがです。

この他、直帰率は74.64%。新規訪問数は95.25%、という結果に。

まとめ

設置していたソーシャルボタンの結果は、はてなブックマークは＋25程度、ツイート数は＋620程度、いいね（Fb）は＋50程度でした。
こういった時事ものの拡散力はtwitterが圧倒的に感じました。ネタに対するツッコミを入れる事でフォロアーさんとネタを共有して行く感覚が、拡散力につながるのかなと思います。

はてなブックマークは、期待していたよりも伸びず。一過性のページなのでブックマークしても意味がいないという事でしょうか。

ちなみに、反省点なのですが、ツイートボタンのタイトルを通常使用している「サイト名」のまま公開してしまいました。（公開後に気がつきました）
ツイートしてくれた人の中には、手動でタイトルを書き換えてくれた方もいましたが、こういった部分はネタの拡散力にも関わる部分ですのでぬかり無く手を入れておきたいですね。

また、ネタ内では下記の素材配布サイトから数点素材を使用させて頂きました。
良質な素材の配布に感謝いたします。

○ 無料写真素材 東京デート
○ フリー写真素材 :: Free.Stocker【無料・商用可・著作権表示不要】
○ 写真素材 足成【フリーフォト、無料写真素材サイト】

最後に

まじめにバカなことをやるという行為が大好きで、毎年、エイプリルフールを楽しむユーザーでした。今年は提供する側にまわれた事に感謝します。

コンテンツの公開にあたっては、このような状況ですし、当日の朝まで本当にギリギリまで迷いました。
3月31日にメインマシンを水没させて、起動不可にしまうというというエイプリルフール先取りな個人的ハプニングもあり、テンションは下がる一方だし、ネタの最終的なブラッシュアップもできないしで、そのあたりも迷いのひとつでした。

エイプリルフールで被災地に元気を！なんて大それた事は考えていません。被災地の人たちはまだ、エイプリルフールを楽しむ余裕も無いでしょうし、避難所ではネット環境も潤沢ではないでしょうしね。

ただ、ひとつ確実にいえる事は、今回のエイプリルフールにツッコミを入れてくれた方々のおかげで、とても元気をもらえました。一番元気をもらえたのは自分でした。これは公開前は想像もしていない事でした。

来年は、みんながエイプリルフールを楽しめる、そんな状況だといいなぁ。って心から思ってます。

新しいボタンの特徴は「デザインの一新」「ページ遷移をせずサイト内でユーザーの操作が完結」だそうです。URLとブログ名を記入してボタンデザインを3つの中から選択するだけで簡単に作成できます。

但し、この状態ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「はてなブックマーク数」を取得してしまいます。

これを、個々の記事ごとの「はてなブックマーク数」を取得する為のカスタマイズを下記します。
（WordPress利用者を想定して解説してます）

まずは新ブックマークボタンを作成

● いやすくなりました! はてなブックマークボタン
● http://b.hatena.ne.jp/guide/bbutton

上記URLにアクセスして、「URL」「ブログ名」を記入し、お好みのボタンデザインを選択したら、右側のコードをテキストエディタなどにコピペしましょう。

<a href="http://b.hatena.ne.jp/entry/http://www.design-oil.com/blog/" class="hatena-bookmark-button" data-hatena-bookmark-title="DESIGN Oil BLOG" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

↑上記がDESIGN Oil BLOGで作成した場合のサンプルコード。このコードのうち2ヶ所を書き換えて行きます。

<a href="http://b.hatena.ne.jp/entry/http://www.design-oil.com/blog/"

のURL部分（http://www.design-oil.com/blog/）を

<?php the_permalink() ?>

に、

class="hatena-bookmark-button" data-hatena-bookmark-title="DESIGN Oil BLOG"

のブログタイトル部分（DESIGN Oil BLOG/）を

<?php the_title(); ?>

に書き換えてあげればOK！

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

出来上がったコードはこんな感じに。
後は、任意の場所にこのコードをコピペしてあげれば完成。

WordPress以外でも、「記事個別のタイトルを取得するタグ」と「記事単体表示用のURLを取得するタグ」を入れてあげれば同じような事が再現できるはずです。

Yahoo! JAPANにIE6でアクセスすると上記のようなメセージが表示されています。

と言っても、IE6で直ちに表示できなる訳ではなく、「正しく表示できない場合があるかもしれない」というレベルのようです。
とうとうYahoo! JAPANもIE6を非推奨にすると言う事で、IE6のシェアにも大きく影響するのではないでしょうか。

関連リンク
○ Yahoo! JAPANトップページに関する ヘルプ – Internet Explorer 6をご利用のお客様へ

コメント：
「IE6さん、一人だけクリスマス中止のお知らせとかマジかわいそうっす」

ノーマルな使用法なら設置がとても簡単なので、今回は設置方法の紹介ではなくちょっとしたカスタマイズをご紹介します。

Twitter公式の「ツートボタン」、通常設置ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「ツイート数」を取得してしまいます。

これを、個々の記事ごとの「ツイート数」を取得する為のカスタマイズです。
（WordPress利用者を想定して解説してます）

まずは公式サイトにアクセス

Twitter / ツイートボタン
http://twitter.com/goodies/tweetbutton

ボタンの外見等はお好みで。変更箇所は2ヶ所。

ツイート内テキスト に

<?php the_title(); ?>

を記入。

URL に

<?php the_permalink() ?>

を記入します。
生成されたコードを任意の場所にコピペすればOK！

WordPress以外のブログをご利用なら、「ツイート内テキスト」に「記事個別のタイトルを取得するタグ」を。「URL」に「記事単体表示用のURLを取得するタグ」を入れてあげれば同じような事が再現できるはずです。

5月のブラウザシェアをまとめてみました。

※下記、集計結果は2010年5月1日〜2010年5月31日までの DESIGN Oil BLOG へのアクセス結果を元に集計しています。

ブラウザシェア

各、ブラウザシェアは下記の通り。

△ Internet Explorer：44.33%（+1.26）
▼ Firefox：27.96%（-1.35）
△ Safari：11.79%（+0.38）
▼ Chrome：11.42%（-0.69）
△ Opera：2.82%（+0.67）
▼ その他：1.68%（-0.27）

IEがわずかにシェアを伸ばす。

Internet Explorerの各バージョンのシェア

Internet Explorerの各バージョンのシェアは下記の通り。

△ Internet Explorer 8.0：65.20%（+4.12）
▼ Internet Explorer 7.0：18.53%（-1.35）
▼ Internet Explorer 6.0：16.15%（-2.77）
□ Internet Explorer 5.5以下：0.12%（0）

「腐った牛乳」効果なのか、IE8が引続きシェアを伸ばし、IE6・IE7はシェアを落とす。

追　記

ちなみに、「Opera 10.60」正式版が1日公開されたようです。
詳細は下記リンクから。

○ 「Opera 10.60」正式版公開、「WebM」動画フォーマットに対応 -INTERNET Watch

4月のブラウザシェアをまとめてみました。

※下記、集計結果は2010年4月1日〜2010年4月30日までの DESIGN Oil BLOG へのアクセス結果を元に集計しています。

ブラウザシェア

各、ブラウザシェアは下記の通り。

▼ Internet Explorer：43.07%（-2.93）
△ Firefox：29.31%（+0.31）
△ Chrome：12.11%（+2.15）
▼ Safari：11.41%（-0.36）
△ Opera：2.15%（+0.69）
△ その他：1.95%（+0.18）

ChromeとSafariの順位が入れ替わり。

Internet Explorerの各バージョンのシェア

Internet Explorerの各バージョンのシェアは下記の通り。

△ Internet Explorer 8.0：61.08%（+5.60）
▼ Internet Explorer 7.0：19.88%（-3.04）
▼ Internet Explorer 6.0：18.92%（-5.55）
▼ Internet Explorer 5.5以下：0.12%（-0.02）

IE8が大きくシェアを伸ばして、60%超えに。

3月のブラウザシェアをまとめてみました。

※下記、集計結果は2010年3月1日〜2010年3月31日までの DESIGN Oil BLOG へのアクセス結果を元に集計しています。

ブラウザシェア

各、ブラウザシェアは下記の通り。

△ Internet Explorer：46.00%（+0.87）
▼ Firefox：29.00%（-0.49）
▼ Safari：11.77%（-0.20）
▼ Chrome：9.96%（-0.27）
△ Opera：1.46%（+0.04）
△ その他：1.77%（+0.05）

大きな変動無し。
IEシェアも45%付近で踏みとどまり、なかなか下がらないですね。

個人的にはWindowsのメインブラウザをFirefoxからChromeに変更しました。

Internet Explorerの各バージョンのシェア

Internet Explorerの各バージョンのシェアは下記の通り。

△ Internet Explorer 8.0：55.48%（+2.73）
△ Internet Explorer 7.0：22.92%（+2.90）
▼ Internet Explorer 6.0：21.47%（-2.96）
△ Internet Explorer 5.5以下：0.14%（+0.14）

YouTubeでのIE6サポートが終了を受けて、IE6のシェアが大きく下がるかと思っていましたが、残念ながらまだまだしぶとく生き残っていますね。

4月の結果に期待です。

ブログ初心者でも簡単に「Twitterにつぶやく」ボタンを設置出来る無料のサービス「つぶやきボタン」が開始されたみたいなので早速試してみました。

※注意
設置用コードが変更になったそうです。4月18日以前に導入済みの方は、もう一度設置用コーを取得し、コードを書換えておきましょう。

まずは、下記サイトにアクセス。

● つぶやきボタン – ブログ１年生でも設置できる超シンプルTwitterボタン
● http://2bu.in/

ブログURLを記入して「設置用コードを取得」ボタンをクリック。

表示されたコードを、ブログのテンプレートなどにコピペして終了。
それだけ。

「テンプレートを変更するスキルが無い！」って人は、毎回、記事を書く際に本文中にこの設置コードをコピペすればOK。

DESIGN Oil BLOG にも設置してみました。
「つぶやく」ボタンの横の吹き出しに「つぶやかれた数」が表示されます。

ちなみに、記事一覧のようなページで、各記事見出しに設置しても、ツイート数は「現在表示しているページのツイート数」になってしまいます。（当然だけど）

そんな訳で、記事単体ページへの設置がおすすめです。

今現在は「αテスト中」との事です。
TOPページに「ただいま利用中のブログ数 41 / 200サイト」とあるので、αテスト中は200サイト限定かもしれません。

気になる方はお早めにアクセスしてみて下さい。

円谷プロダクション
http://tsubutter.m-78.jp/

エイプリルフールと言ったら円谷プロダクションですよね！
今年は「円谷ッター(ツブッター)」ネタで参戦です。

http://kanegon2010z.m-78.jp/

おなじみのネタも健在です。

Six Apart
http://campaign.sixapart.jp/aprilfool/

「しっくす・アパートの部屋」と題した特設サイト。
懐かしい意味で、これはひどい（笑
ぜひぜひソースのチェックも忘れずに。

INTERNET Watch
http://internet.watch.impress.co.jp/docs/uocchi/20100401_357803.html

『マックロソフト、「彼氏のIEが6だった…別れたい…」キャンペーン』というニュース。

東京新聞
http://www.tokyo-np.co.jp/article/tokuho/list/CK2010040102000088.html

「肉は赤身で、クロマグロそっくりの味のモグラのような生き物がいるというのだ。半信半疑で・・・」

プロバイダーなら GMOとくとくBB
http://gmobb.jp/muscle/

す、すごくマッチョです。

Google Japan Blog
http://googlejapan.blogspot.com/2010/04/google_01.html

「Google 音声検索が動物の鳴き声にも対応しました。」だそうです！動画もあります。

そう言えば「バウリンガル」ってどこに行った？

http://googlejapan.blogspot.com/2010/04/google.html

もうひとつ「Google日本語入力チームからの新しいご提案」。現物を作ってしまうとか、気合い入り過ぎです。

http://googlejapan.blogspot.com/2010/03/google_31.html

さらにさらに、もう一つ。「本日、Google検索にしりとり機能を追加しました!」というお知らせ。

さくらのレンタルサーバ
http://toaru.sakura.ne.jp/

「とある会社の超電磁砲＜レールガン＞」ごめんなさい。元ネタがわかりませんでした。

お部屋探しはHOME’S賃貸（ホームズ）
http://rent.homes.co.jp/

ついに地球以外の惑星でも賃貸が始まったみたいです！
みなさんならどの惑星で暮らしたいですか？

Google マップ
http://maps.google.co.jp/

ついにグーグルマップが3D表示に対応しました！
ストリートビューを表示したら、左側にある「3D眼鏡をかけた人」のアイコンをクリックしてみて下さい。

残念ながら、3D眼鏡を持っていないので本当に3Dに見えるのかは謎。

Yahoo! JAPAN
http://event.yahoo.co.jp/20100401/3d_first/

おうっ。Silverlightを利用しているようで、Mac環境では見れず。残念。
ちなみに、こっちの3Dはグーグルマップとは違った意味の3D表示みたいです。

goo
http://www.goo.ne.jp/special/20100401/

「エイプリルフールに反対します！」と言いながら3つのネタを用意してくれています。

@nifty映画
http://movie.nifty.com/april.htm

あの名作、沈黙シリーズの最新作！「沈黙の大阪」が全国ロードショウ開始というネタ。
セガール最強！

ロリポップ！
http://event.lolipop.jp/movie/

ナウでヤングなロリポップも、エイプリルフールの常連ですね。今年はこんな感じに。

はてなブックマーク
http://b.hatena.ne.jp/articles/201004/995

『ディレクターが衝撃告白！極秘開発サービス「うごかないメモ帳」とは』
元ネタ、「うごくメモ帳」を知っていないと楽しめないかも。

eiga.com
http://eiga.com/

こちらも3D表示。旬な3Dネタはやはり多いですね。
でも、よくよく見るとうっすらと「タイガーウッズ」「押尾学」「鳩山総理」の姿が見えるような・・・。

面白いけど、押尾学をネタにするのはちょっと不謹慎だったかも？

【楽天政治】LOVE JAPAN 選挙に行こう – ネットで政治献金
http://seiji.rakuten.co.jp/contents/aprilfool2010

あのハマコーが新党結成という話。
ページ中にある「税金の総額を1万円として使われ方をみてみると・・・」のグラフはなかなかわかりやすくてためになる。

Bing
http://www.bing.com/?cc=jp

Bingが牛検索サイトに。画面の牛にカーソルを重ねるとコンテンツが表示されます。

@nifty：デイリーポータル Z
http://portal.nifty.com/

毎日がエイプリルフールみたいな「デイリーポータル Z」。今年は「本日よりウェブマスター率いるスタッフ数名が渡印し、サイト機能の一部をデリーへ移転しました。」だそうです！

AR(拡張現実)巨乳クリニック
http://bokeru.com/kyonyu2/

今年一番「おぉ！」と思ったのはこれかも。
単なる嘘でなく、全力で「おバカ」してる所が楽しめました！

サイトデザインも爽やかで、このまま本物の製薬会社のサイトに適用出来そうな雰囲気。ウェブカメラをお持ちの方は是非試してみて下さい！

Press Release 2010年4月1日【「とりあえずビール」ブランド、買収のご報告】
http://www.sanktgallenbrewery.com/beers/pr01apr2010.html

「とりあえずビールで」

かちびと.net
http://kachibito.net/private/does-not-support-3browser.html

「Firefox,Safari,GoogleChromeのサポートを中止します」
Firefox、Safari、GoogleChromeのいづれかでアクセスしてみて下さい。

ニコニコ動画
http://www.nicovideo.jp/

「ついに黒字化に成功！」というニュース。
むしろ「黒字化」がネタになってしまう現状が悲しい。がんばれニコニコがんばれ。

スラッシュドット・ジャパン
http://slashdot.jp/articles/10/04/01/0212227.shtml

「鳩山首相、米軍普天間基地移籍先として「ムー大陸」を検討」というニュース。
「ムー大陸が存在しないなんて法律で決められてませんから（キリッ」

スラッシュドット・ジャパンではこの他にもいくつかのネタが提供されてます。

○北京市、ごみ埋め立て地の悪臭対策として強力なデオドラント剤散布機を配備
○東京都、非実在青少年の人権擁護条例を検討
○追加経済対策に「大とも手当」創設へ

「大とも手当」よりも「おおきなお友達手当」が欲しい今日この頃。

Impress Peach Headline
http://www.watch.impress.co.jp/headline/uocchi10/

サイボウズ株式会社
http://cybozu.co.jp/

「我が社も早急に導入しましょう！」

livedoor ディレクターブログ
http://blog.livedoor.jp/ld_directors/archives/51425386.html

『仕事を効率よく行う為の基本的なPC環境作り【完全版】』
平常営業の「デイリーポータル Z」にしか見えないのはきっと気のせい。

沿岸バス株式会社
http://www.engan-bus.co.jp/otokonoko/index.html

「萌えキップが発売されます」というネタ。でもきっと「ご好評につき実現しました！」となる流れの予感。

MMD研究所
http://mmd.up-date.ne.jp/news/detail.php?news_id=460

iPhoneは小さくても大きくても使いにくいよってお話。

なかなかお腹いっぱいになってきました。
さて、今年のエイプリルフールはいかがでしたでしょうか？

上司のつまらない嘘でイライラしている方も、上質のネタを見て癒されて下さいね！

2月のブラウザシェアをまとめてみました。

※下記、集計結果は2010年2月1日〜2010年2月28日までの DESIGN Oil BLOG へのアクセス結果を元に集計しています。

ブラウザシェア

各、ブラウザシェアは下記の通り。

▼ Internet Explorer：45.13%（-0.38）
▼ Firefox：29.49%（-2.00）
△ Safari：11.97%（+1.17）
△ Chrome：10.23%（+1.17）
▼ Opera：1.46%（-0.58）
△ その他：1.72%（+0.62）

SafariとChromeが極わずかにシェアを伸ばしています。

Internet Explorerの各バージョンのシェア

Internet Explorerの各バージョンのシェアは下記の通り。

△ Internet Explorer 8.0：52.75%（+0.97）
△ Internet Explorer 7.0：25.82%（+0.57）
▼ Internet Explorer 6.0：24.43%（-1.47）

2月はとうとうIE5.5以下のアクセスがありませんでした。

3月16日（明日）で、YouTubeでのIE6サポートが終了します。

● YouTube、3月13日にIE6など旧版ブラウザのサポート終了 – ITmedia News

IE6やFirefox2など、古いブラウザをご利用の方は、最新バージョンへの乗り換えを検討しましょう。

各メジャーブラウザの最新バージョンとダウンロード先

●Internet Explorer（バージョン：8）
　ダウンロード先→http://www.microsoft.com/japan/windows/products/winfamily/ie/function/default.mspx

●Firefox（バージョン：3.6）
　ダウンロード先→http://mozilla.jp/firefox/

●Safari（バージョン：4.0.5）
　ダウンロード先→http://www.apple.com/jp/safari/download/

●Chrome（バージョン：4）
　ダウンロード先→http://www.google.com/chrome/

●Opera（バージョン：10.10）
　ダウンロード先→http://jp.opera.com/

※2010年3月12日現在

料理写真の自動補正サービス「超！美味しく変換」を公開した。JPEG形式の画像をアップロードすると、料理が美味しく見えるように写真の明るさや鮮やかさ、色合いを自動補正してくれる。利用は無料。

○ 食べ物の写真、美味しそうに自動補正してくれる無料Webサービス -INTERNET Watchより抜粋

面白そうなので試してきました。

超！美味しく変換

○ http://foodpic.net/

● JPEG形式の料理写真をアプロードすると自動で補正してくれるサービス。
● 補正した画像はダウンロード可能。
● 補正前・補正後の画像をコメントとともに公開し、そのURLをTwitterに投稿することもできる。
● Exif情報は除去される。

使い方

まずは、補正をかけたい写真の選択。
補正をかけたい写真が何枚かある場合、複数選択ができると便利なのですが、対応していないので一枚ずつ補正をかけて行きます。

写真を選択したらアップロード。

補正中。そのまま待ちます。
大きな画像でも1分以内で完了するようです。

ただし、サーバーに負荷がかかっているのか、数回に一回くらいの割合で永遠に終わらない事もありました。
数分待って完了しない場合は、諦めて最初の手順からやり直した方が良い様です。

完成しました！できばえはどうですか？

完成した画像のダウンロードなどはこの画面からどうぞ。

サンプル

と、言うわけで、どんな感じに補正してくれるのか？いくつかサンプルを掲載しておきます。

「カレーにして〜ね♪か〜さん♪」と言うわけで、ちょっと暗めのカレーの写真を補正にかけると・・・。

こんな仕上がりに。だいぶおいしそうになりましたよね！
実際はおいしくなかったんですけどね！

続いてはケーキの写真。本当はおいしいのに、暗すぎな写真のため、まったくおいしさが伝わっていません。

こちらもおおむね良い感じに。手前に写る、補正前はあたかも「腐りかけのマンゴージュース」っぽい謎の飲み物が、しっかりとオレンジジュースになりました！

ただ、ノイズはかなり多め。元画像が悪いので仕方が無いですね。
残念ながら、構図の悪さまでは補正出来ません。

食べ物以外の写真を補正したらどうなるの？

TOPページでも「変換するのは「自分で撮影した食べ物写真」だけにしてね」とあるように、基本的には食べ物の写真を補正するサービスです。

ただ、補正後のページに「「超！美味しく変換」は、料理の写真に特化しているため、料理以外の写真は非公開のままお楽しみ下さい。」とある事と、「利用規約」で食べ物以外の写真の補正を明確に禁止していない（今現在のところ）ので・・・試してみました。

「良い子は真似しないでね」というおなじみの言葉と共に、万が一下記内容が不適切な場合はご一報下さい。

まずは「逆光は勝利！」な写真。
なんでこんな写真を撮影したのかは謎です。

補正後、「試合に勝って勝負に負けた」感じです。

もうちょっと絞るべきとかのツッコミはおいておいて。

補正後はこんな感じに。生き生きした感じに仕上がりましたね。
やっぱりもうちょっと絞るべきでしたね。

悲壮感漂う、こんな写真を・・・。

補正するとこんな感じに。明日も頑張れそうな感じです。

全体を通して、補正は強めにかかるように感じました。
当然ですが、元の画像が悪ければ悪いほど、仕上がりはノイジーです。

予め、使用サイズにリサイズしてから補正をかけるのではなく、元画像（元のサイズ）で補正をかけ、修正後にリサイズした方が良さそうです。

使ってみて

気になったのは「使い方の説明」が無い事。と、言っても操作はとっても簡単なのですが、本当の初心者や、サービスを利用する前に全体の流れを（詳細を）把握しておきたいという方の為にも「つかいかた」のページを用意しておく必要を感じました。

また、サービスを利用する前の段階で、Twitter投稿機能やExif情報が除去される事への説明がされていない点。「その辺は、ブロガーがレビューで説明してくれるでしょ」って判断なのかもしれませんが、ちょっと不親切に感じました。

とってもお手軽なサービスなので、「photoshopなんて持ってないよ」とか「補正とかどうしたらいいかわからない」な人はもちろん、手間をかけたくない時のお手軽補正にもどうぞ。

ちなみに、料理をおいしそうに撮影するコツは「窓際などのとにかく明るい場所で・逆光気味に・若干飛ばして」撮影すると良いそうですよ。

1月のブラウザシェアをまとめてみました。

※下記、集計結果は2010年1月1日〜2010年1月31日までの DESIGN Oil BLOG へのアクセス結果を元に集計しています。

ブラウザシェア

各、ブラウザシェアは下記の通り。

▼ Internet Explorer：45.51%（-6,45）
△ Firefox：31.49%（+3.35）
▼ Safari：10.80%（-1.11）
△ Chrome：9.06%（+1.66）
△ Opera：2.04%（+0.26）
△ その他：1.10%（+0.38）

1月もIEのシェアが減少。
GoogleもIE6へのサポートを段階的に終了するそうですので、IEのシェア減少は加速するかもしれませんね。

○ GoogleがIE6のサポート段階的に終了へ、3月1日にDocsとSitesから -INTERNET Watch

Internet Explorerの各バージョンのシェアは下記の通り。

△ Internet Explorer 8.0：51.78%（+3.69）
▼ Internet Explorer 7.0：25.25%（-1.75）
▼ Internet Explorer 6.0：22.90%（-1.88）
▼ Internet Explorer 5.5以下：0.07%（-0.05）

引続き、IE8への移行が順調な様です。

セキュリティ的にも、機能面でも、基本的には最新のバージョンを使用する事をお進めします。
IE6や7をご利用の方はこの機会にIE8もしくは他社製のブラウザへの以降を検討下さい。

モニター解像度

モニター解像度のシェアは下記の通り。

△ 1280×1024：22.31%（+0.16）
▼ 1024×768：18.25%（-2.82）
△ 1280×800：17.27%（+0.33）
▼ 1680×1050：9.93%（-0.39）
△ 11920×1200：6.70%（+0.88）
▼ 1440×900：5.59%（-0.38）
△ その他：19.95%（+0.36）

大きな変動は無し。