C4とは、オープンソースなクリエイティブコーディングの為のフレームワークのことで、
Swiftでクリエイティブコーディング出来るよ！みたいな話です。

C4を使えば以下のようなことが出来ます。

詳細はC4公式サイトをご覧ください。

ここでは、

• C4の始め方
• C4で円を描いてみる
• oFやProcessingとの違い

といった流れで進めていきます。
 

C4の始め方

C4にはいくつかインストール方法があるのですが、
なぜかその難易度がジャッ○ー・チェンやブルー○・リーで表現されています。

作者の趣味でしょうか、あまり嫌いではないです。

今回は一番簡単な方法を紹介したいと思います。

1. C4 InstallerのDownloadからインストーラをダウンロード
2. .pkgファイルをダブルクリックして開く
3. 指示に従いインストール

これでインストールは完了です。

C4で円を描いてみる

新規プロジェクトの作成から、紹介したいと思います。

1. Xcodeを開き、Create a new Xcode projectを選択
2. C4 Single View Applicationを選択
3. Product Nameに適当な名前を入れて次へ進み、Createを選択
4. 左上の実行ボタンを押して、成功したら準備はOKです

円を描いてみる

Workspace.swiftファイルのsetup内を以下のように書き直します

override func setup() {
    //円を描く
    let circle = Circle(center: canvas.center, radius: 50)
    canvas.add(circle)
}

実行し直すと、半径50の青色の円が表示されるかと思います。

C4でいう「Hello World」は終了です。
数は多くありませんが、公式のチュートリアルは丁寧なので是非参考にしてみて下さい。

チュートリアルを少し改良したレベルですがデモを作ってみました。

oFやProcessingとの違い

C4のチュートリアルを一通りやってみたのですが、感じたことやC4の位置づけについて書きたいと思います。

感想

• アニメーションの調整が簡単に出来る
• アプリをリリース出来るのは良い
• Swift2.0で書ける
• OSC等のサポートが不十分なので、生Swiftを書く必要がある

oFやProcessingとの違い

• C4自体がSwiftを学ぶ人たちをサポートする為にあるので、oFやProcessingと似ているところもあるが根本的な違いもある
• draw()を書かない代わりに、アニメーションを分離させることに重きを置いているため概念が異なる
• 音や映像、画像フィルタ等のサポートはされているが必要最低限の為、oFやProcessingの方が自由度は高い
• アニメーションのプロトタイプを作る場合、C4の方が良いと感じた

 
アニメーションの調整が便利な例を一つ挙げます。
下のコードは、黒→白→黒…と背景がアニメーションするプログラムです。

Processingの場合

int val = 255;
int dir = -1;

void setup() {
    size(640, 360);
    background(0);
}

void draw() {
    background(val,val,val);
    val += dir;
    if (val == 255 || val == 0) {
      dir *= -1;
    }
}

C4の場合

override func setup() {
    let a = ViewAnimation(duration: 4.0) {
        self.canvas.backgroundColor = black
    }
    a.repeats = true
    a.autoreverses = true
    a.animate()
}

 
Processingで書くのとC4で書くのではこんなにも差があり、
autoreversesやdurationの値を変えてあげるだけで、直感的に変わってくれます。

C4は、現状ではiOS専用のクリエイティブコーディングの為のフレームワークですが、
コミュニティが活発なので、近いうちにOS Xにも対応するかも知れません。（詳しくはC4OSXリポジトリを参照）
C4のこれからに期待したいところです。

以上になります。最後まで読んで頂きありがとうございました。

その名も、「Dentapple」

この「Dentapple」とは、りんごをかじったときに感じる痛みや違和感、出血の有無などをスマホから答えることで、歯科衛生士さんが歯の健康リスクをチェックしてくれるサービス付きのりんごです。
Dentappleでわかる歯の健康リスクは、「虫歯」「歯周病」「顎関節症」のリスクです。

（*あくまでも、歯の健康リスクを簡易的に調べる「テスト」であり「歯科診断」を行うものではございません。適切な処置を受けるためにも、歯科医による診断を仰いでください。）

Dentappleアプリのフロー詳細は以下です。

