LoginSignup
35

More than 5 years have passed since last update.

JSでiBeacon開発 - BeaconEgg

Last updated at Posted at 2013-12-24

だれでもiBeaconを使ったコンテンツ制作を楽しむ方法

タイトル通りなのですが、JavaScriptでiBeaconを使ったコンテンツ制作を行えるようにしましたので、その紹介です。

BeaconEgg.jsというJavaScriptで書かれたライブラリを使ってWEBサイトを作り、そのURLを専用のアプリで開けば、iBeaconの信号をJS側で受信することができるようになります。

iPhoneアプリの開発環境がなくても楽しめるのがポイントです。

BeaconEgg

なぜ作ったのか&ターゲット

僕自身iBeaconを全然追いかけていなく、まとまった知識を得たのは、先日行われた【iOS勉強会】iBeaconでできること – Developers.IO Meetup 02が初めてでした。

技術自体は非常にシンプルで、環境さえあればだれでも楽しめそうだと思う一方、

その 環境さえあれば というところが大きく、iBeacon開発で一番ハードル高いのがアプリ開発だなって印象を受けました。

そこで、iBeaconで遊びたい人or課題で使いたい学生さんとか、そういう方々にもっと手軽にiBeaconをつかってコンテンツ作りを楽しんでいただけたら!

という思いで作ったのがBeaconEggです。

ビジネスとして利用したいとか考えてる人は環境なんて持っているべきだと思うので、特に今回の記事意味無いです。

上司へのプレゼンとかにはサクッと使えていいかもしれません。

ビジネスとしてのiBeaconは昨日のu_akihiroさんの記事が面白いので読むといいでう。

1.必要なもの

  • iPhone4S以上のiOS7がインストールされている端末
  • 簡単なJSとHTMLの知識
  • 基本的なiBeaconの知識(このアドベントカレンダーの他の記事を読めばok!)
  • 専用アプリ

2.使い方

ライブラリとか使い方は、githubに置いてあります!

3.サンプルを動かす

専用アプリにはサンプルが付属してあります。Region4EA800C6-B871-40A1-AB0F-FFCCFAF6B877を受信するようになっていますので、MacやiPhoneをiBeacon端末にできるアプリを利用して上記のUUIDで送信してみてください。

サンプルのURLはこちらです。

BeaconEgg Sample

One more thing…

さっきから、 専用アプリ だとか、 サンプル だとか意味がわからないと思います。

そうです、その サンプル が動かせる 専用アプリ はどこにあるんだと。

普通Apple Storeに並んで居るはずですね。

AppleStoreでBeaconEggと検索してみてください。

はい、見つかりませんね。

そうです!すいません、間に合いませんでした!!!!

12日にiBeacon勉強会に行き
13日にBeaconEggを思いつき
14,15日でw650とiBeaconハッカソンを行い
16日には、アプリの申請とWEBサイトの準備も完了したのですが(コーディングはgryng02にお願いした)

したのです、が!

Appleさん冬休みに入られてしまいまして、最短でも 28日までAppleStoreに並ぶことはございません!!! (たしか)

なのでこの記事、完全に見切り発車です。ごめんなさいごめんなさい

リジェクトされたら、もうちょっと遅れちゃいます。

もしリリース出来ましたらこの記事を更新したり、twitterでお知らせしたりするので興味ある方は記事のストックやフォローお願い致します。

JSライブラリの方は既にgithub上に有りますので、要望など有りましたらプルリクや私、ライブラリ作者のw650へ連絡ください。

現在iBeaconのエラーなどをJSで受け取る事ができないため、そちらは公開され次第対応予定です。

1/2追記

リジェクト!
理由:Apple「おまえのアプリbeta版じゃね?」

ということで、これから流暢な日本語で返信をします。

1/4追記

beta版ではないことは分かってくれたようですが、BeaconEgg.jsをつかった他のサンプルを提示できないようなら
お前のアプリは依然としてしょぼいからダメだ。

と言われてるので、あした新しいサンプル作って再度メールします。
英語苦手で辛いですが、コンテンツは万国共通だと思ってがんばります。

1/14追記

先ほど直接電話があり
きちんと説明したのですが、「アプリとしては単体で何もコンテンツを有していないのでリジェクトよん」
って言われたので、iBeaconの送信端末になれるおまけ機能を実装して再申請してみます(白目

2/14追記

間が開いてしまいましたが、コツコツとiBeaconの送信機能も実装し、
申請作業中です。

これで審査が通れば、iPhoneが2台用意できれば、BeaconEggアプリだけでiBeaconの開発が楽しめちゃいます。

審査通るといいな

2/25追記

先ほど、電話でリジェクトを受けました。
PrivateAPIを使っている!!と言われましたが、使ってないです(汗

一度落として再申請してみますが、これでダメなら無理そうですね!w

4/7追記

公開されました〜

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
35