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

こんにちは。株式会社ビデオマーケットの仙台オフィスでMIRAILのiOS/Androidアプリ開発を担当しているasmzです。 はじめに 弊社では私が担当しているMIRAILの他にもいくつかアプリを開発しており、それらのアプリで共通的に利用されるような処理はライブラリ化しています。 ただ、これまで社内Androidライブラリをアプリ側に導入するまでの「仕組み化」が行われておらず、出力されたjarファイルを手作業でアプリ側プロジェクトの規定ディレクトリに配置する、という原始的な方法を取っていました。 当然ながらこれだと手作業による作業ミスが懸念されるほか、ライブラリのバージョンを変えながらの動作確認などもしづらく、管理面・開発面それぞれで不都合を感じていました。 そこで今回、社内向けのプライベートなMavenリポジトリを立てて、自動でAndroidライブラリ成果物の管理とアプリ側への導入を行

こんにちは。株式会社ビデオマーケットの仙台オフィスで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ではサーバとクライアントがコネクションを確立後、そのコネクションを用いてメッセージの送受信を行うことで、低コストなリアルタ

こんにちはBASE株式会社取締役EVP of Developmentのえふしん( @fshin2000 ）です。 今回は、年末の給与改定から運用を開始する評価グレード制導入のお話を書いてみたいと思います。 これまで人材採用時の給与決定や社員の評価時には、マネージャ間で相談し役員承認の上で給与を決めていましたが、その基準や空気感は詳しく社内のメンバーに共有できていませんでした。理由として、中途主体の採用だとどうしても前職給与に影響され、人によって給与にばらつきがでてしまうため、体系だった形に整える機会がなかったのですが、今度、社内に評価グレード制というものを導入することになり、各給与レンジの方に求めるスキルや意識についてまとめたのでこちらで公開いたします。 評価グレード制というのは、一般的に等級と呼ばれるもので、一定サイズ以上の会社のご経験がある方なら、類する制度はどこでもあると思いますので

はじめに 自分の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では以下のよ

はじめに 既にAPKで公開済のアプリをGoogle Play アプリ署名の利用に変更し、Android App Bundleを利用できるようにするまでのメモです。 現状うまく動いているからあとでいいじゃん、と思い続けて結構長らく放置してたんですが、2021年後半よりGoogle PlayではAndroid App Bundleが必須化されるという公式情報も出ており、いずれやらないといけないなぁと思っていたので今回対応しました。 developer.android.com 既存アプリのリリース署名はJava KeyStoreでやっていたので、今回はそこからの移行作業となります。 ↑このラジオボタンの真ん中のやつですね 事前に用意しておいた方が良いもの 現在リリースアプリ署名に使っているKeyStore情報（ファイル本体、エイリアス名、パスワードなど） Google Play Consoleの

こんにちは。株式会社ビデオマーケットの仙台オフィスでMIRAILのiOS/Androidアプリ開発を担当しているasmzです。 今回は8/27〜8/29にオンラインで開催された「DroidKaigi 2020 Lite」の参加レポートをお届けします。 DroidKaigi / DroidKaigi 2020 Liteとは 「DroidKaigi」とは、Android技術情報の共有とコミュニケーションを目的とした、エンジニアが主役のAndroidカンファレンスです。 もともとオフラインで2015年より毎年開催されており、今年も2/20〜21に五反田で開催予定でした。（私も東京出張して現地参加予定でした） しかし今年は新型コロナウイルス流行の影響でオフラインでの開催が中止となったため、代替のオンラインチャリティイベントとして「DroidKaigi 2020 Lite」という形での開催となりまし

2019 年は React Native にとってはさまざまな変化があったので、それらを振返りつつこの記事では最近の React Native をめぐる状況と個人的見解について書きます。採用を検討している方、Flutter などのクロスプラットフォーム開発フレームワークと比べたいという方の参考になれば幸いです。 フラットに書くことを意識していますが、いち利用者としてのバイアスがあることをご了承ください。 開発体験 Fast Refresh Auto Linking CocoaPods の標準採用 Expo によるワンストップ開発環境構築 フレームワーク/アーキテクチャ Lean Core Android 最新の React への追随 コミュニティ What do you dislike about React Native? react-native-community 管理下のライブラリ

仙台からこんにちは。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

AndroidプロジェクトのversionCodeやversionNameは、だいたい1つずつインクリメントしていくだけの場合が多く、コマンド1発で書き換えられるようにしておけば、将来的にCIなどでこの辺の作業を自動化させる時にも楽だよね、というヤツです。 iOSプロジェクトだとfastlaneの increment_build_number や increment_version_number のActionで同様のことができますが、手元のAndroidプロジェクトだとfastlaneは使わずGradleでほとんどのビルドタスクを実行しているので、自前のGradleタスクとして用意しました。 Gradleタスク内容 versionCodeのインクリメント [build.gradle] task incrementVersionCode { doFirst { println("Incre

事の発端 元々以下のように数値を通貨形式の文字列フォーマットに変換する処理のユニットテスト書いてあったんだけど、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環境が整備されておらず、ベータ版の配布やアプリのリリース作業などは全て手動で行われており、多くの作業コストやビルド設定誤りリスクなどを抱えていました。 このような問題が積み重なっていくと長期的にサービスを継続・グロースしていくに当たっての大きな障

みなさまはじめまして。株式会社ビデオマーケットの仙台オフィスでアプリエンジニアをやっております、asmzと申します。 私は主に公式動画配信サービス「MIRAIL」のiOS/Androidアプリの開発およびビール🍺を担当しております。 mirail.video 先日、仙台で開催された「宮城アプリ開発勉強会」でSwift/iOS開発に関するセッションに登壇させて頂きましたので、今回はその勉強会のレポート記事をお送りいたします。 宮城アプリ開発勉強会とは 現在アプリ開発の現場は、新しい開発言語やクロスプラットフォーム開発環境の登場などによって様々な技術や選択肢があり、自分一人で多くの技術知識をキャッチアップするのが大変になってきています。 そのような背景の中、宮城アプリ開発勉強会は一つの技術について深掘りするというより、それら様々なアプリ開発技術の特徴やそれぞれどんなクセを持っているのかといっ

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

このエントリはQiita「個人開発 Advent Calendar 2018」の5日目のエントリとなります。 はじめに ホントはアプリのリリースと同時にこういうエントリを書いて、それでアプリの告知とかすれば良かったわけですが、何かこうApple審査通ったらなんだかんだですぐリリースしたくなるもので、かつリリースを済ますとそこである程度満足感を得てしまうものですね。。 なので本エントリは、あえてAdvent Calendarに登録して強制力を持たせてブログを書く、という自分の尻を叩くプレイです。 というわけで、「EVENTech」というiOSアプリを個人で開発してリリースしました。 eventech.asmz.beer EVENTech Akira ShimizuBusinessFree アプリ概要 IT勉強会・イベント検索アプリと言っていますが、実際のところIT勉強会管理サービスである「c

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