この記事はFlutter Advent Calendar 2021（カレンダー2）の9日目の記事です。 こんにちは。株式会社ビデオマーケットの仙台オフィスでモバイルアプリ全般を担当しているasmzです。 弊社サービス「videomarket」ではスマートフォン（iOS/Android）向けアプリにFlutterを採用しています。その開発の中で、アプリ内WebViewで表示したWebサイトからFlutter側へのデータ受け渡し方法を調査したので、今回はその調査結果をまとめました。 やりたいこと 例えば、以下に挙げたような用途のページの場合、アプリで実装するのではなくアプリ内でWebサイトを表示させ、そのサイト内で行った操作の結果をアプリ側で受け取りたい、と思う機会は割と多いかなと思います。 ある期間を過ぎたら不要になるようなキャンペーンページ マーケティング観点でいろいろデザイン変更を試した

こんにちは。株式会社ビデオマーケットの仙台オフィスでMIRAILのiOS/Androidアプリ開発を担当しているasmzです。 今回はちょっとニッチなFirebaseの利用法をご紹介します。 はじめに 皆さんはFirebaseを利用したアプリ開発を行っている時、1つのアプリから複数のFirebaseプロジェクトを使いたくなることはありませんか？ありませんね、わかります。 例えば、開発環境用・本番用など環境毎に複数のFirebaseプロジェクトを用意し、iOS/Androidアプリのビルド時に GoogleService-Info.plist や google-services.json を読み替えることで、実際に参照するFirebaseプロジェクトを使い分ける、といったことは結構あるかと思います。 ただ今回はそういう意味の「複数」ではなく、1つのビルドバイナリからFirebaseプロジェク

この記事はiOS #2 Advent Calendar 2020の10日目の記事です。 こんにちは。株式会社ビデオマーケットの仙台オフィスでMIRAILのiOS/Androidアプリ開発を担当しているasmzです。 ちょっと業務でiOSアプリでのWebSocketクライアントの実装方法を調査していて、その中でApple公式のAPIとして用意されているURLSessionWebSocketTaskの使い方を初めて知ったので、今回は簡単なWebSocketクライアントを実装しながらその実装方法をまとめてみたいと思います。 WebSocketとは 詳細は省きますが、Webアプリケーションにおいて双方向通信を実現するための技術仕様です。 e-words.jp WebSocketではサーバとクライアントがコネクションを確立後、そのコネクションを用いてメッセージの送受信を行うことで、低コストなリアルタ

はじめに 自分のXcodeプロジェクトではライブラリ管理を徐々にCocoaPodsからSwift Package Manager（以下 SPM）へ移行してるんですが、CocoaPodsの時にやっていたのと同じようなBitriseのキャッシュ設定をSPM用にも入れたいなと思いちょっと調べてみました。 SPMで取ってきたパッケージをBitriseでキャッシュさせるのどうやるんかなぁ🤔— asmz (@_asmz) 2020年10月19日 で、先に言ってしまうと、調べた結果こちらの記事がとても参考になった（と言うかCIサービスがCircleCIなところ以外はほとんどこれと一緒）ので、気になる方はこちらと併せてご確認ください。 uptech.team 今回やりたいこと CocoaPodsでは、落としてきたライブラリたちが全て./Podsに入るので、BitriseのCache:Pushでは以下のよ

仙台からこんにちは。MIRAILのiOS/Androidアプリを担当しておりますasmzです。 はじめに さて今回ですが、2ヶ月前くらいに「Sendai Frontend Meetup #2」という仙台のWebフロントエンド技術関連勉強会に登壇させていただいたので、そこで発表した内容をブログ用に再編集してご紹介いたします。 sfeug.connpass.com 私はアプリエンジニアということで、そもそもWebフロントエンド勉強会で何を話すんだ？となるわけですが、本エントリのタイトルにも書いた通り、今回はアプリの話ではなくApple Human Interface Guidelines（以下HIG）についてです。 HIGというもの自体は、iOSアプリ開発者以外の人でもどこかで耳にすることはあるかと思いますが、実際にちゃんと中身まで読む人はあまり多くないかなと思います。 ただ、実はiOSアプリ

