<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://organizeseries.com/"
	>

<channel>
	<title>QNX &#8211; HTML5Experts.jp</title>
	<atom:link href="/tag/qnx/feed/" rel="self" type="application/rss+xml" />
	<link>https://html5experts.jp</link>
	<description>日本に、もっとエキスパートを。</description>
	<lastBuildDate>Sat, 07 Jul 2018 03:14:05 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.7.19</generator>
	<item>
		<title>車載とWebの今がわかる、てんこ盛りの165分！</title>
		<link>/yhori/6710/</link>
		<pubDate>Fri, 30 May 2014 00:00:43 +0000</pubDate>
		<dc:creator><![CDATA[堀裕司]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[FirefoxOS]]></category>
		<category><![CDATA[QNX]]></category>
		<category><![CDATA[TizenIVI]]></category>
		<category><![CDATA[html5j]]></category>
		<category><![CDATA[自動車]]></category>
		<category><![CDATA[車載機器]]></category>

		<guid isPermaLink="false">/?p=6710</guid>
		<description><![CDATA[連載： イベントレポート (18)今年に入って車載プラットフォームや組み込み系OSの動きが活発になってきています。 2014年4月8日に開催された、html5j自動車部の第三回勉強会「車載とWebの今が分かる、てんこ盛り...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/eventarchives/" class="series-159" title="イベントレポート" data-wpel-link="internal">イベントレポート</a> (18)</div><p>今年に入って車載プラットフォームや組み込み系OSの動きが活発になってきています。<br>
2014年4月8日に開催された、html5j自動車部の第三回勉強会「<a href="http://h5j-automotive-03.peatix.com/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">車載とWebの今が分かる、てんこ盛りの165分</a>」では、W3Cにおける標準化動向や個別のプロダクト（QNX Cars、TizenIVI、Firefox OS）の最新動向を業界の第一人者の方々に思う存分語ってもらいました。その模様をレポートします！</p>

<p><span id="more-6710"></span></p>

<h2>はじめに</h2>

<p>現在、車載機器に搭載されるOSのほとんどは車載専用として開発されていますが、昨今はスマートデバイスに搭載されているOSを車載に対応させようとする動きが出ています。</p>

<p>第三回勉強会は、今のWebと車のかけ合わせに関するキーパーソンの方々に、Webと車載OSについて講演していただきました。非常にボリュームのある勉強会で休憩時間もあまりとれませんでしたが、その分濃厚なお話が聞けました。会場はリクルートマーケティングパートナーズさんです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/daeae009e23ffef8b2204c207d3e05341.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/daeae009e23ffef8b2204c207d3e05341.jpg" alt="自動車部_3_start" width="640" height="427" class="size-full wp-image-7051" srcset="/wp-content/uploads/2014/05/daeae009e23ffef8b2204c207d3e05341-300x199.jpg 300w, /wp-content/uploads/2014/05/daeae009e23ffef8b2204c207d3e05341-207x137.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<h2>セッション1. W3C標準化と車載プラットフォームの最新動向について</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/ea7c408a15f2730242ac2536bc7f04d1.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/ea7c408a15f2730242ac2536bc7f04d1.jpg" alt="session1講演者様" width="400" height="200" class="alignright size-full wp-image-7055" /></a>
最初は株式会社ニューフォリアの羽田野さんのセッションです。(<a href="http://www.slideshare.net/futomihatano/w3c-33304035" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">スライド</a>)</p>

<p>IT業界と自動車業界の動向、組み込み系でWeb技術を使用する際の課題、IVI（In-Vehicle Infotainment：車載インフォテインメント）上のWebアプリケーションストアの是非や、市場規模について、さらにはVehicle APIを提供している各社のSpecから作成したサンプルコードの比較など、最初のセッションから盛りだくさんの内容でした！</p>

<h3>車載プラットフォーム最新動向</h3>

<p>昨今、新たな車載向けプラットフォームが続々と発表されています。</p>

<ul>
<li>AppleのCarPlay  </li>
<li>GoogleのAndroid(OAA) </li>
<li>MicrosoftのWindows in the car  </li>
</ul>

<p>CarPlayはフェラーリをはじめ、多くの自動車メーカが名を連ねています。GoogleのOAAもAudiなど、多くの自動車メーカーが加盟しています。こちらはプロダクトを発表したわけではなく、OAAという団体で議論をしているようです。</p>

<p>また、MicrosoftはBuildというイベントで、メトロUIを持つWindows in the carというプロダクトを作っていると発表していました。どんなメーカーが関わろうとしているかの情報等はありませんでしたが、IVIの世界に続々と車載プラットフォームが誕生しています。<strong>IT業界と自動車業界の掛け合わせが非常にホットになってきています！</strong></p>

<h3>IVIにおけるWeb技術使用と課題</h3>

<p>Web技術をIVIなどの組み込み系の環境で使用するには、様々な課題があります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/0ac111269cece30062d8b3fd5bf8840e.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/0ac111269cece30062d8b3fd5bf8840e.png" alt="アプリ基盤としての課題" width="640" height="427" class="size-full wp-image-7057" /></a></p>

<p>パフォーマンス面はすべてをJavaScriptで行うのではなく、適材適所でハードウェアで演算させた方が速い処理はハードウェアに任せ、結果だけ利用するといった設計コンセプトになっていれば、Javascriptのパフォーマンスはなんとかなりそうです。</p>

<p>ハードウェアについては、スマートフォンの短期間でのハードウェアスペックの向上を見るに、時間が解決してくれそうなので、楽観視していても良いかもしれません。実装APIの不足もありますが、こちらも徐々に対応されるでしょう。これらの課題がクリアされると、組み込み系でWeb技術の利用が現実的になってきます。</p>

<p>では、ネイティブアプリケーションではなく、Webアプリケーションを作るメリットはなんでしょうか？</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/61f4c29379c03445e5b5b1ac63894e9d.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/61f4c29379c03445e5b5b1ac63894e9d.png" alt="ウェブアプリ基盤のメリット" width="640" height="427" class="size-full wp-image-7059" /></a></p>

<p>上記のメリットが考えられます。</p>

<p>ネイティブアプリケーションではなく、Webアプリケーションを採用することによる、ユーザー側のメリットも考慮しなくてはなりません。</p>

<p>ユーザーはアプリケーションがネイティブアプリケーションでもWebアプリケーションでも、うまく動いてくれれば中身は気にしないでしょう。そのため、Webアプリケーションを選択した場合のユーザーのメリットは、これから開発者が考えて提供していく必要があります。</p>

<h3>実際にアプリケーションを作って、ビジネスをするには？</h3>

<p>デベロッパがアプリケーションストア上でビジネスをすることは、スマートフォンでは当たり前になりました。</p>

<p>スマートフォンでは、サードパーティ製のアプリケーション開発が盛んに行われ、数多くの面白いアプリケーションが開発されました。スマートフォンが魅力的なデバイスとなった1つの要因でしょう。</p>

<p>同じようにIVIを開発者にとって魅力的なものするには、サードパーティがアプリケーション開発をしてビジネスをする土台が必要となります。そのためには、アプリケーションストアが必要になると考えられます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/413de25cb26dec292e0a169dc2860aa71.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/413de25cb26dec292e0a169dc2860aa71.png" alt="アプリストアの是非" width="640" height="427" class="size-full wp-image-7061" /></a></p>

<h3>Webアプリケーションでビジネスをする際の市場規模について</h3>

<p>これらの条件がクリアされ、アプリケーションを作るための環境が整った時、IVI向けのアプリケーションを売ることができるのか？</p>

<p>スマートフォンとIVIの市場規模を比較すると下記のようになります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/a250eca31daa2bc07a3c78ba31a5dd82.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/a250eca31daa2bc07a3c78ba31a5dd82.png" alt="2013年世界の出荷台数比較" width="640" height="427" class="size-full wp-image-7063" /></a></p>

<p>自動車の販売台数はスマートフォンの10分の1以下です。さらにカーナビを搭載しているのは、世界的には2割程度(日本は例外で8割位)です。スマートフォンに比べると、市場規模が非常に小さいことも課題となるでしょう。</p>

<h3>IVIのAPI比較</h3>

<p>IVIのAPIは標準化されていないので、各社でバラバラな仕様です。IVIのアプリケーション開発の活性化のためには、標準化は欠かせません。講演では、webinos、QNX、TIZENの仕様書から、各APIで共通するギア位置の取得をするAPIを例にコードを比較していました。</p>

<p>同じ情報を取得するコードでも、標準化されていないため、書き方にかなりの差異がありました。そのため、複数のIVIプラットフォームに対応するアプリケーションを作ることはできず、プラットフォームの数だけ別のコードを書く必要があります。コードについては、記述が多くなるので残念ですが割愛します。詳しくは動画とスライドをご覧ください。</p>

<h4>注意!</h4>

<p>スライドにあるコードは各API仕様から、おそらくこのように書くのだろうと予想したコードとなります。動作確認する環境がないので、<strong>コードは架空のものであり、フィクションなのでご注意下さい！</strong></p>

<h3>W3C Automotive and Web Platform BG</h3>

<p>各社様々な実装になっているという現状から、W3C Automotive and Web Platform BGが立ち上がって、Vehicle Information APIを策定しています。標準化にあたっての設計指針がドキュメントとして存在します。まとめると下記のような内容になっています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/API_Creation_Guidelines_and_Rationale.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/API_Creation_Guidelines_and_Rationale.png" alt="API_Creation_Guidelines_and_Rationale" width="640" height="427" class="size-full wp-image-7066" /></a></p>

<p>現状、国やOEM(自動車メーカー)で特有の呼び方があります。W3Cでは、国、自動車メーカーに依存しない呼び名を使うようになっています。</p>

<h3>Vehicle Information APIのコード</h3>

<p>現在策定中のVehicle Information APIで、ギア位置の取得をするコードはどうなるのでしょうか？</p>

<h4>今現在の状態が知りたい場合</h4>

<p><code>
// ワンショット
navigator.vehicle.transmission.get().then(
    function(data) {
        console.log(data.gear); // ギア位置
        // 0～10
        console.log(data.mode); // モード オートマチックのレバーの位置
        // "park", "reverse", "neutral", "drive"
    },
    function(e) {
        console.log(e.code + ": " + e.message);
    }
);
</code></p>

<h4>変化があった時にだけ情報が欲しい場合</h4>

<p><code>
//リスナー
navigator.vehicle.transmission.subscribe(function(data) {
    console.log(data.gear); // ギア位置
    // 0～10
    console.log(data.mode); // モード
        // "park", "reverse", "neutral", "drive"
});
</code></p>

<p>上記のコードにはPromiseが使われています。最近のW3CのAPIはPromiseが前提になっているものが増えてきており、W3C Vehicle Information APIには、下記のような特徴があります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/8ea45dbe8aa8d23b2a199e6dc517d61f.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/8ea45dbe8aa8d23b2a199e6dc517d61f.png" alt="W3C_VehicleAPIの特徴" width="640" height="427" class="size-full wp-image-7068" /></a></p>

<p>PromiseはDOM4で規定されています。Promiseを使うと、非同期プログラミングが容易になります。ほかにもPromiseを使用したAPIには、Web Cryptography APIという暗号化のAPIもあります。</p>

<p>このVehicle Information APIで取得できる情報は多岐にわたり、例えば、走行情報では下記のような情報が取得できます。</p>

<ul>
<li>車速(km/h)  </li>
<li>エンジン回転数(rpm)  </li>
<li>イグニッションスイッチ位置  </li>
<li>エンジンオイル状態  </li>
<li>加速度  </li>
</ul>

<p>上記以外にも、メンテナンス情報や空調/気候情報など、多くの情報が取得できるようになります。</p>

<h3>FAQ</h3>

<ul>
<li>Vehicle Information APIを使って、アプリケーションから何らかの命令を与えることはできないか？</li>
</ul>

<p>という質問がありました。APIのSETについては今のところ議論中ですが、存在します。誰にSETを許可するか？といった、Permission問題についての協議も必要で、SETについては仕様上存在していても使えるかはわかりません。</p>

<h2>セッション2. Tizen IVI Introduction</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/991b6a5a9918166749a5ba0d46d14633.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/991b6a5a9918166749a5ba0d46d14633.jpg" alt="session2講演者様" width="300" height="200" class="alignright size-full wp-image-7070" /></a></p>

<p>続いて、セッション2です。高橋さんによるTizen IVIについてのセッションです。IVIに関連するTizenのアーキテクチャについて熱く語っていただきました。</p>

<p>このセッションでは、Tizenにおいて、ハードウェアの情報は、どのようにWebアプリケーション側に伝播するのか。そして、レイヤーを問わず、開発者にとって開発しやすい仕組みとは？APIを使用する、APIを作るということをOSのアーキテクチャを交えて見ることで、普段Webアプリケーションを開発している時には、あまり意識をしない部分についても知ることができるセッションでした。</p>

<h3>Tizen IVIを知るための前知識</h3>

<p>TizenとIVIのそれぞれについて知っているでしょうか？</p>

<h4>Tizenとは？</h4>

<p>TizenとはLinuxディストリビューションの1つです。Tizen Projectでは1つの会社で作らないような仕組みが作られており、開けた開発が行われています。ターゲットとしては、モバイル、カメラ、スマートウォッチ、IVIがあります。Tizenはソフトウェア開発コストを抑え、容易にアプリケーションを作れるように、新しい体験をユーザーに素早く提供できるように考えられたOSです。</p>

<h4>IVIとは？</h4>

<p>IVIはインテルが提唱した、In-Vehicle Infortainmentの略で、車の中の情報とエンターテイメントを指します。Infortainmentとは、InformationとEntertainmentを組み合わせた造語です。</p>

<ul>
<li>Vehicle Informationは、エンジンの状態、オイルの状態、ライトのステータスなど、様々な情報を扱います</li>
<li>Vehicle Entertainmentは、例えば、車内で音楽が聞けたり映画が見れたりすることです</li>
</ul>

<p>つまり、IVIとは車の情報とエンターテイメントを提供するものです。</p>

<h3>Tizenのアーキテクチャについて</h3>

<p>APIを使用するということはどういうことでしょうか？APIを作るということはどういうことでしょうか？これらはOSの下回りを知ることで、より一層の理解が得られます。そしてTizenがいかに効率良くAPIを作ることができるのかを知ることができます。</p>

<p>Tizenのアーキテクチャは下記の図の通りです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/Tizen_Architecture1.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/Tizen_Architecture1.png" alt="Tizen_Architecture" width="640" height="427" class="size-full wp-image-7073" /></a></p>

<p>次の章で、Tizen IVIのためにゼロから作っているコンポーネントを5つ紹介します。</p>

<h4>Tizen WRT on Wayland</h4>

<p>Web FrameworkのWeb Runtime部分に位置します。Tizen Web Appというアプリケーションを動かすためのRuntimeで、W3Cで定義されいている「Packaged Web Apps」に準拠しています。</p>

<p>WebkitEFLというグラフィックライブラリを使用してHTMLコンテンツをレンダリングし、HTMLコンテンツをシステムアプリケーションのように動作させます。</p>

<p>JavaScriptのVMは、Webkit標準のJavaScriptCoreを使用しています。</p>

<p>Plugin Frameworkを採用しており、プラグインの追加によって、柔軟にJavaScript APIを拡張することができるのが特徴です。一例として、Tizen Device APIが挙げられます。</p>

<ul>
<li>Waylandとは？<br />
ディスプレイサーバープロトコルの1つです。Xorgよりも、軽量で、構造もシンプル、そしてパフォーマンスも改善されています。</li>
</ul>

<h4>Automotive Message Broker(amb)</h4>

<p>IVI Componentの一部です。車両データを抽象化するミドルウェアで、データをアプリケーション層に引き渡すデーモンです。入力プラグインが車両データを受け取り、フォーマットに合わせたデータ(CAN,OBD-2,ELM-327)をamb coreに渡します。</p>

<p>amd coreは中継とデーモンへ送信する役目を担っており、出力プラグイン(シンクプラグイン)へデータを発行します。</p>

<p>出力プラグインでは、アプリケーション層に車両データを渡します。出力プラグインでは、WebSocketで渡すこともできるのでWebアプリケーションとの親和性が高いです。</p>

<h4>dLeyna</h4>

<p>Multimedia Componentとして、dLeynaがあります。dLeynaは<a href="http://ja.wikipedia.org/wiki/Digital_Living_Network_Alliance" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">DLNA(Digital Living Network Alliance)</a>に準拠した通信環境を提供するデーモンです。</p>

<p>例えば、dLeynaを導入して車内ネットワークでDLNA環境を構築することで、IVI SystemからDLNA経由で乗員の携帯電話に配信した映像コンテンツを楽しめるようになります。dLeynaは、後述するCloudeeBusを利用してWeb APIを提供します。</p>

<h4>Cloudeebus</h4>

<p>System and Base Componentで、DBusのAPI(Linux内部で行っているIPC通信)をJavaScriptのAPIへ変換するためのデーモンです。</p>

<p>ブラウザに手を加えずWeb APIを追加する仕組みで、DBusとWeb APIの変換をしてくれます。WAMP(WebSocket Application Messaging Protocol : WebSocketの上位プロトコル)を利用しています。</p>

<h4>HTML5との関連について</h4>

<p>dLeynaにWebSocketのAPIがありましたが、これを使って、下記のWeb APIを策定しています。</p>

<ul>
<li>Media Content API  </li>
<li>Media Server API  </li>
<li>Media Renderer API  </li>
</ul>

<h4>Tizen IVI向けのWebアプリケーションを開発するには？</h4>

<p>Tizen SDK for In-Vehicle Infotainmentが2014年1月にリリースされています。IVI向けのWebアプリケーションが簡単に作れるようになりした。</p>

<h3>FAQ</h3>

<ul>
<li>モバイルのTizenはOSSだが、クローズドな印象があります。契約を結んでいない会社でも最新仕様にアクセスできるのでしょうか？  </li>
</ul>

<p>モバイルだとアソシエーションに入っている会社とそうでない会社では差別化しているようです。
方針を決めるための議論については会員メンバーではないと関われないかも。</p>

<ul>
<li>IVIを動かすために一番簡単な方法はなんでしょうか？  </li>
</ul>

<p>仮想イメージを配布しているので、そちらを使うと良いです。</p>

<ul>
<li>Web Runtime経由でしか出力を受け取れないとのことでしたが、Webアプリしか作れなくなるのでしょうか？  </li>
</ul>

<p>出力プラグインで、DBus経由で出力すればネイティブアプリケーションも作れます。</p>

<h2>セッション3. 車載ソフトウェア最近のトレンドとQNX CAR Platform</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/b59527d9373139cd62a21f6067414173.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/b59527d9373139cd62a21f6067414173.jpg" alt="session3講演者様" width="400" height="200" class="alignright size-full wp-image-7075" /></a></p>

<p>続いてQNX ソフトウエア システムズ株式会社の中鉢さんから、車載ソフトウェアのトレンドとQNX Car Platformについてのお話がありました。</p>

<p>中鉢さんは20年に渡ってナビゲーションを開発されているそうです。その中で、今が一番面白く、一番大変で、ビジネスチャンスが多くある時期であるとのことです。</p>

<p>そんな中、商用OSであるQNX Car Platformは、IVIのプラットフォームとして多くの実績があります。今の商用IVIプラットフォームには、どのような要件が求められ、どのような機能が搭載されているのでしょうか？</p>

<h3>車載環境を取り巻く状況</h3>

<p>今、車載はどういった状況にあるのでしょう？</p>

<p>QNXでは、システム構成はエンベデッド、ブロートイン、ビームドインと区分けしていますが、これらの住み分けが曖昧になってきています。
以前はそれぞれにデバイスが存在していましたが、今はお互いの領域に少しずつ入り込んでいる状態になっています。その他にも、オープンスタンダードが求められる時代になっています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/5abe26cf4bc58e05e8e9475f3d3de2cd.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/5abe26cf4bc58e05e8e9475f3d3de2cd.png" alt="QNX_最近の動向" width="640" height="427" class="size-full wp-image-7077" /></a></p>

<p>これらの要求に伴い、OSに対する要件が変化しています。オープンスタンダードのサポート、<a href="http://ja.wikipedia.org/wiki/ISO_26262" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">ISO26262</a>で話題になっている機能安全対応や仮想化(最終的なソリューションではないと考えています)といった要件が求められています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/abe0dcdd74c854e23e7c1dd8cf11f7fa.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/abe0dcdd74c854e23e7c1dd8cf11f7fa.png" alt="QNX_OSに対する要件" width="640" height="427" class="size-full wp-image-7078" /></a></p>

<h3>HTML5とUI開発</h3>

<p>QNX SDP6.6(Software Development Platform) のApps and Mediaは、UI開発はHTML5をベースとしておりWebKitベースのHTML5エンジンを搭載しています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/QNX_html5.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/QNX_html5.png" alt="QNX_html5" width="640" height="427" class="size-full wp-image-7079" /></a></p>

<p>HTML5アプリケーションを作るためのSDKも提供されています。</p>

<h3>HTML5アプリケーション環境とApache Cordova</h3>

<p>Apache Cordovaを使った形で開発できる環境を提供しています。Apache Cordovaを使うことで、クロスプラットフォームで、スマートフォン、タブレットや、さらにはテレビも視野にいれてアプリケーションを作ることができます。クロスプラットフォーム対応をすることで、アプリケーションの開発コストを下げ、車載だけのアプリケーションにしなくてよいようにしています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/QNX_ApacheCordova.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/QNX_ApacheCordova.png" alt="HTML5アプリケーション環境とApacheCordova" width="640" height="427" class="size-full wp-image-7080" /></a></p>

<p>また、APK RuntimeというAndroidのRuntimeも搭載しており、Dalvik仮想マシンをLinuxからQNXに移植しています。JellyBean(4.2)から動作し、JNIプラグインをサポートしています。</p>

<p>Dalvikはコンテナーです。Sandboxを使っており、Androidを１つのプロセスに閉じ込め、ほかのアプリケーションやシステムに影響を与えないようにして安全性を保っています。</p>

<h3>FAQ</h3>

<ul>
<li>QNXで脆弱性が見つかった場合のポリシーや対応の仕組みはどうなっているのでしょうか？</li>
</ul>

<p>マイクロカーネルと言った形で、ドライバーやスタック、ファイルシステムは基本的にすべてユーザー空間で動作する。なんらかの故障やハッキングが起きた時は、そのプロセスだけ停止して再起動する仕組みを持っている。監視サイドはHA構成をとっており、監視役が落ちてしまっても大丈夫なようになっている。</p>

<ul>
<li>W3CのVehicle APIが統一された時の対応はどうなるのでしょうか？</li>
</ul>

<p>Vehicle API対応はしますが、現状のApache CordovaとVehicle APIの両方を載せることになるでしょう。</p>

<h2>セッション4. 組み込みでも使える Firefox OS</h2>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/396f6c8534b39109abf97dbf68a549dc.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/396f6c8534b39109abf97dbf68a549dc.png" alt="session4講演者様" width="400" height="200" class="alignright size-full wp-image-7083" /></a></p>

<p>最後のセッションは、一般社団法人 Mozilla Japanの清水さんから、組み込みでも使えるFirefox OS(<a href="http://www.slideshare.net/chikoski/20140407html5jautomotive" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">スライド</a>)と題して、Firefoxの説明とFireFox OSを組み込みで使うならどうするか？という点にフォーカスしてお話をして頂きました。</p>

<h3>Firefox OS</h3>

<p>多くの人にWebを届けるというのがメインミッションであるため、車載はメインストリームではありません。現在は、南米や東欧方面に注力しています。</p>

<p>Firefox OSの特徴は、ネイティブアプリケーションがなく、すべてのアプリケーションをHTML5で作ることができるという点です。様々な会社と共同開発をしていますが、MozillaがAPIの仕様を決めているわけではありません。</p>

<p>共同開発をしている企業が自分たちに必要なAPIを作ることで、Firefox OSのAPIが増えるという開発体制になっています。メインターゲットは北欧や日本などのインターネットが成熟した方面ではなく、南米やヨーロッパを中心に15カ国で3種類の端末(勉強会開催日の情報です)が販売されています。</p>

<h3>低スペックなハードウェアでも動作する</h3>

<p>低スペックのハードウェアで動くようになっています。メインターゲットとする販売地域によっては、高スペックな端末は非常に高価で貴金属のような扱いとなり、持っているだけで犯罪の対象となってしまう可能性があります。</p>

<p>そのため、古く低スペックなハードウェア上で動作するOSを作り、安くスマートフォンを提供することで世界にWebを届けようとしています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/b786dddf5852f664d2b928598e14c9e9.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/b786dddf5852f664d2b928598e14c9e9.png" alt="FirefoxOS_動作環境" width="640" height="427" class="size-full wp-image-7085" /></a></p>

<p>上記のスライドにはGPUも記載されていますが、GPUはなくても動きます。現在も、より低スペックなハードウェアでも動くように開発を進めています。Firefox OSはすべてオープンソースですが、携帯電話の周波数コントロールのような部分はプロプラなコードでないと動かないので注意が必要です。ソースコードのビルドは、Ubuntuが一番簡単にビルドできるようです。Mac OSでも可能です。</p>

<h3>Firefox OSのアーキテクチャ</h3>

<p>Firefox OSとAndroidのアーキテクチャを比較します。カーネルはAndroidが使っているLinuxのカーネルをそのまま使っています。その上に<a href="http://ja.wikipedia.org/wiki/Gecko" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Gecko</a>というブラウザのレンダリングエンジンが動いています。</p>

<p>例えば、Linuxを起動してFirefoxが動かしWebページを開く。これをFirefox OSに当てはめると、アプリケーションとWebページを区別していないので、イメージ的にはFirefoxのWebページのタブ1つ1つが、HTML5のアプリケーションというイメージです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/FirefoxOS_architecture1.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/FirefoxOS_architecture1.png" alt="FirefoxOS_architecture" width="640" height="427" class="size-full wp-image-7086" /></a></p>

<p>より詳細なアーキテクチャを見てみましょう。大きく以下の3つのレイヤーに分けることができます。</p>

<ul>
<li>カーネルとハードウェアのアブストラクションレイヤー</li>
<li>Geckoのブラウザエンジンで、アプリケーションとの繋ぐレイヤー</li>
<li>HTML5,CSS,JavaScriptのアプリケーションのレイヤー</li>
</ul>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/FirefoxOSArchitecture_Detail.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/FirefoxOSArchitecture_Detail.png" alt="FirefoxOSArchitecture_Detail" width="640" height="427" class="size-full wp-image-7087" /></a></p>

<p>ここで、アプリケーション層からJavaScriptでハードウェアにアクセスするためのものをWeb APIと呼んでおり、JavaScriptでラップしてあります。</p>

<p>ブートプロセスはLinuxとほぼ同じで、カーネルがブートしてinitからb2g(Gecko)が起動されます。そして、起動されたGeckoの上でアプリケーションが動作します。initでは、b2g以外にも様々なデーモンが起動されます。</p>

<h3>ユーザー空間アーキテクチャ</h3>

<p>中身はLinuxなので、b2g(Gecko)より下位層のプログラムは通常のUnixプログラムと同じように開発できます。ユーザー空間ではGeckoを中心に下記の図のようなアーキテクチャになっています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/FirefoxOS_UserSpaceArchitecture.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/FirefoxOS_UserSpaceArchitecture.png" alt="FirefoxOS_UserSpaceArchitecture" width="640" height="427" class="size-full wp-image-7088" /></a></p>

<p>車載でFirefox OSを使う場合、b2gより下のLinuxの世界でデバイスの情報を取ることができれば、b2gに手を加える事で、例えばギアの情報を取ることが可能となります。そして、Web API(JavaScript)でb2gとWebアプリケーションの間を繋げることで、アプリケーションからギアの情報を取得できるようになります。</p>

<p>Firefox OSでは、Web APIが従来のOSのシステムコールに相当し、デバイスの制御や情報の取得ができます。例として、JavaScriptからバイブレーションを制御できるWeb APIを見てみましょう。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2014/05/FirefoxOS_vibrationAPI.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2014/05/FirefoxOS_vibrationAPI.png" alt="FirefoxOS_vibrationAPI" width="640" height="427" class="size-full wp-image-7089" /></a></p>

<p>配列でバイブレーションのパターンを書きます。この例だと、100ms震えて、30ms休止する… という動作をします。非常に簡単にハードウェアを制御できています。</p>

<h3>Web APIの追加方法</h3>

<p>実際には、デバイスの制御はnavigatorオブジェクトが行い、JavaScriptの世界から、C++で書かれているGeckoの世界を繋ぐ必要があります。</p>

<p>その実装は、インターフェイス定義言語のWebIDLを使用しています。WebIDLでインターフェイスを定義し、インターフェイスで定義したメソッドを実装します。例えば、車載でギアの情報を取得する際にも同様の手順で実装すればよいでしょう。</p>

<h4>もう少し複雑なものを作る場合は？</h4>

<p>例えばデータ構造を定義したいような場合、WebIDLでインターフェイスを書いて実装を書くというステップまでは同じです。</p>

<p>新たに定義するクラスがあるので、JavaScriptで実際に使用するクラスとC++とのバインドを行う必要があります。バインド自体は簡単で、Bindings.confに対応付けを記述します。そしてビルド対象に追加してビルドすれば使えるようになります。注意点として、オブジェクトの追加時にはGCのサイクルに追加するといった、定型的な作法があります。</p>

<p>このように、簡単にWeb APIを追加できます。</p>

<p>単純な読み書きや処理をトランザクションで行わなくてもよいものは、WebIDLを使って単純に書けばいいですが、複数のアプリケーションから同時に使う場合に競合が発生したりする場合は、Linuxの世界でデーモンプロセスを作って、デーモンを経由して実行する対応します。</p>

<p>このように、組み込みで使用する場合も簡単にAPIを追加できます。</p>

<h2>最後に</h2>

<p>勉強会の最後にアンケートを実施しました。ご回答ありがとうございます。アンケートの結果を元に、今後の勉強会の内容等を検討させていただきます。</p>

<p>ご協力ありがとうございました。</p>

<h2>勉強会の動画配信はこちら</h2>


<!-- iframe plugin v.4.3 wordpress.org/plugins/iframe/ -->
<iframe width="560" height="315" src="//www.youtube.com/embed/bfsqybGwEs8" frameborder="0" 0="allowfullscreen" scrolling="yes" class="iframe-class"></iframe>


<p><BR>
次回の勉強会もお楽しみに！</p>
]]></content:encoded>
		
		<series:name><![CDATA[イベントレポート]]></series:name>
	</item>
	</channel>
</rss>
