blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Web

Moqups – ワイヤーフレームが作成できるオンラインサービス

Moqupsは、ワイヤーフレームが作成できるオンラインサービスです。 使ってみた感じ、ざっと以下のような特長があります。 ・ガイドに揃える機能がついているので、びしっとグリッドで構成できる ・カンバスサイズ・グリッドサイズを変えられる ・ユーザ登録すれば、PDFかPNGでエク …

category: Design

Photoshopで色を変えやすい格子柄のパターンを作る方法

今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定

category: Web

ブラウザのサイズ(表示領域)を指定してスクリーンショットを撮る方法

コーポレートサイトをアップデート中で、制作実績を掲載する際に、ブラウザのサイズ(ウィンドウサイズではなく表示領域のサイズ)を指定してブラウザをリサイズしたいと思って、できたのでメモ。 FirefoxのWeb Developerを使います。 「サイズ変更 / ウィンドウサイズを …

category: Diary

HotGloo – ワイヤーフレームを書くためのオンラインツール

友人が使っていて便利そうなのでメモ。 HotGlooは、ワイヤーフレームを書くためのオンラインツールです。 ドラッグ&ドロップで、さくさくワイヤーを作成できるようです。 メニューを配置したときに、ドロップダウンメニューを動作させることができるなど、使いやすいようです …

category: Design

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

Gumroadがおもしろい感じなので、ちょっとリンクテキストに使える矢印アイコンを作ってみました。 PhotoshopのPSDファイルとなっていて、すべてレイヤーに分かれています。 アイコンはアンチエイリアスの点で作るのに手間がかかったりしますよね。12pxのサイズのテキスト …

category: Diary

デザインギャラリー「Graphicu」を、W3Qでご紹介いただきましたありがとうございます。

ちょっといろいろテンションが上がっているのでエントリー。 デザインギャラリー「Graphicu」を、W3Qでご紹介いただきました。ありがとうございます! ちょっと最近のinterviewsとかキュレーションサービスは、誰が質問してきてるのかとか、誰が書いてるのかわからないので …

category: Gadget

エスプレッソメーカーなどいろいろ購入

無性にオフィスでおいしいコーヒーが飲みたくなったので、コーヒーメーカーを探すことに。今までブレンディースティックとかバンホーテンのココアを飲んでいたんですが、いまいち満足できないので味わい深いものがほしくなったんですよね。 というわけで口コミで聞いたネスプレッソのマシンを購入 …

category: Diary

自分に合ったクーポンを自動で届けてくれる「届く〜ぽん!」

友人がアプリを作ったようなのでご紹介します! クーポンサイトはすごくたくさんありますが、「渋谷」などの探したい地域や「ラーメン」などの探したいワードを登録すると、クーポンサイトを横断検索して自分に合ったクーポンを知らせてくれるアプリです。 なかなか便利ではないでしょうか!?常 …

category: Technology

スマートフォンサイト制作に関する本を書きました

スマートフォンサイト制作に関する本を書きました。「スマートフォンサイト制作ハンドブック」というタイトルで、秀和システムさんから発売されます! クライアントの依頼から始まり、情報設計、デザイン、コーディング、プログラミング、サーバへのUPまで、一貫した流れでスマートフォンサイト …

category: Gadget

Bluetoothのロジクール タブレットキーボード For iPadを使ってみました

ロジクールさんのモニターキャンペーンに当選して、ロジクール タブレットキーボード For iPadが届いたので使ってみています。モニター終了後そのままプレゼントしてもらえるということで、うれしい!引き続き使っていこうと思います。 公式のサイトはこちらです。 Logicool …

category: Diary

Mac OS 10.7 Lionでデスクトップに表示するアナログ時計

昨日、早速Lionにアップデート。ほぼ問題なく動いていて、いい感じです。スクロールがまだ慣れないですが、指を動かした方にコンテンツが動くというスマートフォン系のUIになっているようなので、慣れるためにちょっとそれで使ってみています。 Finderの動きが速かったり、プレビュー …

