「大手メーカーが我々に追随」、世界17カ国で販売する約10人の家電メーカー――Cerevo
岩佐氏が2007年に起業したCerevoは、PC不要でニコニコ生放送やUstreamなどに映像を配信できるハードウエア「LiveShell」（写真2）などを開発・販売する家電メーカーである。現在、前述の言葉通り「世界に売っていく」ことを実現。既に世界17カ国にまでLiveShellの販路を広げている。従業員はパートタイムで勤務する方もいるため“約10人”。まさに小さな世界企業だ。第4回は、岩佐氏にCerevoを起業したいきさつから、ハードウエアベンチャーを取り巻く状況、メーカーの起業に向けた“壁”の越え方などを聞いた。 Cerevoを起業したきっかけは。 大手メーカーの製品はほとんどの場合、マスに向けられたもの。マスのど真ん中を狙って数十万台といった単位で製品を出すことを前提に商品化の判断をするのが大企業の使命。ただそうした製品に対してユーザーの立場としては、あまりワクワクしない。「生活を
Internet Explorer 9以下に存在する「1つのCSSファイルで認識されるセレクタは4,096個まで」という制限に突然引っかから... - Sooey
Internet Explorer 9以下に存在する「1つのCSSファイルで認識されるセレクタは4,096個まで」という制限に突然引っかからないようにするための方策。 対策ではなく、突然の遭遇を予防する方策を色々と調べてみたところ、Atomic Spin - Atomic Object's Blog On Software Design & DevelopmentというブログにGetting Around IE's 4,096 CSS Rule Limitという記事があり、Railsアプリのfeature specで「セレクタ数が4,096個以下である」ことをテストするアプローチが紹介されていたので、それを導入することにしました（実際に導入する際は4,096の箇所にマージンを持たせておくとよさそう）。 CapybaraがHEAD要素内のLINK要素を参照できるようにするために、以下の設定が
[Chrome] ウィンドウをリサイズする拡張機能 | pc.casey.jp
使い方 インストールするとアイコンが追加される。このアイコンをクリックすると、よく利用される画面サイズがリストされている。どれかをクリックするとウィンドウ・サイズが変更される。 また、サイズの左側にあるチェックボックスにチェックを入れ、View all selected をクリックすると チェックを入れたサイズごとのChrome のウィンドウが表示される。切り替えではなく、見比べたい場合などに便利。 オプション プリセットされたウィンドウサイズを削除したり並べ替えたりできるほか、好みの解像度を追加することもできる。 参考文献 グーグル クローム（Google Chrome ）の便利拡張機能 | tuglog!
![[Chrome] ウィンドウをリサイズする拡張機能 | pc.casey.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4139f579fcc5c2cf18136f2b13b3187dc9a2829/height=288;version=1;width=512/https%3A%2F%2Fpc.casey.jp%2Fwp%2Fwp-content%2Fuploads%2F2011%2F08%2FXWSS005941-s.jpg)
1-byte.jp - PHPでテキストの類似度を求める
テキストを扱うサービスでは表現の揺れが問題になることが多いですね。 Web上にあるテキストコンテンツは全て人間が入力したものと言っても過言ではありません。 人間が入力する、ということは必ず表現の揺れが発生します。 単純な入力ミスや、複数存在する表現などによるものです。 お知らせメールでもこの例に漏れず、表現の揺れが問題になりました。 ユーザが登録したアーティストや著者に関する情報は、漏れなくユーザに届ける必要があります。 届かなければサイトの信頼に関わりますからね。 内部の処理として文字列の類似度を計算している部分があります。 類似度をプログラムで計算し、登録したアーティストや著者に関連する情報か否か、をフィルタリングしています。 ここで言う文字列の類似度とは、”田中太郎”と”田中次郎”の文字列としての近さを言います。 “田中太郎”と”田中次郎”では”太”と”次”が違うだけなの
iOS7に見る“フラットデザイン”の難しさ - 週刊アスキー
アップルは6月10日、開発者向けカンファレンス“WWDC 2013”の基調講演において、iOSの最新版となる『iOS7』を発表しました。このiOS7では、一見するとWindows PhoneやWindows8のMetroやModern UIと似た、"フラットデザイン"を採用したことが話題となっています。 果たしてこのデザインは、MetroやModern UIを“参考にした”ものなのでしょうか？ 今回は、UIデザインにおいて平面的なデザインがもたらす意味について、考察してみたいと思います。 ■フラットデザインの基本的な問題点とは これまでアップルのUIデザインは、"Skeuomorphism"デザインと呼ばれる、ディスプレー上にリアルな物体を再現するデザイン手法が主流となっていました。たとえばアイコンには写実的な表現を多用し、ボタンやスライダーといった個々のUI要素も立体的にデザインされてい
【jQuery習作】テキストエリア入力・保存後反映＆再編集の切り替え
COOKPADさんのレシピ登録ページにあるような、テキストエリアに入力・保存後反映され、再編集もできるようなものをjQueryで作ってみました。 サンプル＆ソース サンプルはこちら （IE8以上、Chrome、Firefox、Safariで動作確認済です） 挙動の流れは以下です。 テキストクリック ↓ テキストエリアに切り替え ↓ 保存＆再編集。取消をクリックすると内容はリセットされる。 HTML $(function() { var myTextBox = $(".textBox"); var myDefault = $(".default"); var myEdit = $(".editArea"); var myItem = $(".item"); var myPreserve = $(".preserve"); var myBecome = $(".become"); var my
黄金比・黄金螺旋・黄金三角形などをページのレイアウトや写真の構図にあてがうPhotoshopの機能拡張
対角線 Divine Proportions Toolkitのインストールと使い方 Toolkitの対応バージョンはPhotoshop CS5, 6です。 インストール 下記ページのDownloadから「divine_proportions_toolkit_1_0_4.zip」をダウンロードし、解凍します。 Divine Proportions Toolkit 解凍したフォルダ内にCS5, CS6のフォルダがあるので、利用する環境に合わせて選択してください。 フォルダ内の「Divine Proportions Toolkit.zxp」をダブルクリックすると、Adobe Extension Managerが開きます。 指示にしたがって、インストールします。 インストールが完了したら、Photoshopを再起動します。 使い方 使い方は簡単です。 メニューバーの[ウインドウ]-[エクステンショ
iPhoneのカメラにゴミが入っていないか確認する方法
iPhoneのカメラにゴミやホコリが侵入し、撮影した写真に映り込むことがあります。 気付かずにそのまま使っている人も多いので、チェックの仕方と対処法を整理してみました。 iPhone 5のカメラはゴミが入りやすい!? iPhone 5のiSightカメラ(背面のカメラ)は、非常に硬いサファイアクリスタル製のカバーで保護されており、少々乱暴な扱いをしてもキズがつくことがありません。 しかしながら、構造上そのカバーとカメラモジュールのと間に隙間が生じることがあり、ゴミやホコリが侵入。 大きさと場所によっては、撮影した画像に影響が出ることがあるようです。 下の写真は、ゴミが混入したiPhone 5で撮影した例。黒っぽい丸が3つほど確認できます。 ゴミの大きさが肉眼では見えないほど小さくても、撮影した画像に影響が出ることもあります。 上の写真を撮影したiPhone 5のレンズも、マクロレンズなどで
PVが見られないサイトの情報を可視化するサイト『SimilarWeb』 – @attrip
PVが見られないサイトの情報を可視化するサイト『SimilarWeb』の紹介です。 こちらのサイトでは、知らないサイトのPVや流入元などを大雑把ですが、可視化することが可能です。 以前までだったらGoogle Adplannerなどを使っていましたが、このSimilar Webというサイトは、精度が高い気がします。 Alexaは、データがイマイチな気がするので使ってません。 自分のサイトノデータを出してみたのですが、Google アナリティクスのデータに非常に近いデータが表示されました。 http://www.similarweb.com/website/attrip.jp 公式のサイトのTwitterからお礼のつぶやきが来た。 @attrip 感謝 — SimilarWebさん (@SimilarWeb) 2013年6月12日
jQueryプラグインの先頭にセミコロンがある理由
jQueryプラグインの先頭にセミコロンがある理由を調べてみました。 １．「jQueryプラグインの先頭にセミコロン」とは？ 例えば、レスポンシブ対応で画像を拡大表示できる「SuperBoxプラグイン」のコードは次のようになっています。 ;(function($) { $.fn.SuperBox = function(options) { var superbox = $('<div class="superbox-show"></div>'); var superboximg = $('<img src="" class="superbox-current-img">'); …中略… }); }; })(jQuery); 1行目の行頭にセミコロンがついています。 ;(function($){ 直感的に「エラー防止用かな？」と思って調べてみたらそのとおりだったのですが、以下調べたことについ
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!（エクスクラメーション）」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE
5分で分かるフラットデザイン
iOS 7やWindows 8も採用した「フラットデザイン」。実際にフラットデザインを実現するにはどうすればいいのだろうか。 1分－フラットデザインとは何なのか アップルの開発者向け年次イベント「Worldwide Developers Conference（WWDC）」が米国時間6月10日に開幕し、基調講演で同社モバイルOSの次期版「iOS 7」が発表された。見た目の印象が従来版からガラリと変わっている。これは「フラットデザイン」という手法を採用したからだ。 フラットデザインとは、簡単にいうと、グラデーションを利用しない非常にのっぺりとしたデザインのことだ。
アイコンデザインの参考に。GoogleのUIパーツ・ガイドライン資料 | ビジュアルシンキング
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップにValidateルールを定義してフォームバリデーションできるjQueryプラグイン「Ketchup」:phpspot開発日誌
新着記事