IRKit Javasciptをスマートフォン対応にちょっとカスタマイズ

2014-04-09 23.22.08

iPhoneアプリはApp Storeにリリースされていますが、Android版でもIRKitを使いたいじゃないですか!ということで公式サイトで提供されているJavascriptを改修してスマートフォンのブラウザから操作しやすいようにしてみました。

IRKit jQuery Sample – jsdo.it – Share JavaScript, HTML5 and CSS

こちらで紹介されているHTMLについて、index.htmlの中のbootstrap.jsを最新版としてスマートフォン対応にするためにmeta タグでviewportを指定しました。

こちらが適用前の状態でAndroidのChromeブラウザから開いたところです。

Before

こちらが適用後です。

After

こちらのプリセットを自分で修正すればカンタンに自分のリモコンが出来上がります。Javacriptで操作できるというのは非常にありがたいです。応用の幅が一気に広がります。

HTML、CSS、Javascriptのセットは以下のGitHubにあります。Dropboxなどに格納して自分だけの公開リンクを用意すれば上記のスクリーンショットのとおりスマートフォンから操作が可能になります。

GitHub・hondamarlboro/IRKit-Javascript

応用編としては、Androidであればこれを拡張してアイコンとセットにして自分だけのリモコンが出来上がります。

iPhoneやiPadであれば、MyScriptsでスクリプトを用意しておき、Touch Icon Creatorでホーム画面にアイコンを置くことも可能になります。TV電源やエアコン、オーディオのオンオフくらいならホーム画面にあった方が便利かもしれません。

IRKit – iPhone,iPadを使って外出先からエアコン等の家電を操作できる学習リモコン Amazonストア
IRKitシンプルリモコン App Store (iPhone)