category: Work

代官山のメキシカンレストラン「アシエンダ デル シエロ」サイト本公開

先月お店のオープンと同時にサイトを公開した「アシエンダ デル シエロ」ですが、竣工写真が上がってきたので本公開いたしました。coming soonだったPARTYページもUPしています。 マンサード代官山の9Fに入っていて、ビスタラウンジからは代官山と恵比寿が一望できます。と …

category: Diary

アルバイト・インターン募集のお知らせ

ちょっと3月が猛烈に忙しくなりそうなので、実務を手伝っていただけるアルバイト・インターンを募集します。フリーランスの方でも歓迎です。 ひとまず2月後半から3月末までの採用を考えていますが、その後もお互いの意向が合えば継続するかもしれません。 募集要項は以下の通りです。 ・募集 …

category: Web

住所を知らなくてもプレゼントや手紙が送れるサービス5

mixiやTwitter等をやっていると、いつの間にか住所や本名を知らない友達が増えてしまうもの。 そういった友人に何かプレゼントを送りたい、といった時「事前に住所を聞くのもちょっと。。。」という人も中にはいるのではないかと。 そこで、そんな時に役立つ住所を知らない相手にプレ …

category: Diary

日本人デザイナーがデザインした椅子10

デザイナーズチェアといえばイームズなど海外デザイナーによるものを思い浮かべる人が多いかと思いますが、日本人がデザインした椅子にも魅力的なものが数多くあるのをご存じでしょうか? 今回はそんな日本人デザイナーによる椅子をご紹介。いまや伝説ともいえる名作椅子から最新のデザイナーズチ …

category: Web

Twitterのツイートボタンを公式のものに変更しました

ふと思い立って、Twitterのツイートボタンを公式のものに変更しました。リリース直後はカウントがいまいちだった気がするんですが、今は正常になっているようです。 IE6と7でトップページになぜか画像が表示されないんですが、んーとりあえず放置しておきます・・・。 日本語版だと幅 …

category: Design

手書き文字がかわいいレストランのサイト

手書き文字を生かしたサイトを作りたい。 そんなときに参考になるのが、『暮らしのお店』。手書き文字がかわいいレストランのサイトです。 ロゴやメニュー、見出しの文字がかわいいですね。イラストも味があっていい感じです。 スライドショーの動きもゆったりしていて、優しい雰囲気が伝わって …

category: Diary

マロンの香る 焼きいもクーヘンをいただきました

AMNのキャンペーンに当選して、マロンの香る 焼きいもクーヘンをいただきました。 グレープストーンという会社さんの商品で、西武池袋店で限定販売されているようです。 形が独特で、しっかりとした食べごたえがあっておいしかったです!甘すぎなくていいかんじでしたね。 西武池袋に行かれ …

category: Technology

WordPressがMAMPローカルで真っ白になってしまった場合の対処法

ちょっとメモ。かなり個人的ですが。 作業途中でwp-adminにアクセスすると、急に真っ白になってしまいました。PHPなのでなにかどこかでエラーが起きていると思うんですが、エラー出力も面倒なので(出ないことが多いし)、いろいろ悶々と調べたりしていたんですが解決せず。 ほぼ同じ …

category: Diary

ライフハッカー主催のDIYイベントに行ってきました

昨日はライフハッカー主催のDIYイベントに行ってきました。 久々のイベント。協賛が損保ジャパンDIY生命さんということで、保険の話が多いのかな、と思っていたんですが、ライフハックやガジェット的な話が満載でした。 林 信行さんと佐々木 正悟さんのお話の後、損保ジャパンDIY生命 …

category: Technology

ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツール

サイト上でのユーザーの動きを知りたい。 そんなときにおすすめなのが、『userfly』。ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツールです。 これはすごい感じですね。いろんなサイトでも話題になってるし。 ユーザーのマウスがどこからどう動いて、どこをク …