Mercari Advent Calendar 2019 の10日目担当は メルカリ iOS チームの @HideakiTouhara です。 はじめに 2019年のWWDCで新しいSign in, Sign up方法であるSign in with Appleが発表されました。 今回は主にクライアントの実装を起点に、その流れを説明していきたいと思います。 Sign in with Appleの説明や特徴 まず、そもそもどういうものなのでしょうか？ 2019年9月に更新されたガイドラインを引用します。 Make it easy for users to sign in to your apps and websites using the Apple ID they already have. With privacy and security features built-in, Sign

事の発端 元々以下のように数値を通貨形式の文字列フォーマットに変換する処理のユニットテスト書いてあったんだけど、Xcode11にしてからテストが失敗するようになってしまった。 let target = 1000 XCTAssertEqual(target.yenFormattedString, "1,000円") // "1,000 円" is not equal "1,000円" ちなみに、ここでやっている .yenFormattedString は以下のようなIntのExtension。 extension Int { var yenFormattedString: String { let formatter = NumberFormatter() formatter.locale = Locale(identifier: "ja_JP") formatter.numberStyle

仙台からこんにちは。asmzです。 今回は弊社のiOSアプリ開発全般で整備しているCI/CD環境の構成と、その実現のために利用しているモバイルアプリ向けCI/CDプラットフォームサービス「Bitrise」の活用方法についてご紹介したいと思います。 はじめに 弊社には、自社VODサービスである「VideoMarket」や現在私が担当している「MIRAIL」、また動画配信プラットフォームとしてアライアンス企業様へ提供している動画再生ライブラリなど、いくつかのiOSアプリプロジェクトが存在します。 しかし、1年半くらい前まではそれらのプロジェクトにはCI環境が整備されておらず、ベータ版の配布やアプリのリリース作業などは全て手動で行われており、多くの作業コストやビルド設定誤りリスクなどを抱えていました。 このような問題が積み重なっていくと長期的にサービスを継続・グロースしていくに当たっての大きな障

2018年12月12日、株式会社サイバーエージェントにて「CA.swift」の　第7回が開催されました。AbemaTVやAmeba、AWAなどを担当しているiOSエンジニアが登壇し、それぞれのチームの開発ノウハウを惜しみなく語るイベント。今回は、『iOSアプリ設計パターン入門』の著者2名を含む5人のエンジニアが、iOS開発における知見を披露します。プレゼンテーション「Firebase Dynamic Links導入事例」に登壇したのは、株式会社サイバーエージェントの行木千春氏。講演資料はこちら Firebase Dynamic Links導入事例 行木千春氏：よろしくお願いします。株式会社サイバーエージェントの行木千春です。 自己紹介なんですけれども、2015年中途入社で、それ以降ずっとAmebaでiOSエンジニアをしています。WWDCに2回参加していまして、2015年にUniversal

はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想

iOS/Androidネイティブアプリ用デバッガ「Sonar」、Facebookがオープンソースで公開。実機およびエミュレータを用いたデバッグに対応 SonarはmacOS用のデスクトップアプリケーションです。デバッグ対象となるネイティブアプリケーションにSonar用SDKを組み込むことで、デバッグ対象アプリケーションとSonarのあいだでデバッグ用の情報がやりとりできるようになります。 デバッグ対象のアプリケーションは実機もしくはエミュレータのいずれで実行したものであっても対応。 Sonarはプラグインによって拡張可能になっていますが、最初から「ログ」「レイアウトイスペクター」「ネットワーク」の3つのプラグインがバンドルされています。 下記はログプラグインの機能を用いてログ収集画面を開いたところ。Androidエミュレータ上で実行されているアプリケーションの動作ログがSonar上で参照で