【フロー】
STEP1 : 「Dentapple」についたQRコードから、専用アプリををDLします。
STEP2 : スマートフォンのナレーションに従い、りんごをかじります。
STEP3 : りんごを食べながら、出血の有無や、かじった時の違和感などをアプリの質問事項を答えていただきます。

STEP4 : 最後に、かじったリンゴの断面の写真を送信すれば完了です。１日程待てば、歯科衛生士さんから返信がきます。
STEP5 : このような感じでテスト結果が返ってきます。

STEP6 : アプリから近場の歯医者、提携医院医院を検索・予約することもできます

りんご片手でも簡単にアプリが操作できるように、
　・各画面にナレーションの挿入
　・直感的に質問に回答できるように、アニメーションによるフォロー
　・回答をスワイプ式の2択：スワイプの動きも気持ちよく
といったUIの工夫も。
また、歯科衛生士さんの採点後、結果が即時ユーザーの元に反映されるように、
　・即時プッシュ通知でお知らせ
もしてくれます。（*あくまでも、「テスト」で「歯科診断」ではございません。）

この「Dentapple」は、11月8日に発売を開始し、都内では「旬八」さんに取り扱っていただきました。

メディアにも多数取り上げていただいたこともあり、嬉しくも店頭の在庫は品薄状態に。

▼アドタイ：歯の診断付きりんご、想定3倍の売れ行き 東急百貨店など
http://www.advertimes.com/20151110/article209157/

海外メディアやニュース番組にも
▼The Wall Street Journal : New Apple Product–From Japanese Farmers–Includes Dental Advice
http://blogs.wsj.com/japanrealtime/2015/11/10/new-apple-product-from-japanese-farmers-includes-dental-advice/

▼FNN : リンゴを使った「おいしい歯科検診」を紹介します
http://www.fnn-news.com/news/headlines/articles/CONN00307654.html

最近、りんごを食べる機会とか、丸かじりする機会が減っていますよね！
この機会に、旬のみずみずしい松本のりんごをかじりながら、自分自身の歯の健康状態も意識してみてください:)

「Dentapple」の取り扱いは、
■都内の八百屋さん（旬八さん）
http://shunpachi.jp/2015/11/08/1426
■ECサイト
http://dentapple.theshop.jp/items/2136961
で購入できます。(現状、品薄になってます。)

それでは！

秋ですね。とはいえもうすぐ１２月で丸の内界隈ではイルミネーションが綺麗です。

つまり、冬です。

どちらでも良いですね。こんにちは。Qawasakiです。
先日、小諸ツリーハウスプロジェクト「信州の収穫祭」にて森のパスポートを実施してきました。

秋の紅葉に染まるアウトドア空間は良い具合にゆっくりとした空気感があってアプリでも採集出来るアキアカネというトンボが飛んでいたりする中で、大人も子供も一緒に森のパスポート、楽しんでもらえました。

イベントやワークショップについては前回のBe-PAL西湖で布田さんに説明してもらったので今回は趣向を変えて、iBeaconを使ったイベント実施の際に気をつけている事などのを書いてみたいと思います。

■1 iBeaconを入れる筐体を作って防風防塵防寒対策をしよう

森のパスポートで使っているiBeaconは２代目のデバイスです。初期はApplix社が出していた単三電池型のビーコンをつかっていて、筐体も初代は巣箱型の箱を作って設置していました。

※右側緑のデバイスがMyBeacon®、赤い方が2代目のACCESS社ビーコンモジュール

屋内のビーコン施策なら良いのですが森のパスポートのようなアウトドア実施の場合は雨風防塵防寒対策も必要になります。
雨風防塵はビニール袋でビーコンモジュールを包めばある程度はカバー出来ます。
もし神経質な状況や過酷な環境化の実施でコストを問わないならば防塵対策がされたビーコンも販売されてるのでそれを使いましょう。

そして寒いとビーコンの電力消費量も上がります。
ビーコンは無線電波を放つだけなので排熱対策は要らないのですが、筐体などである程度の温度は担保した方が安全に運用出来ると思います。氷点下２０度とかになるとどうなのかは疑問です。
今度はその辺もやってみたいですが、そんな環境じゃ誰も虫を捕まえに来てくれないのが悩みどころです。