category: Technology

Macのセカンドモニターにもメニューバーを表示するツール

ちょっと面白いのでご紹介。 Secondbarという、Macのセカンドモニターにもメニューバーを表示するツールが公開されています。Macでデュアルモニターにすると、メインのモニターの方にしかメニューバーは表示されませんが、それをセカンドの方にも表示できるようですね。 使いどこ …

category: Diary

DaisyDiskライセンスプレゼントへのご応募ありがとうございました。

先日お知らせした、DaisyDiskフリーライセンスプレゼントへのたくさんのご応募、ありがとうございました。合計で70名以上の方にご応募いただきました。ありがとうございます。 さて、3名様のフリーライセンスと、すべての方へのディスカウントコードを用意していましたが、フリーライ …

category: Technology

説明を追加できる、jQueryを使ったドロップダウンメニュー

グローバルメニューに説明を加えたい。 そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。 メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。 …

category: Diary

オンラインでワイヤーフレームを作成できる『gliffy』

ワイヤーフレーム作成ツールを探している。 そんなあなたにおすすめなのが、『gliffy』。オンラインでワイヤーフレームを作成できるサービスです。 ↑のようなインターフェースで、ワイヤーフレームを作れますね。パーマリンクを生成してくれて、共有(コラボレート)して作り上げることが …

category: Technology

マウスオーバーするとスライド式で現れるナビゲーション

Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。 ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。 デモは以下から。手書きのデザインでなかなか斬新なものになって …

category: Technology

建設業を多くの人に知ってもらうために生まれたサイト『BUILDUP!』

ブロガーズラウンジからの案内をもらったのでご紹介。 建設業のサイトは普段見ないですが、すごくかっこいいサイトになっています。 以下の4つのコンテンツが用意されていますね。 Kensetsu FILMS明日をつくる建設。その「今」を映し出す建設ドキュメンタリー BUILDUP …

category: Diary

オフィスに無料で届けてくれる、1本満足バーキャンペーン

アサヒフードアンドヘルスケア株式会社さんからの招待で、「1本満足急便(配)」会社設立記者発表イベントに行ってきました。 ほりけんが「1本満足急便(配)」という架空の会社の社長になって、社員がオフィスに出向いて1本満足バーを届けてくれる、というキャンペーンですね。社員は全員お笑 …

category: Diary

楽天カンファレンス「RWDD2009」のお知らせ

友人(お世話になっている先輩)が楽天に勤めていて、ぜひ紹介して!ということなのでお知らせです♪ ディレクター、デザイナー向けのカンファレンスになっています。夏野氏と三木谷社長の講演があって、セッションではA/Bテストやメルマガ、モバイルでの改善施策、成功事例の発表、デザインア …

category: Technology

PHPで確認メール付きのユーザー登録フォームを作るチュートリアル

nettuts+で、PHPで確認メール付きのユーザー登録フォームを作るチュートリアルが紹介されています。 仮登録後、確認メールが送られてきて、URLをクリック後に本登録となるシステムですね。 DBの設計も書かれていて、本登録ユーザーに対してはactiveフラグを用意して、0と …

category: Design

透過をうまく使ったデザインをするためのPhotoshopチュートリアル

WebAppearsというサイトで、透過をうまく使ったデザインをするためのPhotoshopチュートリアルが紹介されています。 まずはぼかし(移動)とブラシをうまく使って背景を作り、ボタンの背景を透明度を駆使して作っていく方法が解説されています。 数値やRGBも細かく載ってい …

category: Gadget

ガジェットコミュニティー『GadgetParty』オープンしました。

結構前からラボ的に作っていたサイトをリリースしました。 「GadgetParty」というサイトで、自分の持っているガジェットを登録して、共有するコミュニティーサービスになります。 ブログパーツを配布していて、自分の登録したガジェットの一覧がアイコンで表示されるのと、同じガジェ …