はじめに こんぬづは、このたび約2年勤めていたクラスメソッド株式会社を退職する、モバイルアプリサービス部の田中です。 この記事は退職&ありがとうエントリです。この2年を振り返って 「最初の就職がクラスメソッドでよかったな」 という気持ちが溢れたので、クラスメソッドとの出会いと、気持ちを綴っていきます。 AWAYOKUBA、転職を考えていてクラスメソッドが気になる人の参考資料になれば幸いです。 クラスメソッドとの出会い 以前からDevelopers.IOを読んでいて、イベントレポートがよくあげられていたことと、日々の開発でブログを参考にしながら開発をしていたことを覚えています。 学生の頃からブログを書くことと、IT勉強会などのイベントに参加することが大好きだったので、クラスメソッドに興味を持っていました。 僕と同じようにDevelopers.IOをたよりにクラスメソッドに入社する人は今でも多

社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。

表題通り。間違ってたら教えて欲しい。 iOS9以降をDeployment Targetにしている場合のみの話ですので、iOS8系をサポートしている場合は今まで通り明示的にremoveしましょう。 今までは NotificationCenter.default.addObserver(_:selector:name:object:) して追加されたNotificationを、明示的にremoveする必要がありました。用途によりますが、 viewWillDisappear や deinit の中で NotificationCenter.default.removeObserver(self) とか書いていることと存じます。 この処理がiOS9以降を対象としたビルドでは不要になりました。 ほんまかいなという話ですが、addObserver(_:selector:name:object:) - N

Not many people know that Apple introduced some interesting automation capabilities in Xcode 9 via URL schemes. I sometimes use them, and as I didn’t see them publicized anywhere, I decided to document them in this blog post. Source Code Navigation The new Xcode source editor, written in Swift, has a neat way to link between documentation and source code locations inside a project. First of all, y

はじめに こんぬづは、わざわざ勉強会に外付けの分割キーボードを持ってドヤリングした田中です。持ち運びがめんどくさかった！そして茶軸がうるさくて迷惑をかけました。ごめんなさい。 分割キーボードを使いこなす @ktanaka117 。 #iosendai pic.twitter.com/yBqEF1KxUh — YAMAMOTO Masaki (@nnasaki) 2017年12月26日 さて今回の記事は、昨日開催された、仙台のiOS開発者コミュニティであるSWWDCにお邪魔してきましたので、そのレポートをお届けします！ 「SWWDCの活動振り返りと来年の展望」 @totottiさん KPTで振り返ります K 他の勉強会とコラボできてよかった SWWDC × AKIBA.swift in Sendai を開催しました！ #swwdc #akibaswift ｜ Developers.IO P

この記事は、RxSwift が提供する公式のサンプルである RxExample で行き詰まった方向けに、実践的な対処方法を紹介します。具体的には RxExample にある MVVM (Model-View-ViewModel) を真似たアーキテクチャで陥りがちな Fat ViewModel へ対処する方法の解説になっています。 なお、この記事の想定読者は RxExample の初級者〜上級者ですが、それぞれの方向けにこの記事の読み方を説明します。 初級者の方へ 登場するコードは、コメントだけ拾い読みしても内容がわかるように配慮しています。コードを深く追うと疲れてしまうと思うので、コード内のコメントの内容を追ってください。 上級者の方へ この記事では、RxExample 上級者が疑問を感じるであろうコードに「上級者向け注釈」をつけています。記事末に注釈の解説がありますので、そちらをご覧くだ

Mercari Advent Calendar 2017 の21日目はメルカリ カウルチームのiOSエンジニアの@motokieeがお送りします。 はじめに メルカリ カウルは今年の5月のローンチしたエンタメ専用のメルカリ姉妹アプリです。立ち上げから半年ほどが経過し、日々サービスの改善を続けています。 iOS版メルカリ カウルはこの7ヶ月で30回アップデートしており、ほぼ週に一度はアップデートしていることになります。もちろん規則正しく週1でリリースをしているわけではないのですが、開発サイクルの速さがお分かりいただけるのではないでしょうか。 現在メルカリ カウルのiOS版はほぼ1人で開発をしています（自分の他にもう1人iOSエンジニアはいるのですが、PJの都合上BIがメインの業務となっています）。 少ない人数でも改善を続けることができているのは、メルカリエンジニアの行動指針の1つであるAut