■2 筐体はある程度見つけやすく高い場所にも簡単に設置出来る形状に

前述した巣箱型の初代筐体ですが、１つだけ問題がありました。

こんな箱は市販されてるはずもないので、レーザーカッターで切り出して接着剤で一つ一つ組み立てたのですが、これが超、面倒です。レーザーカットも原料の木材コストもかかるし量産も限界があります。

設置は写真のように木に紐で吊るすのですが、あまり高いところに吊るすと安全面や電池交換の運用が大変という問題も出てきます。なので、ビーコンは小型のACCESS社のモジュールにしました。ボタン電池型になり大きさがかなり削減されたのでケースをフリスクケースに変更しました。

上からレーザカットした木材を貼付ければ立派な筐体になります。設置もポンと置くだけで木の上に置いたり固定も出来ます。これにより現地でのビーコン設置の手間が大幅に削減されました。
現地での動作テストなどで当日時間を取られる事が多いのでこういう時間の削減は結構大きいです。

ですが、小さくすればするほど暗い環境では見つけ難くなるのもお忘れなく。
森のパスポートは屋外で当日回収で陽が暮れたキャンプ上や山の中では回収が不可能になるのでバタバタしてたりします。

■3 ビーコンは地面に置くのではなく80cmくらいがおすすめ

ビーコンは無線電波を放つデバイスです。電波は回転楕円体の形状で広がり伝播します。この空間をフレネルゾーンと呼びます。フレネルゾーンの一部にでも障害物があれば通信距離に影響するらしいです。
一般的にフレネルゾーン半径の60%を確保できれば通信を良好に行えるといわれています。
何が言いたいかというと地面にビーコンを直置きしてしまうと下図のように電波のロスが発生します。

森のパスポートでは万が一見つかっても大丈夫なように筐体クラフトもしていますが、やっぱりビーコンは見えないのにアプリが反応する方が体験のクオリティは高くなります。
電波も考慮して木の幹や岩の上などやや高い位置に設置して電波のロスを減らしています。自然環境化では電波が反射するものも無く、干渉も少ないので電波強度の設定が読み難いです。
逆に強度を下げたい場合などはわざと地面に置いてロスを出したりと、現地での運用で対処する事が多いです。

■4 電波強度最大状態での連続稼働時間を考えよう

森のパスポートは企画上、アウトドア環境での利用がメインです。
ある程度反応する範囲が広くがないと体感的に気持ちよくなりません。
ACCESS社のビーコンは電波強度の設定が出来るのですが今現在はデフォルト（中間）設定で大体７〜10M前後で反応します。これくらいであれば子供が適当に歩き回っても大体検知する事が出来るので難易度的にも丁度良い感じになりました。

電波強度は上げれば上げるだけ範囲が広くなり、干渉にも耐えやすくなります。
ただデメリットとして隣接するビーコンが近すぎると両方に反応してしまったり、ビーコン側の電池の消耗が激しくなります。

中期的な運用をするならば最大にした場合の連続稼働時間は企画段階で検討しておいた方が良いですね。
全国の野山に置いてみたけど１ヶ月で電池切れて交換、とかなるとあまり現実的ではなくなるので。

ちなみに電池が減るとビーコンの発信する電波も不安定になるのでアプリも思わぬ挙動をしたりしますのでそれも注意しましょう。

■5 アプリ側のビーコン検知処理は適当にしてはいけない

デバイスや運用方法も気をつけないといけないですがアプリ（ソフトウェア）側も考慮する事が色々あります。そもそもiBeaconはアプリ側で特定のビーコン端末からの電波をキャッチして処理をする事で成り立ってるのですが、この電波をキャッチする処理も何も考えずに動かしているといくらBLEで電力が抑えられてもスマホの電池はアメ車並みに消費されていきます。

森のパスポートではストレスなくアプリがビーコンに反応する為の受信周期を繰り返しテストして設定し、一度反応したビーコンに関してはその後一定期間、電波を無視する事で余計な処理が繰り返されないようになっています。見えない努力というヤツですね。

■6 これでもかというくらいアプリのテストしよう

