Firefox

Safari

Chrome

Internet Explorer

実績紹介

株式会社テレビ朝日様   ハイブリッドキャストコンテンツ「クレヨンしんちゃん」

テレビ朝日社さまが提供する「クレヨンしんちゃん」のハイブリッドキャストコンテンツを、ハイブリッドキャスト向けのHTML5コンテンツ開発支援ツール「Monaca for Hybridcast」を活用して開発しました。

特徴

・次世代放送サービス、ハイブリッドキャスト向けのHTML5コンテンツ
・スマホ操作で、テレビ上に表示されたロボしんちゃんをアニメーション
・開発に「Monaca for Hybridcast」を活用
※ 以下のテレビ朝日様の特設ページから実際のコンテンツをご覧いただけます。
『ハイブリッドキャストで「クレヨンしんちゃん」と「ゴーちゃん。」と遊ぼう!』
http://www.tv-asahi.co.jp/shin_go/

  • ハイブリッドキャストコンテンツ初回起動画面

  • スマホ操作でロボしんちゃんがアニメーション

  • スマートフォンをコントローラーに

タグ

  • HTML5 × Javascript × CSS3アプリケーション開発
  • デザイン・UI設計
  • ハイブリッドキャスト

課題と懸念点

・ハイブリッドキャストに対応するテレビ端末が次々発売される中で、どこまで先進的なコンテンツを開発できるか難しいチューニングを要求されました。
・ハイブリッドキャスト対応のテレビ端末、コンパニオンアプリ間での仕様・性能の差異をカバーする必要がありました。
・ハイブリッドキャスト向けコンテンツの開発環境も未成熟な中で、開発・デバッグ環境を整えながら進める開発となりました。

Top

プロジェクトについて

次世代放送サービス、ハイブリッドキャスト向けのHTML5コンテンツ

スマートフォンやタブレットをコントローラーとして、テレビ画面に表示される「ロボしんちゃん」を操作。視聴時間に応じて「ロボしんちゃん」のアクションが増え、飛ぶ、ロケットパンチ、お尻ブリブリなどが行えます。

テレビ端末、コンパニオンアプリ間での仕様・性能差をカバーし、先進的なコンテンツを実現。

本プロジェクトは、ハイブリッドキャスト対応テレビ端末や、対応するコンパニオンアプリがプロジェクト中に次々に増える開発となりました。テレビ端末間、コンパニオンアプリ間での仕様・性能の差異をカバーしつつ、ロボしんちゃんをアニメーションさせるなど先進的なコンテンツの実現が必要で、チューニングが非常に難しいプロジェクトでした。

アシアル社、テレビ朝日社が共同で提供する「Monaca for Hybridcast」を活用

本ハイブリッドキャストコンテンツは、アシアル、テレビ朝日社が共同で提供する「Monaca for Hybridcast」を活用して開発しています。Monaca for Hybridcastでは、PC上のブラウザからテレビ端末でのデバッグに利用するWebツールと、開発を効率化させるライブラリが提供されます。

Top

開発体制・構築手法など

作業範囲 デザイン、基本設計、詳細設計、開発、テスト
テクノロジー HTML5、CSS3、JavaScript、Monaca for Hybridcast
開発期間 3ヶ月
開発体制 4名
予算 非公開
デバイス テレビ、スマートフォン、タブレット
Top

プロジェクト主要メンバー紹介

小林有佳 取締役

大学4年時にアルバイトとしてアシアル株式会社に入社。東京大学では薬学を専攻していたが、同大学院卒業後、アシアルに正社員として入社する。

大学在籍時からベンチャーや起業に興味があり、アシアルに入社してからWebシステムが世界を変えることを実感。豊かな社会の基盤として、Webシステムをより効果的に活用することを目標として仕事に力をいれている。

数々のプロジェクトのリーダーをこなし、その功績が認められ、2007年6月より取締役に就任。

橋本章史 フロントエンドエンジニア

以前は大手SIerでSEとして開発に携わっていたが、その中で「もっとプログラミングがしたい!」と思うようになり、アシアル株式会社に入社。
得意分野は、HTML、CSS、Javascript、FlexなどのフロントエンドとiPhoneアプ リ開発(Objective-C)。

坂本龍介 エンジニア

電気系の高校と大学に入学したものの電気に嫌気が指して情報の世界へ。

新卒からPerlやFilemaker、Javaなど色々な言語に手を出しRIA全盛期にFlashやSilverlightの開発をしていました。
途中でWebセキュリティ関連業務に携わったため脆弱性は比較的詳しいです。

2013年8月アシアルに入社してからはHTML・CSS・JS・PHPを組む日々で幸せです。

Top

類似する実績

お問い合わせ

システム構築のご相談、研修やセミナー・執筆のご要望など、お気軽にお問い合わせくださいませ。
技術に明るい担当者が直接ご相談させて頂きます。

開発事例ダウンロード

下記のリンクより開発事例の資料をご覧いただけます。

PHP開発補助製品

  • SSLモバイル
  • JpGraph

Webサービス&携帯サービス

  • Monaca
  • PHPプロ!
  • OnsenUI