月間5億PV「美人時計」の知られざるビジネスモデル
注目スタートアップのビジネスモデルを分かりやすく紹介。ビジンアンドカンパニーは月間5億PVのオンラインコンテンツ「美人時計」を運営する。全国7万人の契約モデルを抱える巨大なモデル事務所のようなビジネスモデル。 1440枚の「BIJIN」を撮った写真が1分ごとに切り替わる 画像：美人時計 月間ページ閲覧数（PV）は約5億件。360人の女性が1分ごとに切り替わって時刻を知らせる。 オンラインコンテンツ「美人時計」を運営するのはビジンアンドカンパニー（BIJIN & Co.）。設立は2010年。昨年まで社名に美人時計を掲げていたが、今年に入って英名にあらためた。代表取締役は田中慎也社長。7万人の女性が契約モデルとして登録する巨大なモデル事務所のような業態。 「企業理念は、全国の『BIJIN』にさらに輝ける機会を提供すること」（田中社長） メディアや一般企業が同社データベースを使い、女性をキャンペ
腕時計業界にベンチャー革命「ユニクロ式」で価格破壊
注目スタートアップのビジネスモデルを分かりやすく解説。ノットは製造小売（SPA）モデルにより、1万円台でメイドインジャパン品質の腕時計を製造・販売している企業。 ノットの純国産腕時計「タイムピース」。ケース（1万2000円）とストラップ（3500円）で合計1万5500円 写真：knot セイコーの前身となる服部時計店が純国産腕時計「ローレル」を発売したのは1913年。 それから50年弱が経過し、セイコーが世界初のクオーツ式腕時計「アストロン」を発売した1969年以降、腕時計市場の製造現場は大きく変わった。大手メーカーが心臓部にあたるムーブメント（動力部）を供給し、商社や代理店が開発・製造・販売などを細かく分業するようになった。 そして100年以上が経った今、製造から販売までをすべて自社で請負う新たなメーカーが日本に誕生した。社名はノット。日本製にこだわり、製造小売、今風にいえばユニクロ式の
SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
残業ゼロのＩＴ会社、理想の就労環境の作り方とは
ｉＯＳ（ｉＰｈｏｎｅ/ｉＰａｄ）アプリ開発を行うフィードテイラーの大石裕一代表（３８）は、理想の就労環境作りを目指して２００６年に起業した。残業が多いとされるＩＴ業界で、残業禁止を掲げ、開発に専念できる職場を実現している。「１０年前は今よりもっと、開発者は過酷な働き方を強いられていた。理想の就労環境を探してＩＴ系企業への転職を繰り返したが見つからず、自分で作ることを決意した。プログラム開発者にとっての理想郷を作りたかった」と話す。 フィードテイラー 大石裕一代表 ■理想的な就労環境とは 「開発者にとって一番幸せと思える環境。それは、なにものにも邪魔されることなく開発に専念でき、能力が発揮できる環境だと考えています」。そのための具体的な制度の一つとして、残業の禁止がある。就労時間は９時から１８時で、２０１２年の平均残業時間実績は１日１人当たり１.５分と徹底されている。 「自身の経験から、プロ
Flipboardの日本語版公開！ CEOが語る誕生秘話
16日、iPhone/iPad用のソーシャルマガジンソフト「Flipboard」の日本語版が公開された（アプリダウンロードページ）。FlipboardはTwitterやFacebookといったソーシャルメディアのほか、RSSフィードなどのデータを取得し、自動的に雑誌のようなレイアウトを生成。電子書籍のように指でめくりながら記事を閲覧できるソフトだ。米国のTime誌の「2010年の発明ベスト50」（“The 50 Best Inventions of 2010”）でも選ばれており、日本でも愛用している人が多い。 上が日本語版FlipboardをiPadで表示したもの、下がiPhoneで表示したもの。画面サイズが異なるため、基本レイアウトが異なるが、操作はまったく同じだ 日本語版の発表の前日となる15日に、都内でFlipboard社のCEOであるマイク・マッキュー（Mike McCue）氏を迎
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
ヤンマーの新農業着がまるでSFコスチュームかブランド服！
滝沢直己氏がデザインを担当した「AW01 PREMIUM AGRICULTURAL WEAR」。左から「アグリカルチャースーツ」「ジャンプスーツ」「サロペット」 先日、100周年を機に「YANMAR PREMIUM BRAND PROJECT」を始動させたヤンマー。前回の記事では追従走行が可能な未来のトラクターを紹介したが、ほかにもいくつかのコンセプトデザインを公開している。 ハイネックや大きめのジッパーなど、トレンドを取り入れたデザインが印象的な作業着は、名を「AW01 PREMIUM AGRICULTURAL WEAR」という。 デザインは滝沢直己氏が担当。滝沢氏はISSEI MIYAKEのディレクターを務めていたことでも知られる人物だ。「アグリカルチャーウェア」の頭文字と思われる英字の後ろにナンバリング、モデル名という名称の付け方は、まるでファッションブランドのよう。 始まりは「かっ
いまさら聞けない「Twitter Bootstrap」とは？ (1/2)
スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か、ということです。 この連載では、特にスタートアップで注目を浴びているフロントエンドツール「Twitter Bootstrap」について、基本的な使い方から実際のWebアプリ開発での導入方法までを紹介します。まずはTwitter Bootstrapが何なのか、どのような場面で使われているのか、確認しましょう。 Twitter Bootstrapの特徴 Twitter Bootstrapは、米ツイッ
InDesignみたいにWebデザイン、「Adobe Muse」に日本版
「紙媒体のデザイナーのためのWebデザインツール」――。そんなコンセプトの新しいソフト「Adobe Muse 2.0」を8月21日、アドビ システムズがリリースした。英語版は2011年8月にパブリックベータが公開されていたが、日本語版の提供は今回が初めて。単体パッケージは販売せず、Creative Cloudのメンバー（月額5000円〜）向けに提供する（単体サブスクリプションは計画中）。 マスターページ、ガイド、スウォッチ……おなじみの機能 Adobe Museは、HTMLやCSSなどのコードを記述せずに、Webサイトを制作できるソフト（Mac OS X/Windowsに対応）。Webサイトの制作では、PhotoshopやFireworksなどのグラフィックソフトでカンプを作成し、HTML/CSSをコーディングする流れが一般的で、HTML/CSSの知識が必須。「ホームページ作成ソフト」を使
日本のネットシーンに天才現る――M.Kitasonoの衝撃 (1/5)
ついに日本のネットシーンに天才現る。あなたはM. Kitasonoと名乗るミュージシャンの曲を聴いたことはあるだろうか？ まだなら今すぐこの曲を聴いていただきたい。 ざくろ（宅録ポップス） by M.Kitasono 作者は1990年生まれの22歳。打ち込みのドラムを除き、ボーカルも含めすべてのパートを自分で演奏し、多重録音で仕上げている。USにはPomplamoose、Jack Conteがいる。じゃあ日本には誰が？ と問われれば、今なら即座にM. Kitasonoと答えるだろう。 日本のネット音楽シーンも、すでに商業音楽と同じように、いかに多くの人に聴かせるかというアプローチが常識になっている。テレビに迫るマスな聴き手がそこに存在する以上、それはごく当たり前のことだ。 そこに突如、飄々とした態度で、ものすごい異物が丸腰でやってきた。それが私のM. Kitasonoさんに対する印象だ。作
目指すはiTunes越え？ 「Gumroad」を生んだ19歳社長に聞く (1/3)
「Gumroad」はSNSを利用して画像や音楽データといった各種コンテンツを販売できるサービスだ。すでにASCII.jpでも、イラストレーターの寺田克也氏がGumroadを使って自身のデジタル原画を販売していることをお伝えしている（関連記事「作品データが売れる「Gumroad」、プロ作家から見たらどうなんだ」）。 既報の通り、Gumroadはシリコンバレーのスタートアップの中でも、とびきりホットなサービスとして注目されており、サービスがローンチされた後は日本国内でもTwitterを通じてその存在が知れることとなった。ASCII.jpでは今回、立ち上げたSahil Lavingia（サヒール・ラヴィンギア）氏にインタビューし、Gumroad立ち上げにまつわる逸話や将来的なプラン、現在のビジネスにまつわる環境について話を聞いた。 TwitterとFacebookを使ったオンラインコンテンツ販売
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
消えゆく日本文化、若者につなげ ニコニコ動画に“再生”の灯 (1/4)
今年で5周年を迎えた投稿動画サービス・ニコニコ動画。日常のクスッと笑ってしまう場面から、自作の歌や曲、ダンスや演奏など、数えきれないほどのジャンルの作品が投稿され、10～20代の支持を受けて成長してきた。 そんなニコ動で今、面白い現象が起こっている。若者文化とは縁遠そうな伝統芸能系動画が驚くほど支持されているのだ。中でも最も有名なのは、昨年8月に投稿された「【邦楽BadApple!!】傷林果」（しょうりんか）だ。 三味線の杵家七三（きねいえ なみ）さんをはじめ、箏、尺八、太鼓という和楽器で構成された「杵家七三社中」が、ニコニコ動画で非常に人気の高い同人ゲーム「東方Project」（以下“東方”）のBGMをアレンジした「Bad Apple!! feat. nomico」を演奏している。なぜ伝統芸能のプロが同人ゲームのBGMなのか。そしてなぜ音もPVもこんなに“本気”なのか。 その「先生、なに
iPhone/iPadで進化した「GoodReader」を使いこなす技 (1/4)
スマートフォン用PDF閲覧アプリの定番である「GoodReader」は、動作の快適さからユーザーの間では「神アプリ」と呼ばれている。一時期は販売価格を115円に値下げするキャンペーンを行なっていたため、インストールした人も多いだろう。現在はiPhone版とiPad版ともに350円になっているが、それでも筆者が購入した時の価格(600円)より安い。 そんなGoodReaderだが、こまめなバージョンアップを繰り返して、登場当時とは段違いにパワーアップしている。今回はGoodReaderを使い慣れていないユーザーやまだ購入していない人のために、シチュエーション別の使いこなし技を紹介しよう。 ライター業にはGoodReaderが欠かせない 筆者は仕事柄、PDFをやりとりすることが多い。本連載程度のPDFならば、メーラー組み込みのビューワーでも表示できるが、特集や単行本の校正用PDFとなると、1フ
HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
Androidスマホは万能動画プレーヤーになれるのか!? (1/2)
前回はauから登場した「REGZA Phone IS04」（以下IS04）をベースに、Androidスマートフォンの音楽再生環境をチェックしてみた。 特に「WinAMP」を使った無線LANによる音楽転送は快適で、なかなか使えるという印象を受けた。今回もIS04でのAndroidスマートフォンにおける動画再生機能を検証してみよう。 意外と制限がある？ IS04標準の動画再生アプリ スマートフォンでの動画再生において、最も気になるのは対応するビデオコーデックではないだろうか。たとえば「iPhone 4」の場合、MPEG-4 AVC/H.264（最高720p／30fps／Main Profile）、MPEG-4（640×480ドット、30fps、2.5Mbps以下）、Motion JPEG（720p、30fps、35Mbps以下）で、ファイルフォーマットはmp4とm4v、movをサポートしている
スマートフォンサイトをデザインする7つのポイント (1/3)
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
プッシュ型提案書で通せ――「1枚企画書」パターン実例3題 (1/5)
本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をPowerPointで作る手順を全5回で紹介します。社会人になったらWordやExcelだけでなくPowerPointも使いこなせなくては、社内や取引先でのプレゼンに勝ち抜けません。しかし、ただ単に企画書をPowerPointで再現しただけでは、印象に残るプレゼンにはほど遠く、居眠りを誘う会議になってしまうことでしょう。 前回から、「1枚企画書」の実例をパターン別に紹介しています。ここでは「提案型企画書」を1枚にまとめる方法を紹介します。複数の見解や具体案を入れてもゴチャゴチャせず、すっきり読める企画書作りをマスターしてください。 ※本記事は「ビジネス極意シリーズ パワポで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 Table of Contents プッシュ型提案書1――飽和市場の「新商品企画書」 プッシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ゼロから始めるレスポンシブWebデザイン入門
マンガ：Webディレクター 江口明日香が行く