当たり前なのですが、テストがとっても重要です。
ビーコンはBluetoothです。つまり2.45GHz帯の無線です。
この帯域は電子レンジとかWiFiとか色々干渉します。さらに反射とか人や遮蔽物での遮断とかで電波状態は変化します。

電波状態が変わる、という事はビーコンの設置場所を変えなくてはならない事もあります。
机上テストや開発してる建物内だけではなく、必ず実施前に限りなく実施環境に近い状態でテストすることをおすすめします。
また、電池がなくなるケースが以外と盲点で、現地に行って反応悪くなるとかもあります。
状況に応じて電池の予備も用意しておきましょう。

■7 AppStore申請はビデオが必須

Appleに申請する際、審査官はビーコンを反応させる事が出来ません。なのでちゃんと反応している状況のムービー提出を求められます。面倒くさがって提出しないと審査期間は伸びる一方なので、スマホ撮影でも良いのでちゃんと撮りましょう。

■8 バックアップ端末とバックアッププランを用意しておく

これもリアルイベント＆デバイスを使う場合には当然なのですが、特に日程が限定されてるイベントなどではビーコンの不具合や電波状況の変化、アプリのバグなど想定外の事が発生します。
ビーコンを５０台使う企画だったとしても実際には1.5倍くらいの台数を用意しておいた方が良いです。
その際に余剰なビーコンのUUIDをアプリ内でどう扱うかなどの設計を含めて、何かあった場合にも現地で対応出来るようなプランは必ず用意しておきましょう。
森のパスポートでもバックアッププランとビーコンは用意してて、実際必要になるシーンもありました。

■9 アプリを使う人(体験する人)へのフォローをちゃんとやる

ビーコンはOSが古いと反応しないです。
それはアプリの対象OSなどで縛ったりも出来ますが、それ以外にもBluetoothをONにしたりアプリ起動時に出てくる通知とGPSのダイアログに「はい」を押さないと反応しない、などなどユーザに設定してもらわないと正常な体験が出来ない事があります。この辺りのフォローをちゃんとしないといざ当日になって沢山の人が参加しても「あれ、反応しない」みたいな事になるので注意しましょう。

以上がイベントを何度か運営して分かった事です。
iBeaconを利用したリアルな施策は実施して始めて分かる事が多いですね。

実際、この森のパスポートで得た知見は上記以外にも色々あって他の色々なお仕事で生きていてます。
森のパスポートはプロトタイピングから始めたプロダクトです。
今はワークショップを通じて親子が自然の環境に帰って学習出来るという形で色々な方に体験して頂いてますが、作る側としてはそれ以上に得るものが多いなーと思いました。

冬の間は虫も冬眠して森のパスポートが実施出来る環境も少なくなりますが、次に向けてまた色々考えて進めていこうかと思います。

では。

１．CoreLcoationFrameworkを追加する。
２．変数を定義して

@property (nonatomic, strong) CLLocationManager* locationManager;
@property (nonatomic, strong) NSUUID* proximityUUID;
@property (nonatomic, strong) CLBeaconRegion* beaconRegion;
NSString* beaconUUID = @"XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX";

※beaconUUIDは事前にEstimote社のサンプルプログラムを動かして取得
 
３．viewDidLoadで測定開始

if ([CLLocationManager isMonitoringAvailableForClass:[CLBeaconRegion class]]) {
	if( _locationManager == nil ) {
		_locationManager = [CLLocationManager new];
		_locationManager.delegate = self;
	}

	_proximityUUID = [[NSUUID alloc] initWithUUIDString:beaconUUID];
	_beaconRegion = [[CLBeaconRegion alloc] initWithProximityUUID:_proximityUUID identifier:@"EstimoteSampleRegion"];
	[_locationManager startMonitoringForRegion:_beaconRegion];
	// 最初から範囲内にいるとイベントが走らないのでここで走らせておく。
	[_locationManager startRangingBeaconsInRegion:_beaconRegion];
}

※コメントにもありますが”startMonitoringForRegion”を呼び出すとBeaconの監視を開始しますが、この時に対象Beaconが既に近くにあると発見イベントが通知されない仕様になっているので、即Beaconとの距離測定を開始しています。
※このBlogによれば上記呼び出し方は誤りとのことなのですが、Blog記載の方法では検知を開始しなかったのでとりあえず修正していません。
※EstimoteのBeacon全てを対象にしているのでinitWithProximityUUIDにmajorやminorを指定していません。
 
