新型PSP「PSP Go」の情報が流出
新PSPはスライド式の 「PSP Go」、UMD廃止・Bluetooth内蔵 (動画・写真追加)（別窓）
新型PSP「PSP Go」の情報が流出したようです。
流出した情報によればUMDを廃止し、16GBのストレージを設けるとのこと。
どのような販売形態になるかが気になりますね。
尚、現行のPSP3000に摩り替わるものではなく、併売が予定されている模様です。
他の情報に関しましては以下をご覧ください。
ソニーの新型PSPは「PSP Go」、大容量メモリなどを搭載して大作ソフトも複数投入へ - GIGAZINE（別窓）
痛いニュース(ﾉ∀`):新型PSP、『PSP Go』登場…スライド式・UMD廃止・16GBメモリ内蔵（別窓）
新型PSP「PSP Go」の情報が流出したようです。
流出した情報によればUMDを廃止し、16GBのストレージを設けるとのこと。
どのような販売形態になるかが気になりますね。
尚、現行のPSP3000に摩り替わるものではなく、併売が予定されている模様です。
他の情報に関しましては以下をご覧ください。
ソニーの新型PSPは「PSP Go」、大容量メモリなどを搭載して大作ソフトも複数投入へ - GIGAZINE（別窓）
痛いニュース(ﾉ∀`):新型PSP、『PSP Go』登場…スライド式・UMD廃止・16GBメモリ内蔵（別窓）
知っておきたいWebサービス集
【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービスの紹介ジャンル | ネット | マイコミジャーナル（別窓）
役立つWebサービスが以下の項目に分けてまとめられています。
どれを使うか迷ってしまうくらい紹介されているので、いろいろ試して自分に合ったサービスが見つけられるのではないでしょうか。
役立つWebサービスが以下の項目に分けてまとめられています。
- Webメール
- SBM
- カレンダー
- 文章作成
- 表計算
- プレゼンテーション
- ドキュメント共有
- 画像編集
- PDF変換・作成
どれを使うか迷ってしまうくらい紹介されているので、いろいろ試して自分に合ったサービスが見つけられるのではないでしょうか。
「※ただしイケメンに限る」で絶望感に浸るサービス
※ただしイケメンに限る - 絶望感を味わえるWebサービス（別窓）
「※ただしイケメンに限る」投稿型のWEBサービスです。
一言を投稿するとその末尾に「※ただしイケメンに限る」を自動で挿入してくれます。ものすごい絶望感です。
ワンクリックでTwitterにも投稿できるようです。
最近この手のサービスはTwitterに投稿できるものが増えてきましたね。
他サービスとの親和性が高い利点が活かされているように思います。
こういったサービスをどんどん生み出してTwitterクライアントから利用できるようになれば楽しいですね！
「※ただしイケメンに限る」投稿型のWEBサービスです。
一言を投稿するとその末尾に「※ただしイケメンに限る」を自動で挿入してくれます。ものすごい絶望感です。
ワンクリックでTwitterにも投稿できるようです。
最近この手のサービスはTwitterに投稿できるものが増えてきましたね。
他サービスとの親和性が高い利点が活かされているように思います。
こういったサービスをどんどん生み出してTwitterクライアントから利用できるようになれば楽しいですね！
婚活女性のための男の子情報共有モバイルサイト「男の子牧場」
男の子牧場（別窓）
5月13日、婚活女性向けのモバイルサービス「男の子牧場」がリリースされました。
会員登録すると男性の情報を投稿することが出来ます。
また、自分の牧場を持つことができ、投稿した男性をX軸とY軸に草食・肉食、脈アリ・脈ナシなどのカテゴライズをしてマッピングすることが出来ます。
運営しているのがサイバーエージェントであることもあってか、スタッフブログが現在炎上しています。
男の子牧場のお問い合わせに関して｜サイバーエージェントではたらく広報担当のブログ（別窓）
パロディサイトやこれをネタにしたエントリも多数出てきている様子。仕事早過ぎます。
女の子牧場 | So-net SNS（別窓）
男の娘牧場（別窓）
女子高生牧場 - onboku.jp（別窓）
キミも「男の子牧場」の牧場主になってカワイイ男の子をいっぱい飼育しちゃおう！ - 米（別窓）※閲覧注意
また、多くのところでブックマークコメントにおける批判なども殺到しており、14日の話題を独り占めする形になりました。
NIKKEI NET マネー＆マーケット 企業からのお知らせ［IR］（別窓）
J-CASTニュース : 「男性を家畜扱い」「個人情報どうなる」 婚活サイト「男の子牧場」に批判殺到（別窓）
痛いニュース(ﾉ∀`):「男性を家畜扱い」 婚活サイト「男の子牧場」に批判殺到（別窓）
問題になっているのはサービスの形態だけでなく、「男の子牧場」というネーミングや男性の同意が実質必要ないというところにもあります。
これに対してサイバーエージェントは、名称の変更や男性の同意を確認するページを設けて対応するといった説明をしています。
ターゲット層は現在ネット上で批判をしている層とは違う層であるようにも思うので、これがメディアなどで採り上げられてオピニオンリーダーが上手いこと伝えてくれればもしかしたら地味に成功を収めるかもしれません。
しかし女性側から紹介するとなると、その女性が狙っていない男性しか紹介されないようにも思います。
男性側からのアプローチがあれば活発になる可能性はあるかもしれませんが。
一見した感じでは批判に同意する部分も多いものの、需要がないとは断言できないことに加えてサービスは提供側が意図していなかった使い方がユーザーによって生み出されることもあるので、少しポジティブに見守ってみたいと思います。
5月13日、婚活女性向けのモバイルサービス「男の子牧場」がリリースされました。
会員登録すると男性の情報を投稿することが出来ます。
また、自分の牧場を持つことができ、投稿した男性をX軸とY軸に草食・肉食、脈アリ・脈ナシなどのカテゴライズをしてマッピングすることが出来ます。
運営しているのがサイバーエージェントであることもあってか、スタッフブログが現在炎上しています。
男の子牧場のお問い合わせに関して｜サイバーエージェントではたらく広報担当のブログ（別窓）
パロディサイトやこれをネタにしたエントリも多数出てきている様子。仕事早過ぎます。
女の子牧場 | So-net SNS（別窓）
男の娘牧場（別窓）
女子高生牧場 - onboku.jp（別窓）
キミも「男の子牧場」の牧場主になってカワイイ男の子をいっぱい飼育しちゃおう！ - 米（別窓）※閲覧注意
また、多くのところでブックマークコメントにおける批判なども殺到しており、14日の話題を独り占めする形になりました。
NIKKEI NET マネー＆マーケット 企業からのお知らせ［IR］（別窓）
J-CASTニュース : 「男性を家畜扱い」「個人情報どうなる」 婚活サイト「男の子牧場」に批判殺到（別窓）
痛いニュース(ﾉ∀`):「男性を家畜扱い」 婚活サイト「男の子牧場」に批判殺到（別窓）
問題になっているのはサービスの形態だけでなく、「男の子牧場」というネーミングや男性の同意が実質必要ないというところにもあります。
これに対してサイバーエージェントは、名称の変更や男性の同意を確認するページを設けて対応するといった説明をしています。
ターゲット層は現在ネット上で批判をしている層とは違う層であるようにも思うので、これがメディアなどで採り上げられてオピニオンリーダーが上手いこと伝えてくれればもしかしたら地味に成功を収めるかもしれません。
しかし女性側から紹介するとなると、その女性が狙っていない男性しか紹介されないようにも思います。
男性側からのアプローチがあれば活発になる可能性はあるかもしれませんが。
一見した感じでは批判に同意する部分も多いものの、需要がないとは断言できないことに加えてサービスは提供側が意図していなかった使い方がユーザーによって生み出されることもあるので、少しポジティブに見守ってみたいと思います。
Googleに新たな検索ツールが実装
本日、Googleに新たな検索ツールが実装されました。
検索を実行し、「検索ツールを表示」をクリックすることで利用できます。
期間の設定や関連画像の表示など、多くのオプションが追加されています。
中でも面白いのが「ワンダーホイール」
ワンダーホイールをクリックすると指定したキーワードに関連するキーワードが上のような形で表示されます。
さらに表示されたキーワードをクリックすると、それに関連するキーワードが表示されます。
今回の機能追加によってユーザーが求めるものをより探しやすくなったように感じます。
Googleの競争相手たりうるパフォーマンスを持つと噂されるWolframの一般公開も迫っており、これからもGoogleから目が離せません。
Wolframにつきましては以下の記事などが参考になるかと思います。
天才が作った新検索エンジン『Wolfram|Alpha』と、Googleへの影響 | WIRED VISION（別窓）
hoverによるUI改善方法いろいろ
Maximize the Use of Hover（別窓）
hover属性を用いたUI及びそのチュートリアルが数点紹介されています。
こちらでもいくつか紹介。
QBN - Design Industry News & Discussion（別窓）
こちらは様々なところでhoverが活用されています。
ブロックにカーソルを合わせると「+」ボタンが表示され、その「+」ボタンにカーソルを合わせるとボタンの色が変更されるので、非常に分かりやすいインターフェースとなっています。
Panic - Coda - One-Window Web Development for Mac OS X（別窓）
こちらは「Download」にカーソルを合わせるとツールチップが表示されます。
これも最近はよく見る使い方ですね。
CSS Demo: Image Hover（別窓）
最後はブロックに関するリンクを隠しておき、カーソルが合わせられたときにそれを表示するインターフェースです。
実装方法は記事の方に書かれているのでぜひお試しください。
このほかにもツールチップ、アニメーションを用いたツールチップ表示のチュートリアルが書かれています。
hover属性をあまり活用できていないと感じている方は一度ご覧になってみてはいかがでしょうか。
hover属性を用いたUI及びそのチュートリアルが数点紹介されています。
こちらでもいくつか紹介。
QBN - Design Industry News & Discussion（別窓）
こちらは様々なところでhoverが活用されています。
ブロックにカーソルを合わせると「+」ボタンが表示され、その「+」ボタンにカーソルを合わせるとボタンの色が変更されるので、非常に分かりやすいインターフェースとなっています。
Panic - Coda - One-Window Web Development for Mac OS X（別窓）
こちらは「Download」にカーソルを合わせるとツールチップが表示されます。
これも最近はよく見る使い方ですね。
CSS Demo: Image Hover（別窓）
最後はブロックに関するリンクを隠しておき、カーソルが合わせられたときにそれを表示するインターフェースです。
実装方法は記事の方に書かれているのでぜひお試しください。
このほかにもツールチップ、アニメーションを用いたツールチップ表示のチュートリアルが書かれています。
hover属性をあまり活用できていないと感じている方は一度ご覧になってみてはいかがでしょうか。
ヘッダーを効果的に使う5つの方法
Five Types of Effective Headers in Web Design （別窓）
ヘッダーはページを開いたとき一番最初に目に飛び込んでくるものです。
つまり、ヘッダーがそのページの第一印象を決めてしまうこともあるわけです。
上の記事ではヘッダーを5つのタイプに分け、その例を紹介しています。
こちらでもその5つのタイプと、それぞれの例を一つずつ紹介します。
巨大なヘッダを用いた場合、ヘッダがファーストビューの多くを占めてしまうあまり、メインとなっている部分が見えなくなってしまう可能性があります。
しかし同時にインパクトを与えることが出来、かつ表現の幅が広がるのも事実です。
このタイプは実際の動作の画面のスクリーンショット、そしてすぐにそのアプリケーションの使用を始めるためのボタンが含まれているのが特徴です。
スクリーンショットを見せることでそのサービスのイメージをつかませ、さらに簡単な説明文と実際の使用までの導線を引いてやることでユーザーを誘導することが出来ます。
キャラクターのイラストを入れることで、そのサイトに個性や親近感をもたせることが出来ます。
キャラクターが広がれば、もしかしたら思わぬところからの流入があるかもしれません。
こちらは複数のコンテンツのスクリーンショットとちょっとした紹介文が入っているのが特徴です。
ページを開いた時点で閲覧者に自分には何が出来るのかということを端的に伝えることが出来ます。
こちらのタイプはあまりスペースをとることなく、多くの情報をユーザーに見せることが出来ます。
最近はメーカーサイトが使っているのもよく見ますね。
Flashを使っている場合もありますが、JavaScriptでも簡単に実装することが出来ます。
ヘッダーの表現方法は非常に豊富で、そのサイトのタイプによってヘッダーのタイプも大きく変わります。
自身のサイトにあったヘッダー選びを改めて考えてみるのもいいかもしれませんね。
ヘッダーはページを開いたとき一番最初に目に飛び込んでくるものです。
つまり、ヘッダーがそのページの第一印象を決めてしまうこともあるわけです。
上の記事ではヘッダーを5つのタイプに分け、その例を紹介しています。
こちらでもその5つのタイプと、それぞれの例を一つずつ紹介します。
巨大なヘッダ
Design-studio Simple.art （別窓）巨大なヘッダを用いた場合、ヘッダがファーストビューの多くを占めてしまうあまり、メインとなっている部分が見えなくなってしまう可能性があります。
しかし同時にインパクトを与えることが出来、かつ表現の幅が広がるのも事実です。
Webアプリケーション
PlanHQ - Web Based Business Plan Software （別窓）このタイプは実際の動作の画面のスクリーンショット、そしてすぐにそのアプリケーションの使用を始めるためのボタンが含まれているのが特徴です。
スクリーンショットを見せることでそのサービスのイメージをつかませ、さらに簡単な説明文と実際の使用までの導線を引いてやることでユーザーを誘導することが出来ます。
キャラクターのイラスト
Wishlistr: Create a wishlist and share it with the world （別窓）キャラクターのイラストを入れることで、そのサイトに個性や親近感をもたせることが出来ます。
キャラクターが広がれば、もしかしたら思わぬところからの流入があるかもしれません。
ポートフォリオ
Tony Geer - Website Design and Development （別窓）こちらは複数のコンテンツのスクリーンショットとちょっとした紹介文が入っているのが特徴です。
ページを開いた時点で閲覧者に自分には何が出来るのかということを端的に伝えることが出来ます。
カルーセル
Paramore|Redd Online Marketing - Interactive Advertising and Web Development Agency in Nashville, Tennessee （別窓）こちらのタイプはあまりスペースをとることなく、多くの情報をユーザーに見せることが出来ます。
最近はメーカーサイトが使っているのもよく見ますね。
Flashを使っている場合もありますが、JavaScriptでも簡単に実装することが出来ます。
ヘッダーの表現方法は非常に豊富で、そのサイトのタイプによってヘッダーのタイプも大きく変わります。
自身のサイトにあったヘッダー選びを改めて考えてみるのもいいかもしれませんね。
さまざまな効果で画像を切り替えるjQueryプラグイン『ImageSwitch』
ImageSwitch | HieuUK （別窓）
ImageSwitchは様々なトランジションを用いて画像を切り替えることができるjQueryプラグインです。
フェードはもちろん、フリップを切り替えたような効果、扉が閉まるような効果などがあります。
上の記事からは簡単にデモが見られるのでぜひご覧ください。
Exampleからカスタマイズの例も見られるので、簡単に導入することができると思います。
ImageSwitchは様々なトランジションを用いて画像を切り替えることができるjQueryプラグインです。
フェードはもちろん、フリップを切り替えたような効果、扉が閉まるような効果などがあります。
上の記事からは簡単にデモが見られるのでぜひご覧ください。
Exampleからカスタマイズの例も見られるので、簡単に導入することができると思います。
藤田晋の仕事学発売
アメーバを運営するサイバーエージェントの社長、藤田晋によるビジネス本が発売されました。
会社の休憩時間に渋谷の本屋に行ったら平積みされてました。
当の自分はAmazonで注文して今日届くことになっているので、読み終わったら書評でも書いてみようと思います。
角丸画像を簡単に作成『Cornershop』
Cornershop - Rounded Graphics for CSS Box Corners（別窓）
Cornershopは角丸画像を簡単に作成することが出来るジェネレーターです。
背景色、前景色、角の半径、背景の透明化の4つのオプションがあります。
実際に生成された画像はこのような感じ。
ローカルに保存してご使用ください。
また、CSSとHTMLも吐き出されるので、簡単に利用することが出来ます。
Cornershopは角丸画像を簡単に作成することが出来るジェネレーターです。
背景色、前景色、角の半径、背景の透明化の4つのオプションがあります。
実際に生成された画像はこのような感じ。
ローカルに保存してご使用ください。
また、CSSとHTMLも吐き出されるので、簡単に利用することが出来ます。