誰でも簡単!iOS向けのSonyのレンズカメラQX10/100APIライブラリを作った。
昨今ウェアラブルデバイスやらiBeaconやらスマホ以外のデバイスが盛り上がってきてますが、今後はより、スマホを起点とした外部デバイスとの連携サービスが益々重要なってくると思います。
そこで、これからスマホと外部デバイスの連携開発を調査できれば思います。
まずは、そのコンセプトの面白さから話題となったSonyのレンズカメラQX10/100との連携をさせてみたいと思います。
このデバイスはコンセプトも面白いですが、何と言ってもAPIが公開されているので夢が膨らみます。
そこでiOS向けのライブラリがなかったので作ってみました。
SonyCameraRemoteAPI
nyankichi820/SonyCameraRemoteAPI · GitHub
基本的にJSONRPCで扱えるので取り回しは楽なのですが、ちゃんとやるとSSDPでの機器検索やliveプレビューは、生パケットの処理があったりするのでその辺もカバーしました。
まだハンドリングが甘いので調整が必要ですが、例えばカメラから取得した画像をGPUImageで処理するなんてことが可能です
例:プレビュー画像に対してフィルタ処理をかける。
self.client = [[SonyCameraRemoteAPIClient alloc] init];
__weak __typeof(self)weakSelf = self;
[self.client discoverDevices:^(NSDictionary * result, NSError *error) {
weakSelf.shootButton.enabled = YES;
weakSelf.statusLabel.hidden = YES;
[weakSelf.client captureLiveview:[result objectForKey:@"liveviewstream"] captured:^(NSData *result, NSError *error) {
UIImage *image = [UIImage imageWithData:result];
if(!image){
return;
}
dispatch_async(dispatch_get_main_queue(), ^{
GPUImageSwirlFilter *filter = [[GPUImageSwirlFilter alloc] init];
[filter setAngle:0.3];
UIImage *filteredImage = [filter imageByFilteringImage:image];
weakSelf.imageLayer.contents = (id)filteredImage.CGImage;
});
}];
}];
その他、細かい制御もAPIで操作可能なのでぜひ面白いアプリを作ってみてください!
デザイナー、アプリエンジニアは必見!インスピレーションを掻き立てるアプリデザインの参考サイト集16選!
iOS開発において、UI/UXは最重要ポイントといっても、過言ではありません。
とは言っても、こればっかりはセンスをもちあわせてないと難しいですが、センスのよい人たちから学ぶことで、インスピレーションが鍛えられると思います
そこで参考になるサイト群を探してみました。
アイコン類
iOSpirations
こちらはアプリのアイコンやそれだけでなくランディングページのギャラリーもあります。
iOS7
After iOS 7 Icons
http://afterios7icon.tumblr.com/
こちらはiOS7になりアイコンがどうなったかを比較したサイトです。 まだ調整してないアプリは参考になりそうです。
Made for iOS 7
http://madeforios7.tumblr.com/
こちらもiOS7関連。
テンプレート
App Design Vault
http://www.appdesignvault.com/
このサイトは実際のデザインのテンプレートを買うことができます。手っ取り早くかっこいいデザインを手に入れるには一番の近道かもしれませんね。
パターン
Capptivate.co
こちらは前も紹介したアニメーションも合わせて確認できるので非常に便利です!ただ動かないブラウザもあるのでchromeで見るのが吉
Meerli
このサイトはUI集だけでなく実際に誰が手がけた物なのかわかる点がほかと違います。このアプリこの人作ったのか!とか結構面白いです。Clearの人とかいましたね。
Inspired UI
こちらはiPhoneだけでなくiPadやAndroidも見ることができます。iPhone以外の対応も考えている場合は見るべき
pttrns
こちらは有名どころのパターン集
Mobile Patterns
http://www.mobile-patterns.com/
こちらもパターン集
Dribbble
http://dribbble.com/search?q=ios
dribbbleはアプリUIだけにとどまらないので様々な刺激をもらえますね。
laudableapps
こちらはサイトがとてもシンプル。サイト自体もセンスがいい物が多いので参考になります。
appsolute.ly
このサイトは全体的にほかのやつがおしゃれ系が多い中、ゲームなどのジャンルも取り上げてるので、幅広く調べたいときに
tapfancy
こちらも取り上げているテイストが他とちょっとちがうっぽい感触なのでバリエーションを広げれそう。
http://www.pinterest.com/appsifyme/ios-design-ui-ux-mobile/
pinterestでも探せます。またいいUI見つけたらpinすると吉ですね。
Android
Androidものせておきます。Androidを開発する時はiOSとのUXのお作法の違いを意識する必要がありますね
androidniceties
http://androidniceties.tumblr.com/
画像サイズを選べます。
androidpatterns
http://www.androidpatterns.com/
こちらは実際のアプリではなくワイヤーによるパターン集。 インタラクションを丁寧に書いているので、参考にしやすそう。
たくさんの事例をみることでインスピレーションが生まれやすいと思いますので定期的にチェックしてみましょう!