はてなブックマーク

はじめに CyberAgent Developers Advent Calendar 2018の11日目の投稿となります。 昨日はshiftkyさんの「Kubebuilder で Operator を作ってプライベートクラウドの操作を自動化してみる」です。 明日はbaba5246さんの「OpenPose はどこまでの画像に耐えられるのか ~ Pose Estimation の紹介~」です。 11日目は、AbemaTVのiOSアプリ開発メンバーのmarty-suzukiが担当します。 業務でやっていることや関連していることは、Speaker Deckなどでアウトプットしているので、個人で開発したiOSアプリのArtShredder（バンクシーシュレッダー）について書きます。 全体として、思い立ってから1時間でアプリの初回申請版をつくり、幾度のリジェクトを乗り切り、運用のためにFlux+MVP

まずはじめに 11月中旬にリリースされたとある記事が、初心者の方が見たら勘違いしやすい実装が複数紹介されている状態だったので、その実装に対する改善した実装を本投稿で紹介していければと思います。 ちなみに、以下の項目が改善の余地があるのではないかと感じた実装になります。 ViewControllerにObservableを加工する処理が入っている ViewModelから流れてきたイベントをViewControllerで加工せず、そのままViewにバインドするだけの実装のほうが良い Viewの操作で、observeOn(Main)またはBinderを利用していない Variableをvarで定義する Variable.valueを変更するが、Variableのインスタンス自体を変更することはほぼないはず VariableはRxSwiftのDeprecated.swiftに実装されているので（S

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 本投稿は、Swift愛好会 Advent Calendar 2017の11日目の投稿になります。 前日の10日目は、@yutailang0119さんの「Xcode PlaygroundでPlatformによる分岐をする」という記事になります。 翌日の12日目は、@dekatotoroさんの「RxSwiftのDebounceとThrottle」という記事になります。 Swift3までのprotocolのassociatedtype Swift3まではprotocolのassociatedtypeでお互いを定義していると、下記のようなエラーになっていました。 しかし、Swift4からはprotocolのassociatedtypeでお互いを定義することができるようになったので、下記のような実装が可能になりました。 // protocol protocol A { associated

UIViewControllerの遷移は、UIViewControllerAnimatedTransitioningを使ってカスタマイズするのが、近頃では当たり前になってきています。 その中でもUIViewControllerでpresentViewController()やdismissViewController()とする場合と、UINavigationControllerでpushViewController()やpopViewController()をする場合で、使い方が多少異なります。その異なる部分には内部的にも大きな違いがあり、注意しなければいけない点がいくつかあります。 ここでは違いと注意点、普段見落としがちなプチ情報を書いていこうと思います。遷移周りのアニメーションがカクついたり、メモリが増え続けたりする場合の原因だったりすることも多々あるのでご覧頂けると幸いです。 UIV

はじめに RxSwiftやReactiveCocoaなどのReactive Programmingを実現するフレームワークを利用する方が増えているので、もともとデータバインディングの機構がなかったiOSアプリ開発においてもMVVMを用いるられる機会が増えつつあると思います。 そのため、RxSwfitなどを用いてデータバインディングを行うデザインパターン = MVVMという雰囲気が漂っている気がしています。 MVVM MVVMは、View・ViewModel・Modelによって構成されます。 Viewはユーザーからのアクションを受け取って、そのイベントをViewModelにバインドします。 そして、そのバインドされたイベントによってViewModelはModelの取得や更新を行います。 ViewModelは更新された情報をイベントとしてViewにバインドし、Viewはバインドされたイベントを

はじめに 12月上旬にGoogle Home miniが半額セールだったので興味本位で購入してみました。 音声で天気を知れたり、Youtubeを再生できたりなど非常に便利だったので、ついでにテレビとか照明とかを連携してみたくなってしまいました。 そこで、機器の購入から赤外線機器の音声による操作の実現までの過程をざっくりと記載していこうと思います。 構成 Google Home mini IFTTT dataplicity または ngrok Raspberry Pi3 または Raspberry Pi Zero W Raspbian broadlinkrm-ifttt homebridge または RM Bridge RM mini3（赤外線学習リモコン） 上図のように、Google Home miniからIFTTTに登録してあるAppletで公開されているRaspberry Pi上のbr

