誰でも簡単!iOS向けのSonyのレンズカメラQX10/100APIライブラリを作った。

 

QX10_mainvisual_index.jpg

昨今ウェアラブルデバイスやら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

http://www.iospirations.com/

スクリーンショット 2014-03-20 21.46.14_120.png

こちらはアプリのアイコンやそれだけでなくランディングページのギャラリーもあります。

iOS7

After iOS 7 Icons

http://afterios7icon.tumblr.com/

スクリーンショット 2014-03-20 21.46.49_120.png

こちらはiOS7になりアイコンがどうなったかを比較したサイトです。 まだ調整してないアプリは参考になりそうです。

Made for iOS 7

http://madeforios7.tumblr.com/

スクリーンショット 2014-03-20 21.48.01_120.png

こちらもiOS7関連。

テンプレート

App Design Vault

http://www.appdesignvault.com/

スクリーンショット 2014-03-20 21.47.36_120.png

このサイトは実際のデザインのテンプレートを買うことができます。手っ取り早くかっこいいデザインを手に入れるには一番の近道かもしれませんね。

パターン

Capptivate.co

http://capptivate.co/

スクリーンショット 2014-03-20 21.48.26_120.png こちらは前も紹介したアニメーションも合わせて確認できるので非常に便利です!ただ動かないブラウザもあるのでchromeで見るのが吉

Meerli

http://iphone.meer.li/

スクリーンショット 2014-03-20 21.48.36_120.png

このサイトはUI集だけでなく実際に誰が手がけた物なのかわかる点がほかと違います。このアプリこの人作ったのか!とか結構面白いです。Clearの人とかいましたね。

Inspired UI

http://inspired-ui.com/

スクリーンショット 2014-03-20 21.46.38_120.png

こちらはiPhoneだけでなくiPadAndroidも見ることができます。iPhone以外の対応も考えている場合は見るべき

pttrns

http://pttrns.com/ios7

スクリーンショット 2014-03-20 21.48.17_120.png

こちらは有名どころのパターン集

Mobile Patterns

http://www.mobile-patterns.com/ スクリーンショット 2014-03-20 21.46.23_120.png

こちらもパターン集

Dribbble

http://dribbble.com/search?q=ios スクリーンショット 2014-03-20 21.46.30_120.png

dribbbleはアプリUIだけにとどまらないので様々な刺激をもらえますね。

laudableapps

http://laudableapps.com/

スクリーンショット 2014-03-21 8.46.45_120.png

こちらはサイトがとてもシンプル。サイト自体もセンスがいい物が多いので参考になります。

appsolute.ly

http://www.appsolute.ly/

スクリーンショット 2014-03-21 8.49.11_120.png

このサイトは全体的にほかのやつがおしゃれ系が多い中、ゲームなどのジャンルも取り上げてるので、幅広く調べたいときに

tapfancy

http://tapfancy.com/

スクリーンショット 2014-03-21 8.50.53_120.png

こちらも取り上げているテイストが他とちょっとちがうっぽい感触なのでバリエーションを広げれそう。

pinterest

http://www.pinterest.com/appsifyme/ios-design-ui-ux-mobile/ スクリーンショット 2014-03-21 9.27.50_120.png

pinterestでも探せます。またいいUI見つけたらpinすると吉ですね。

Android

Androidものせておきます。Androidを開発する時はiOSとのUXのお作法の違いを意識する必要がありますね

androidniceties

http://androidniceties.tumblr.com/ スクリーンショット 2014-03-21 8.53.14_120.png

画像サイズを選べます。

androidpatterns

http://www.androidpatterns.com/ スクリーンショット 2014-03-21 8.57.18_120.png

こちらは実際のアプリではなくワイヤーによるパターン集。 インタラクションを丁寧に書いているので、参考にしやすそう。

たくさんの事例をみることでインスピレーションが生まれやすいと思いますので定期的にチェックしてみましょう!