４．Beacon発見/ロストイベント

- (void)locationManager:(CLLocationManager *)manager didRangeBeacons:(NSArray *)beacons inRegion:(CLBeaconRegion *)region
- (void)locationManager:(CLLocationManager *)manager didExitRegion:(CLRegion *)region

※Beaconが見つかると”didRangeBeacons”が、Beaconを全て見失うと”didExitRegion”が呼び出されます。
※”didRangeBeacons”の(NSArray *)beaconsには、Frameworkが近いBeaconから順番にセットしてくれているので、自前で距離計算をする必要はありません。
 
５．Beaconの情報に応じた処理

for (CLBeacon* clBeacon in beacons) {
	NSUUID* beaconUUID = clBeacon.proximityUUID;
	NSString *uuid= beaconUUID.UUIDString;
	NSString* proximityString = nil;
	switch (clBeacon.proximity)
	{
		case CLProximityUnknown:
			proximityString = @"Unknown";
			break;
		case CLProximityImmediate:
			proximityString = @"Immediate";
			break;
		case CLProximityNear:
			proximityString = @"Near";
			break;
		case CLProximityFar:
			proximityString = @"Far";
			break;
		default:
			break;
	}

	NSInteger major = [clBeacon.major integerValue];
	if( major == AQUABLUE_BEACON_ID ) {
		NSLog(@"aquaBlue:promixity: %@", proximityString);
	} else if( major == BLUE_BEACON_ID ) {
		NSLog(@"blue:promixity: %@", proximityString);
	｝else if( major == LIGHTGREEN_BEACON_ID ) {
		NSLog(@"lightGreen:promixity: %@", proximityString);
	}
}

※EstimoteのBeaconは３色全てmajorの値が異なるので、majorの値を元に３色を識別しています。
※majorの値は事前に端末に３色それぞれを近接させて取得しました。
 
６．ログ出力

for (CLBeacon* clBeacon in beacons) {
	NSUUID* beaconUUID = clBeacon.proximityUUID;
	NSString *uuid= beaconUUID.UUIDString;
	NSString* proximityString = nil;
	switch (clBeacon.proximity)
	{
	    case CLProximityUnknown:
	        proximityString = @"Unknown";
	        break;
	    case CLProximityImmediate:
	        proximityString = @"Immediate";
	        break;
	    case CLProximityNear:
	        proximityString = @"Near";
	        break;
	    case CLProximityFar:
	        proximityString = @"Far";
	        break;
	        
	    default:
	        break;
	}
	NSMutableString* messageString = [NSMutableString string];
	[messageString appendString:proximityString];

	NSString* workString = nil;
	[messageString appendString:@"/"];
	[messageString appendString:@"uuid:"];
	[messageString appendString:uuid];
	[messageString appendString:@"/"];
	[messageString appendString:@"major:"];
	[messageString appendString:[clBeacon.major stringValue]];
	[messageString appendString:@"/"];
	[messageString appendString:@"minor:"];
	[messageString appendString:[clBeacon.minor stringValue]];
	[messageString appendString:@"/"];
	[messageString appendString:@"accuracy:"];
	workString = [NSString stringWithFormat:@"%g", clBeacon.accuracy ];
	[messageString appendString:workString];
	[messageString appendString:@"/"];
	[messageString appendString:@"rssi:"];
	workString = [NSString stringWithFormat:@"%ld", clBeacon.rssi ];
	[messageString appendString:workString];

	NSLog(@"%@", messageString);
}

一応参考までに。
 
意外と簡単に扱うことが出来ます。

１．iBeaconとは
　AppleがiOS7で搭載した、BluetoothLowEnergy規格に準拠したBeaconを利用するための技術です。
　Beaconは2秒間に1回の程度の発信ならボタン電池1個で5年は軽く持つと言われているので、一度設置したら当分放っておいても大丈夫な便利デバイスです。
 
２．Beaconの識別情報
　Beaconは個体識別を行うために３つのパラメータを持っています。
　（１）proximityUUID
　　　いわゆる大区分。１つのアプリには20個まで登録可能。
　（２）major
　　　いわゆる中区分。大区分配下でBeaconをグループ分けする際に利用
　（３）minor
　　　いわゆる小区分。中区分配下でBeaconをグループ分けする際に利用。
 
　重要なのは、これらの値はBeacon個体毎に個別の値を設定する必要がないということです。
　とある外食産業の各店舗にBeaconを配置する際の設定方法を、利用シーンごとに書いてみます。
　・店舗を識別せずに、単純にレジにだけBeaconを配置する場合
　　proximityUUIDを全て同じに設定すればOK
　・店舗を識別せずに、単純にレジとドリンクバーにBeaconを配置する場合
　　proximityUUIDを全て同じにし、majorをレジとドリンクバーで別々に設定すればOK
　・店舗を識別して、レジとドリンクバーにBeaconを配置する場合
　　proximityUUIDを全て同じにし、majorの値を各店舗で別々に、minorをレジとドリンクバーで別々に設定すればOK
 
　と、利用の仕方に応じてフレキシブルに設定出来ます。
 
３．Beaconからの情報
　Beaconを認識すると識別情報に加えて、以下３つの情報が来ます。
　※認識したBeaconの情報はFramework側で自動的に近い順に並べてくれます。
　（１）proximity
　　　端末との距離で、近接/近い/遠い/不明の４種類で定義
　（２）accuracy
　　　正確さ？とりあえずは不要？
　（３）rssi
　　　電波受信強度。とりあえずは不要？
 
　アプリケーション側はBeaconの識別情報と主にproximityの情報を利用して、来店回数を+1したり、お知らせを出したりします。

みなさん、こんにちは。
リアル連動大好き一階です。
 
随分前に発注したEstimote社のBeaconがやっと来ました。
ちょっと遅くなりましたが、いろいろ軽く調べた事をメモがてらつらつら書いていきます。

まず、使い方。
パッケージには使い方などが一切入っていません。
どうやって電源を入れるのか？どうやってBeaconの情報（後述）を書き換えるのか？
いろいろと分かりません。

とりあえず電源を入れないことには始まらないので、まずは電源の調査から。
いろいろこねくり回したけど分からないので、さくっと割りました！

電池は工場出荷時から既にセットされていてすぐ使える状態でした。
OFFにしたり電池を交換するときは割って中身を取り出さないと駄目なようです。
・・・試験品のくせに面倒くさい。

次はBeaconの情報
Estimate社のHPからサンプルアプリのプロジェクトがDL出来るようになっているので、落としていろいろ見てみました。
BeaconはEstimoteが提供しているライブラリ（サンプルアプリのプロジェクトから取り出して利用）を組み込むことで利用可能になり、情報はESTBeaconというクラスに格納されます。

/////////////////////////////////////////////////////
// bluetooth beacon available when used with
// startEstimoteBeaconsDiscoveryForRegion:
@property (nonatomic, strong)   CBPeripheral*           peripheral;
@property (nonatomic, strong)   NSString*               macAddress;
@property (nonatomic, strong)   NSNumber*               measuredPower;
@property (nonatomic, strong)   NSNumber*               major;
@property (nonatomic, strong)   NSNumber*               minor;
@property (nonatomic, strong)   NSNumber*               rssi;

/////////////////////////////////////////////////////
// properties filled when read characteristic
@property (nonatomic, strong)   NSNumber*               power;
@property (nonatomic, strong)   NSNumber*               frequency;
@property (nonatomic, strong)   NSNumber*               batteryLevel;
@property (nonatomic, strong)   NSString*               hardwareVersion;
@property (nonatomic, strong)   NSString*               firmwareVersion;

/////////////////////////////////////////////////////
// core location properties
@property (nonatomic, strong)   CLBeacon*               ibeacon;
@property (nonatomic, readonly)   BOOL                  isConnected;

ちなみにこのクラスのメンバにCLBeaconがあったので、普通のやり方で直接扱えるのではないかと思って試してみたら、扱えました。
なので、特にEstimote社のライブラリを利用しなくても動きます。

実際の動かし方などは次回以降で。