はじめに iOSDC2017にてMVC→MVP→MVVM→Fluxの実装の違いを比較してみるという内容で、Githubのユーザー検索のデモアプリをベースにした発表資料で登壇させていただきました。 登壇枠が15分だったため、ViewControllerを跨いだ（FavoriteViewController <-> RepositoryViewController）4つのデザインパターンの実装の違いにフォーカスした内容となっているので、画面遷移やテストの書き方などについても補足説明を書いていきます。 ※MVP、MVVM、Fluxでの補足説明という形で書いていきます。 登壇資料は下記になります。 本日のプレゼン資料、アップしました。https://t.co/TIecyULVp4#iosdc — marty-suzuki (@marty_suzuki) September 17, 2017 また登

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに UITextFieldなどで文字が入力されたときに、その文字列をもとにAPIをたたくことがあると思います。 その際にサーバー負荷なども考慮して、APIを叩く頻度を絞ったりすると思います。 RxSwiftのthrottle/debounceを利用することで、上記のような仕様を満たした実装を容易に実現できますが、プロジェクトに何らかの理由（アプリの容量だったり、サービスの仕様であったり...）でRxSwiftを導入できないこともあるかと思います。 そういった場合、scheduledTimer(timeInterval:target:selector:userInfo:repeats:)などを利用して実装することになると思いますが、timerを管理したり、timerが実行された際にハンドリングするメソッドを実装したりしなければなりません。 そこでDispatchQueueのextens

はじめに コードでAutoLayoutを適用しようとすると、Swift、Objective-Cにかかわらず、どうしても長くなってしまいがちで見難くなってしまいます。その見難くなる問題を解決するために、MisterFusionというライブラリを使用して改善する例を挙げていこうと思います。 レイアウト 下記のスクリーンショットは 赤いViewと緑のViewと黄色のViewが同じ高さ 黄色のViewと緑のViewは同じ幅 すべてのスペースは10px という条件のレイアウトになります。このレイアウトを SwiftでMisterFusionを使って再現した例 Swiftで使わずに再現した例 Objecive-CでMisterFusionを使って再現した例 Objecive-Cで使わずに再現した例 という形で書いていきます。 Swift MisterFusionを使ったコード 上記のレイアウトをMis

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Swift3でGrand Central Dispatchも大幅に変わっているので、簡単にまとめました。 dispatch_queue concurrent queue（実行スレッドは複数で同時に複数タスク）やserial queue（実行スレッドは１つでタスクごとに違うスレッドで実行される可能性はあるが、同時に1タスク）の生成は、以下のように行います。 // concurrent queue let concurrentQueue = DispatchQueue(label: "com.example.concurrent-queue", attributes: .concurrent) // serial queue let serialQueue = DispatchQueue(label: "com.example.serial-queue")

はじめに ある名前のアプリを作りたいと思って、今までにリリースしてきたライブラリを以下のような命名規則で揃えてきました。 MisterFution (230 stars 2016/9/29) Objective-CとSwiftのどちらでも使える、Swift製のAutoLayout向けのDSLです。 下記のコードのように、コードを削減することができます。 superviewとのConstraintを実装する場合には、toViewをsuperviewにするという指定を省略できることが特徴です。 //NSLayoutConstraintのサンプルコード let view = UIView() self.view.addSubview(view) view.translatesAutoresizingMaskIntoConstraints = false self.view.addConstrai

ブラーエフェクトとは？ ここ最近のiOSアプリでは、UIをリッチに見せるためにブラーエフェクト（磨りガラス効果）を使用する機会が増えてきました。ここでは主にUIImageViewでブラー画像を容易に扱えるようにする方法を書いていこうと思います。 今回、SABlurImageViewというUIImageViewのサブクラスを使用します。 SABlurImageViewを使用することで ブラー画像の生成 通常の画像からブラー画像に変化するアニメーション alphaを指定するように0.0から1.0の間でブラー画像の度合いの調整 を容易に実現することができます。 Youtubeよりサンプルの動画もご覧いただけます。 使用方法 以下でimageと表記されている変数は、UIImageのインスタンスです。 ・ブラー画像の生成