「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ

PookはCakePHPで作っています。 Pookに限らずCakePHPでサイトを作るのに個人的に気を使うところを書いてみます。 CakePHPのバージョンは1.3.6前提です。 RequestHandlerコンポーネントを使いこなす Pookはページネーションは全てajaxで取得するようにしています。そのためページネーションされる可能性があるところはすべてjson出力されるようになっています。例えばユーザーページの場合、どちらもアクセスできます。 http://pook.jp/taizo http://pook.jp/taizo.json これは、RequestHandlerコンポーネントで.jsonの場合と、デフォルト(.html)の場合でviewファイルを分けています。ざっくりやり方を書くと 1. config/routes.php に Router::parseExtensions

ここのところウェアラブルデバイスの話題で持ち切りのモバイル業界。その中でも腕時計型の端末はライフログやヘルス機能を搭載した製品にトレンドが移りつつありますが、スマートフォンコンパニオンとなる製品もいろいろと出てきています。今回は中国から登場した電子ペーパー搭載のスマートウォッチをご紹介しましょう！ ↑ディスプレイが電子ペーパーのスマートウォッチ。 中国Tomoonのスマートウォッチ『T-Fire』はディスプレイに電子ペーパーを採用した製品です。電子ペーパーを採用したスマートウォッチは「Pebble」が有名ですが、このT-Fireは曲面電子ペーパーを採用しており、より時計らしいデザインになっています。ディスプレイのサイズも大きいので表示できる情報量も多そうです。

3万以上の人生のストーリーがあなたを待っています！投稿者は10代から80代まで。職業も、学生、主婦、声優、ホスト、起業家、映画監督、大学教授などバライエティ！あの『ビリギャル』も、STORYS.JPから生まれました。

UIActivityViewControllerはiOS6で新しく追加されたクラスです。 Facebook、Twitterなど、システムで用意された複数のアイテムに加え、アプリ独自の機能を追加することができる使い勝手のよい新機能です。 iOS6でしか使えないのが難点ですが、是非使いこなしていきたいですね。 UIActivityViewControllerとは UIActivityViewControllerは、指定したオブジェクトに応じて、ファイル共有やメール添付などの機能を自動的に表示してくれるViewControllerです。 UIDocumentInteractionControllerと違い、特定のファイルを指定するのではなく、複数のオブジェクトを指定します。 さらにアプリ独自の機能を追加することもできる、なかなか応用範囲の広いViewControllerです。 システムActiv

疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】

iOS 4.0 からMessage UI Framework に追加されたMFMessageComposeViewController を使用すると、アプリケーションから SMS を送信することができます。 使い方は下記のようになります。 // Displays an SMS composition interface inside the application. -(void)displaySMSComposerSheet { MFMessageComposeViewController *picker = [[MFMessageComposeViewController alloc] init]; picker.messageComposeDelegate = self; picker.body = [NSString stringWithUTF8String:"これはSMS送信のテ

新年早々から面白いソフトウェアが出てきましたよ！ 2013年にはビッグデータに注目が集まりましたが、鍵になるのはその膨大なデータをいかに扱い、価値あるデータを引き出すかにかかっています。ただ蓄積するだけ、見ているだけではまったく意味がありません。 テキストであればまだしも画像や音声などではそれが何であるか判断する技術は単純ではありません。そこで2012年頃から注目を浴び始めたのがディープラーニングと呼ばれる技術であり、それをJavaScriptで体感できるのがConvNetJSになります。 ディープラーニングとは 筆者もはっきりと分かっている訳ではないのですが、これまでの機械的学習では特徴点を予め人間の手で設計する必要がありました。それに対してディープラーニングでは設計過程も含めて機会学習に含められるようです。 また、特徴点の組み合わせだけでなく、それらの特徴となる部品の組み合わせまで含め

※この記事は2013年10月11日に執筆された記事です。現在は仕様が異なる可能性があります。 こんばんは、ハロウィンパーティのコスチュームを購入したものの、着ていく勇気がまだ出せていないマークアップSです。 本サイトで何度か取り上げているTwitter Bootsrtap。 この便利なフレームワークを使って実際にサイト制作を行いましたので、その制作過程などをご紹介致します。 また、このようなCSSフレームワークを使う事を前提とした新しいWEB制作のワークフローについても触れて行きたいと思います。 今回扱った案件 弊社ゲーム開発部からリリース中の「デッキメイク勇者」のサイト。 スマートフォン対応もされていなく、ちょうどリニューアルを検討中だったこちらのサイトをTwitter Bootsrtapをベースにしたレスポンシブ対応のサイトにリニューアル致しました。 制作フロー デッキメイク勇者以外に

ある幅に合わせて文字列を省略したいときがありますが、 レンダリングされる文字によって幅が違うので、文字数で制御するのは割と面倒ですね。 ですが以下のようにcssを書いておけばきっちり決めた幅であふれた部分を「...」で省略してくれます。 p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10対応 */ }

オンラインでは普通のことも、紙で見るとまた新鮮。 ずっとコンピューターとかスマートフォンばっかり見てると、雑誌の広告って何のインタラクションもなくて平板に感じられてきます。でも今米国Wiredに掲載されてるMoto Xの最新の広告は、そんな｢紙だから当たり前｣と思われてた制約をあっさりと破ってくれました。ページ下部に並んだいろんな色のボタンを押すと、それに合わせてページ中央のMoto X端末の写真の色が変わるんです。まるでネット広告みたいに。 この広告ページには、LEDと薄いボタン、そして紙みたいにうすーい電池が詰め込まれてます。多分今回のWiredの中で一番厚いページではありますが、それでもとにかく1枚の紙状に収まってます。この広告が入ってるWiredは地域限定で、Moto Xのカスタマイズ性の高さを訴求するキャンペーンを展開しているニューヨークとシカゴでのみ手に入ります。 紙媒体はもう