web2.0を紹介するデザイナーブログ

Twitterでの評判を知りたい。

そんなあなたにおすすめなのが、『Tweet Scan』。Twitterで何が語られているかを検索できるサービスだ。

このサービスでは、ワードやユーザ名で、いろいろな検索ができる。

↓のようにバッジも用意されていて、ブログなどに貼付けることが可能だ。

公式のTwitter Searchの方が有名だが、こちらも知っておいてもいいだろう。

Twitterで何が語られているかを検索できるサービス、チェックしてぜひ使ってみてはいかがだろうか。

背景に使えるパターンやテクスチャを探している。

そんなあなたにおすすめなのが、『13 Sources for Background Patterns and Textures』。背景に使えるパターン&テクスチャ13選だ。

以下にご紹介。

» BgPatterns

» Stripe Generator

» Lost and Taken

» Bittbox wood textures

» Bittbox hi-res

» Grungy paper

» Texture Kings

» Grunge Textures

» Squidfingers

» COLOURlovers patterns

» Urban Dirty

» Free 3Ds Textures

» CG Textures

背景に使えるパターン&テクスチャ、チェックしてぜひ使ってみてはいかがだろうか。

今日のCREAMU

友達がGX200買ったよ！ヤフオクで買ったらしい。えーと、めちゃ安いんですね。。。。

今日はランチでもう一人GX200のことを聞きたいっていう友達が。広まってきたぞwww。

オープンソースのPHPをもとに何か開発がしたい。

そんなあなたにおすすめなのが、『Open Source PHP』。オープンソースのPHPスクリプトがダウンロードできるサイトだ。

このサイトでは、オープンソースのPHPスクリプトがギャラリーになって並んでいる。インターフェースが見やすくとても使いやすい。スクリプトごとにダウンロード、ブックマーク、コメントをすることができる。

新着のスクリプトは↓のページにあるようにRSSで知らせてくれるから便利だ。

»Keep up to date with OpenSrcPHP.com

オープンソースのPHPスクリプトがダウンロードできるサイト、チェックしてぜひ使ってみてはいかがだろうか。

さて、コメントでGX200のレビューが見たい、というのをもらったこともあって、書きたくなったので書いてみます！

GX200を買って2週間くらいたちますが、かなり満足しています。綺麗に撮れるし、かっこいいし、オプションのLC-1も超いいし。

周りでも、友達が何人か「ほしーーーーーー！」となっていますwww。

そこで聞かれるのが、「GX200のデメリットは何？」という点。その彼はもういろんなカメラを比較検討した優良ユーザなのですw。マイナスポイントも把握した上で悩んで悩んで買いたいと。

僕のGX200との出会いは、まずネットでの情報でした。

ネタフルの小暮さんの「リコー「GX200」発表」とか、それ以前のGX100のエントリーを見ていて、小暮さんがGX100を絶賛していたので、「へーRICOHのデジカメってそんなにいいんだ」と思ってたんですね。

それで今まで使っていたNikonのS50cのノイズが気になり始めていて（感度を下げていなかったせいもあるんですけど）、　GX200かなりほしいかも！！という気持ちになっていたんです。

それでお店に行くと、店員さんがカメラに超詳しくて、いろいろ質問しまくりました。

MacBook Airを取り出して、iPhotoで「こういうふうに色が綺麗に出ないんですよ」という話をすると、「それはノイズですね。感度を下げればいいですよ」と教えてくれたり、G8をすすめてくれたり、GR Degitalの単焦点の良さも聞いたり、でもやっぱりGXが気になっていて。

最後は、デザインと、持ったとき、使ったときの気持ちよさと、機能のよさで選びました。即決だったな。本当は買うつもりはなかったんですが。。

とレビューじゃなくてGX200との出会いまでで長くなってしまったのでレビューにいきます！

僕がすごく気に入っているところは、

・ウィーン、ウィーンと開閉するLC-1最高。ガンダムっぽいぜ。これはガジェット好きにはたまらないのでは。

・写真の綺麗さ最高。コンパクトデジカメで1210万画素を誇るだけじゃなく、やっぱりレンズのよさを感じます。

・GX200のロゴと、RICOHのロゴデザインがめちゃかっこいい。

・グリップの質感も素晴らしい。

・F値が2.5まで絞れる。

・ノイズが少なくて写真がすごく綺麗。

・ボタンに無駄がなく、操作は直感でもわかるインターフェース。かなり考えられた機能美を感じます。

・RAWデータで撮れる。RAWすげぇ。本気撮り&本気補正したいときはRAWですね。

・マクロで1cmまでよれる！花のしずくとか今度撮るぞー！

・バッテリーの持ちがいい。

・いつまでも見ていたい。

・いつでも触れていたい（恋人並みやな。。）。

という感じですかね。ほかにも電子水準器の搭載とかいろいろと便利な機能がありますが、僕が感動しているのはこんなところです。

さて、ここで購入を迷っている人のためにw、あえてマイナスポイントを挙げておきます。ほとんどないし、そんなことか、と思われると思いますが。。

・普通のデジカメより大きめで、ポケットには入らない。ま、そりゃそうなんですけどねw。僕はストラップを手首に巻いて、手で持ち歩いていますよ。

・F値を絞っても、一眼レフほどには後ろがぼけない。腕とかにもよると思いますが、ここは一眼レフの方がやっぱりスパッとぼかしてくれるかな、と。

こんなところですかねww。ほかにはほぼ思いつきません。

というわけで、迷っている方も、ほんとにいいカメラなんでぜひ買いましょう！！！

使いやすいフォームを素早く実装したい。

そんなときにおすすめなのが、『Custom Form Elements』。ユーザビリティの高いフォームテンプレートだ。

このサイトでは、ユーザビリティ、およびアクセシビリティの高いフォームのテンプレートが配布されている。ライセンスはGNUだ。オープンソースで無料で利用できる。

デモは↓から。

» Demo

MooToolsが使われている。↑のキャプチャはアニメーションするチェックボックスだ。
サイトもシンプルでかっこいいから見てみてほしい。

ユーザビリティの高いフォームテンプレート、チェックしてぜひ使ってみてはいかがだろうか。

さて、ちょっといろいろ調べていて、RSSティッカーを実装しました！！

Evernoteで使われているティッカーですね。実装したくなり調べていたんですが、MITライセンスのJavascriptだということがわかり、使わせてもらいました。

RSSがふわっふわっとフェードイン・アウトしながらローテーションします。RSSティッカーの中でも最高にかっこいいのでは。

それでは実装方法をご紹介。

■HTML
<div id="ticker"><!--空のままにしておく。ここにRSSが書き出される。--></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="rsswidget.js"></script>
<script type="text/javascript">
function setupRss() {
Technosophos.rssWidget("rss.xml", "#ticker");
}
setupRss();
</script>

■HTMLの解説
・jQueryを↓からダウンロード。「jquery-1.2.1.min.js」以上のバージョンなら問題ないようです。
　» jQuery

・rsswidget.jsを↓からダウンロード。
　» rsswidget.js

・「Technosophos.rssWidget("rss.xml", "#ticker");」の部分について
　「rss.xml」にはxmlのパスを指定。#tickerは、<div id="ticker">と連動してID名を指定します。

■XML
さて、ここでかなりはまりました。。ローカル（しかもApacheのない場所）ではMTデフォルトのxmlを読んでも実装できたんですが、サーバにアップした時点でそれだと読み込めませんでした。

なのでxmlのテンプレートを新規で作成。↓のようになりました。

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>New Entry</title>
<MTEntries lastn="15">
<item>
<title><$MTEntryTitle remove_html="1" encode_xml="1"$></title>
<link><$MTEntryPermalink encode_xml="1"$></link>
</item>
</MTEntries>
</channel>
</rss>

■CSS
CSSを適切に指定。僕は↓のようにしました。

.rss-widget-outer-div {
font-size:0.9em;
margin: 7px 0 0 0;
padding-right: 5px;
background: #e4e4e4;
}
.rss-widget-inner-div {
padding: 3px 20px;
}
.rss-widget-title {
padding-right: 10px;
color: #565656;
font-weight:bold;
border-right:1px solid #808080;
}
.rss-widget-inner-div a {
text-decoration: none;
color: #6e6e6e;
padding:0 0 0 10px;
font-weight: normal;
}
.rss-widget-item-desc {
padding-left: 10px;
font-weight: normal;
}

■パラメータ
ローテーションする速度やテキストの長さなどは「rsswidget.js」の中の↓のあたりを変更すればOKですね。

refreshInterval: 7000, // HOW LONG TEXT IS DISPLAYED
refreshDuration: "fast", // HOW LONG A FADE EFFECT SHOULD TAKE (default = "slow")
maxTextLength: 115 // MAX NUM OF CHARS TO DISPLAY IN DESCRIPTION

■ライセンス
ライセンスについては、Using the RSS Widgetにあるように、MITライセンスとなっています。無料で使えますね。

というわけで、ひとまずトップページに実装。includeの仕方がよくないのかちょっと重くなった気がするので、最適化して、Windowsのブラウザチェックをしたら個別ページにも実装しようかな。

よかったらぜひ参考にして実装してみてください☆

jQueryでかっこいいUIを実装したい。

そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。

以下にご紹介。

・jQuery UI　
　Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど

・Mark-It-Up
　テキストエリアをマークアップエディタに変えてくれる

・jQuery cookie plugin
　クッキーを簡単にセット、削除できる

・lightbox for jQuery
　jQuery用のlightbox

・jQuery Corner Plugin
　jQueryで角丸を作成

・jTip
　クールなツールチッププラグイン

・LavaLamp
　CSSメニューにスムーズなスライドエフェクトを追加

・Superfish
　jQueryのアニメーションを使ったアクセシビリティの高いメニュー

・jQuery easing plugin
　jQueryによるアニメーションのイージング

・jCarousel
　jQueryによるcarousel（スライドする画像ギャラリー）

それぞれデモがついていてわかりやすい。

デモは↓から。

» 10 useful jQuery plugins

jQueryの便利なプラグイン、チェックしてぜひ使ってみてはいかがだろうか。

今日のCREAMU

昨日は夜中DVDを見て部屋を片付けた。片付けるとすごく気持ちいいですね。何もない部屋にしていこうっと。

「ノーカントリー」っていうのを見たんだけど、これは結構気が滅入った。。どこにも行かないストーリーは気分がよくないな。

あとは村上レシピを買ったよ。料理は手の込んだのはしないしな、と思ってたんだけど、食事するときに新しい視点が得られるかな、と思って。でも読んだら料理もしたくなってきたw。

じっくり読んでいこうっと。

あとはいろいろと新譜をレンタル、と。