つばくろぐ @takamii228

知は力なり

FlutterにおけるPluginとの付き合い方 #flutter

本記事は Flutter #1 Advent Calendar 2020 の12/13の記事です。

qiita.com

Flutterでアプリ開発を行う時、 pub.dev で公開されているプラグインを使うことで特定の実装やネイティブ実装を代用することができます。

このときそのまま公開されているプラグインを使うか、自作でMethodChannelとネイティブコードで実装するか選択することができます。本記事では私が普段どのような考え方で判断しているかを一例として紹介したいと思います。

なお今回はWebやDesktopは含めず、iOSAndroidアプリに絞った話になります。

Flutterにおけるプラグイン

Flutterにおいてプラグインを利用する場合、pubspec.yamlに利用したいパッケージ名を記入した状態でflutter pub getを実行することで利用することができます。

flutter.dev

プラグインを使うメリットとデメリット

Flutterにおけるプラグインを使うメリットとデメリットを上げてみると以下のものが考えられます。

  • メリット
    • プラグインで代用することで実装を省略でき開発を高速化できる
    • iOSAndroidのネイティブ実装の知識がなくてもネイティブ機能が利用できる
  • デメリット
    • 自分の利用したいインターフェースや機能の実装になってない場合がある
    • プラグイン同士で含まれるライブラリが競合する場合がある
    • プラグインにバグが含まれている可能性がある
    • メンテナンスが放置されてFlutterのバージョンアップの足かせになる場合がある

まずメリットですが、そもそもFlutterという技術選択をした理由に開発の高速化が念頭にあることが多いと思うので、プラグインを利用することでさらなる高速化が望めます。 またWebViewやカメラなどのOSのネイティブ機能を使った機能を実装する場合は本来であればiOSAndroidの知識が十分に必要になりますが、プラグインを利用することでFlutterの知識があれば機能を実装することができます。

一方でデメリットでいうと、プラグインが提供するインターフェースが必ずしも自分が使いたい形式になっていなかったり、必要な機能を実装していないケースがあります。また複数のプラグインを組み合わせて使う場合、バージョンやライブラリの競合が起きるケースもあるでしょう。 OSSとして個人が公開しているものにはバグが含まれている可能性もあります。また利用し始めた当初は問題なかったけど、時間がたってからメンテナンスが放置されてFlutterのバージョンアップ時にエラーになる、なんてケースも考えられます。

これらのメリデメを踏まえてプラグインを使うべきか自力で実装すべきかをどのように考えていけばよいかを考察します。

プラグインを利用するか、自力で実装するか

まずプラグインを利用するか自力で実装するかについては答えはなく、プロジェクトの状況に合わせて最適な選択をするのがよいです。

iOSAndroidそれぞれ個別の実装している余裕がなかったり、そもそもネイティブ実装ができるメンバーがチームいない場合は結果的にプラグインを積極的に利用することになると思います。

一方で公開されているプラグインが提供する機能では不十分だったり、そのアプリが提供するコア機能となる部分として自由なカスタマイズをしたいケースであればプラグインを利用せずに自力で実装することになると思います。

FlutterではMethodChannelを使うことでネイティブで実装した機能を画面、部分的な画面、関数単位で実行することができます。

flutter.dev

プラグインの選定基準

次にプラグインの選定を見ていきます。

ネイティブの機能を利用するプラグインはある程度は公式が用意してくれているので、まずはそれを使って期待する使い方ができるかどうかを確認してみましょう。

github.com

Firebaseを利用する場合も公式が利用を推奨しているプラグインから選ぶとよいでしょう。

github.com

medium.com

3rd partyが公開しているSDKをラップしたプラグインを利用する場合もまずは公式が出しているものを見てみるとよいです。

その他のプラグインを利用したい場合は以下の観点で選ぶとよいでしょう。

  • 評価が高く、利用実績が豊富であること
  • ドキュメントが充実していること
  • ライセンスの自由度が高いこと
  • 更新が活発であること

利用を検討しているプラグインについては、ネイティブの知識がある程度必要になりますが、なるべく中身のソースコードも読むようにしましょう。ソースコードを読んでみて、これなら自分でも実装できそうだ、と判断したら自力での実装で切り替えるのもありだと思います。

プラグインへの依存と付き合っていく

自身のプロダクトにプラグインを利用するという選択をした場合、そのプラグインの依存関係を常に念頭にして追加開発・運用していく必要があります。

Flutterのバージョンアップや新OSが出たときに利用しているプラグインがきちんと対応できるのか、仮に対応できない場合はパッチを当てるのか、別のプラグインを検討するのか、利用をやめて自力で実装し直すのかなどを定期的に見直すようにしておくとよいです。

FlutterはそもそもそれだけでiOSAndroidを横断したフレームワークであるため、プラグインも含めるとかなり複雑な構成をとることとなります。そのため依存関係を正しく把握していないとあっという間に負債化してしまう可能性があるので注意が必要です。これについては以前ブログにまとめたのでそちらも見てみてください。

takamii.hatenablog.com

takamii.hatenablog.com

最近でいうと、長らくWebViewのプラグインとしてflutter communityのものがよく利用されてきましたが、ようやく公式のWebView Pluginが正式公開されましたね。

github.com

github.com

flutter communityの方のプラグインはもうメンテされないようなので新しい方に移行していく必要があります。

プロジェクトの状況にもよりますが、私が以前いたプロジェクトでは初期リリースはプラグインを積極的に活用して開発効率を重視し、追加開発フェーズである程度落ち着いてきたら pubspec.yamlを定期的に見直して少しずつ自力実装に移行していく、という戦略を取っていました。

まとめ

プラグインの利用によってその機能の実装を省略できる一方で、プラグイン自体のメンテナンスが放置されていて本体のバージョンアップの足かせになり開発スピードが落ちてしまった、という経験をWordPressやJenkinsなどで経験したことがある人もいるのではないでしょうか。

Flutterにおいてもそのようなことにならないように、プラグインの利用を検討するときはどのような観点で自力実装と使い分けているかをプロジェクト全体の方針として明確にし、利用しているプラグインを定期的に見直すようにしておくとよいでしょう。

App Store Connectアップロード時のipaファイルのvalidateをcliで実行する #iOS #flutter

本記事は主にFlutterの話題ですが、iOS向けの内容でFlutterを使っていなくても参考になると考えたため iOS #2 Advent Calendar 2020 として投稿しようと思います。

App Store Connetへのアップロード時のipaファイルのValidate

XcodeApp Storeの配布資材を作成した後、Xcode上ではApp Store ConnectにアップロードするDistribute Appボタンの下にValidate Appというボタンがあります。

これを押すと配布しようとしているipaファイルがApp Store Connectへのアップロード要件を見たしているバイナリかどうかを簡易的にチェックすることができます。

https://help.apple.com/xcode/mac/current/#/dev37441e273

今回はこれを自動化するにあたって試行錯誤したことをまとめます。

f:id:takamii228:20201205181831p:plain

Flutter 1.22.0にアップデートしたアプリがApp Store Connectにアップロードできない

運用していたFlutterアプリのFluterのバージョンを1.22.0にバージョンアップを実施し、いつも通りにCDパイプラインでipaファイルを作成した後にApp Store Connectにアップロードしようとしたら以下のエラーが発生しました。

f:id:takamii228:20201205182051p:plain

ipaのExportには成功します。ipaファイルをTransporter経由でアップロードしても同様のエラーが発生しました。

f:id:takamii228:20201205182150p:plain

おかしいなと思ってググってみるとどうやらFlutterのバージョンアップに起因するもののようです。

qiita.com

github.com

ios/Flutter/AppframeworkInfo.plist の MinimumOSVersion を 9.0 にすることで解消するようです。

Validate Appを自動化する

以前紹介したFlutterのCDパイプラインではipaの作成にとどまっており、今回のエラーはApp Store Connectにアップロードするまで気づくことができませんでした。

takamii.hatenablog.com

そこで今回はXcode上で実行可能なValidate AppをCDパイプラインに組み込んで同様のエラーが発生しないように改善します。

Validate AppをCLIで実行するには、xcodebuildコマンドのexportArchive時に指定しているexportOptionPlistファイルのdestinationuploadに、methodとしてvalidationとして以下のように指定すればよいようです。

// ExportOptionsProdValidate.plist
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>destination</key>
    <string>upload</string> // destinationはupload
    <key>method</key>
    <string>validation</string> // methodはvalidationにする
    <key>provisioningProfiles</key>
    <dict>
        <key>com.takamiii.xcodevalidate</key>
        <string>xcodebuildvalidate-prod</string>
    </dict>
    <key>signingCertificate</key>
    <string>xxxxxx</string>
    <key>signingStyle</key>
    <string>manual</string>
    <key>stripSwiftSymbols</key>
    <true/>
    <key>teamID</key>
    <string>xxxxxx</string>
    <key>uploadBitcode</key>
    <true/>
    <key>uploadSymbols</key>
    <true/>
</dict>
</plist>

exportOptionPlistの説明はこちらがよくまとまっていました。

qiita.com

flutterの場合は flutter build ios --release コマンドの後に実行すればValidate AppをCLIで実行することができそうです。validate appを実行するコマンド例は以下のようになります。

$ xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist

exportOptionのplistファイルに upload とあるため、実際にアップロードされてしまうのではないかと少し不安に思いましたが、コマンド実行後にApp Store Connectを実際に確認してみたら特にアップロードされた形跡はありませんでした。安心してValidateの処理をパイプラインに組み込めそうです。

なおxcodebuildコマンド内で実行されるApp Store Connectへのアップロードの認証情報はXcodeに設定した認証情報が利用されます。そのため、該当のApp IDに対するApp Store Connectのアップロード権限をもつApple IDの認証情報がないと以下のようなエラーが発生します。

$ xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist
2020-12-05 19:01:32.639 xcodebuild[43990:6477163] [MT] IDEDistribution: -[IDEDistributionLogging _createLoggingBundleAtPath:]: Created bundle at path '/var/folders/6n/llxh8m296896rymtgjfbkmxw0000gn/T/Runner_2020-12-05_19-01-32.639.xcdistributionlogs'.
error: exportArchive: Failed to log in.

Error Domain=IDEDistributionErrorDomain Code=9 "Failed to log in." UserInfo={IDEDistributionErrorsAccountIssues=(
), NSLocalizedDescription=Failed to log in., NSLocalizedRecoverySuggestion=App Store Connect access for “BLAG9TXR3M” is required. Ensure that your Apple ID account usernames and passwords are correct in the Accounts preference pane.}

** EXPORT FAILED **

またApp Store Connect側にアップロードの受け口となるAppsを作成しておく必要があります。App Store Connect側の設定無しに実行するとアップロードエラーになるため検証時には注意しましょう。

話題はそれますが、xcodebuildコマンドのオプションって把握するの結構大変ですよね...

再現確認

ここからは元の事象の再現確認と修正の手順を順に追ってみます。

まずFlutterのバージョンを1.17.5にした状態でAndroid StudioでFlutterのプロジェクトを作成します。そのあと、Flutterのバージョンを1.22.0に上げます。

次にXcodeでRunner.xcworkspaceを開いてBundle Identiferや証明書関連の情報を設定します。この後の手順の実行にはApp Store Connectへのアップロードに必要なApp IDや配布証明書、プロビジョニングプロファイルが必要手順は省略します。

また上の例で示したexportOptionPlistファイルを作成します。

最後に以下のコマンドを順番に実行してvalidateを実行し、エラーが再現することを確認します。

$ flutter clean
$ flutter pub get
$ flutter build ios --release
$ cd ios
$ xcodebuild -workspace Runner.xcworkspace \
     -scheme Runner \
     -configuration Release archive \
     -archivePath ../build/Runner.xcarchive
$ xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist

順に実行すると想定通り、冒頭で表示されたのと同じエラー出力がされました。

$  xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist
2020-12-05 19:20:21.170 xcodebuild[48219:6514151] [MT] IDEDistribution: -[IDEDistributionLogging _createLoggingBundleAtPath:]: Created bundle at path '/var/folders/6n/llxh8m296896rymtgjfbkmxw0000gn/T/Runner_2020-12-05_19-20-21.169.xcdistributionlogs'.
error: exportArchive: App Store Connect Operation Error. Invalid Bundle. The bundle Runner.app/Frameworks/App.framework does not support the minimum OS Version specified in the Info.plist.

Error Domain=ITunesConnectionOperationErrorDomain Code=1091 "error: App Store Connect Operation Error. Invalid Bundle. The bundle Runner.app/Frameworks/App.framework does not support the minimum OS Version specified in the Info.plist." UserInfo={NSLocalizedDescription=error: App Store Connect Operation Error. Invalid Bundle. The bundle Runner.app/Frameworks/App.framework does not support the minimum OS Version specified in the Info.plist.}

** EXPORT FAILED **

Issueの対処通り、ios/Flutter/AppFrameworkInfo.plistMinimumOSVersionを8.0から9.0に変更します。

...
  <key>MinimumOSVersion</key>
  <string>9.0</string>
...

再度Validateコマンドを実行すると、Validated Runnerとなりエラーは解消されました。

$ xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist
2020-12-05 19:25:38.546 xcodebuild[49681:6526812] [MT] IDEDistribution: -[IDEDistributionLogging _createLoggingBundleAtPath:]: Created bundle at path '/var/folders/6n/llxh8m296896rymtgjfbkmxw0000gn/T/Runner_2020-12-05_19-25-38.546.xcdistributionlogs'.
Validated Runner
** EXPORT SUCCEEDED **

しかし** EXPORT SUCCEEDED ** というログメッセージは微妙ですね...。

この状態で作成したipaファイルはApp Store Connectへのアップロードも成功しました!

f:id:takamii228:20201205193405p:plain

このValifatedeは今回のようなバイナリ設定のエラーの他に、バージョン番号の間違いも検出できます。

$ xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist
2020-12-05 17:02:54.174 xcodebuild[21868:6252939] [MT] IDEDistribution: -[IDEDistributionLogging _createLoggingBundleAtPath:]: Created bundle at path '/var/folders/6n/llxh8m296896rymtgjfbkmxw0000gn/T/Runner_2020-12-05_17-02-54.173.xcdistributionlogs'.
error: exportArchive: App Store Connect Operation Error. Redundant Binary Upload. You've already uploaded a build with build number '3' for version number '1.0.0'. Make sure you increment the build string before you upload your app to App Store Connect. Learn more in Xcode Help (http://help.apple.com/xcode/mac/current/#/devba7f53ad4).

Error Domain=ITunesConnectionOperationErrorDomain Code=1091 "error: App Store Connect Operation Error. Redundant Binary Upload. You've already uploaded a build with build number '1' for version number '1.0.0'. Make sure you increment the build string before you upload your app to App Store Connect. Learn more in Xcode Help (http://help.apple.com/xcode/mac/current/#/devba7f53ad4)." UserInfo={NSLocalizedDescription=error: App Store Connect Operation Error. Redundant Binary Upload. You've already uploaded a build with build number '1' for version number '1.0.0'. Make sure you increment the build string before you upload your app to App Store Connect. Learn more in Xcode Help (http://help.apple.com/xcode/mac/current/#/devba7f53ad4).}

** EXPORT FAILED **

なお今回のエラーの発生条件は1.17.5から1.22.0へのバージョンアップです。1.22.0の状態でプロジェクトを新規に作成すると、AppFramework.plistのMinimumOSVersionの値は9.0となっており元のエラーは発生しませんでした。

また最新の1.22.4では関連するエラーに関するパッチがあたっており、1.17.5から1.22.4へのバージョンアップでは上記のエラーは発生しないようになっていました。

該当のPRは以下になるようです。

github.com

github.com

また、Flutterのドキュメント側にも修正がはいったようで、Deployment Targetを修正する場合はAppFramework.plistのMinimumOSVersionの値と揃えるようにするように追記されました。

Build and release an iOS app - Flutter

validate処理を加えたFlutterアプリのipa作成スクリプト

以前作成したFlutterでipaファイルを作成するスクリプトにvalidate処理を足すと以下のようになります。

#!/bin/sh
set -x
set -e

# Artifacts Path
OUTPUT_APK_PATH="./artifacts/ios"

# TARGET_APP_VERSION
TARGET_APP_VERSION=${1}

# TARGET_BUILD_NO
TARGET_BUILD_NO=${2}

# cleanを実行
flutter clean

# 依存関係を解決
flutter pub get

# flutter buildを実行
flutter build ios --release \
  --build-name=${TARGET_APP_VERSION} --build-number=${TARGET_BUILD_NO}

cd ios

# archive を作成
xcodebuild -workspace Runner.xcworkspace -scheme Runner -sdk iphoneos \
  -configuration Release archive -archivePath ../build/Runner.xcarchive

# 作成するipaファイルをvalidateする
xcodebuild -exportArchive -archivePath ../build/Runner.xcarchive \
       -exportOptionsPlist ExportOptionsProdValidate.plist

# ipa fileを作成
xcodebuild -allowProvisioningUpdates -exportArchive \
  -archivePath ../build/Runner.xcarchive \
  -exportOptionsPlist ExportOptionsProd.plist -exportPath ../build/ios-release

# 成果物をコピー
cp ./build/ios-release/Runner.ipa ${OUTPUT_APK_PATH}/app-release-${TARGET_APP_VERSION}.${TARGET_BUILD_NO}.ipa

まとめ

CDパイプラインの中での利用を想定してxcodebuildコマンド経由でValidate Appする方法をFlutter製のアプリを例にまとめました。

XcodeApp Store Connectへのアップロードを実行しているプロジェクトではあまり恩恵はないですが、ipaの作成とApp Store Connectへのアップロードの運用が別れているようなプロジェクトでは資材を引き渡した後のアップロードエラーの手戻りを未然に防げるのではないでしょうか。

フレームワークのバージョンアップや開発ツールの更新を行った時は今まで動いていた仕組みが変わって思わぬところでエラーが発生するケースがあるため、それを事前に検知できるような仕組みづくりもトライアンドエラーにはなりますが、次は同じ轍を踏まないように毎回改善を繰り返しておくとよいでしょう。

形容詞の表現には具体性を持たせようという話

先日こんなツイートをした。

会話や主張の中で、「〇〇は良い」「xxは低い」「△△は高い」等の形容表現をすることがある。

このとき、話者が正しく意図を伝達するためには、形容詞に対するコンテキストの具体性を持たせる必要があると思ってる。

ここでいう具体性とは、例えば話者がそう形容するに至った理由や具体的な尺度や基準だ。

「一人暮らしで家賃10万は安い」

という表現の場合、地方に住んでいる人から見れば高いと考えるかもしれないし、23区内の人から見れば安いと考えるかもしれない。

「一人暮らしで都内で駅から10分以内で家賃10万は安い」

少し具体性が増した。これに間取りも付与したらより伝わりやすくなるだろう。

しかし最後に受け手の主観が残る。健脚な人で駅からの近さよりも部屋の広さを重視する高いと思うかもしれない。

なので誤解なく伝えるためには、話し手は間取りは多少狭くても駅から近いことを重視している、という尺度をあわせて伝える必要がある。

10万円という具体的な数字に加えて、立地条件や相場、さらに話し手の評価基準を伝えて初めてこの主張は正しく受け手に伝わるのだと思う。

少し前にもこんなツイートをしていた。

冒頭の「自炊すれば安い」の例ではそれが欠損しており、受け手によって異なる視点から様々な反応が得られたケースだと思った。

物事を決めたり、判断・評価するときに形容詞を使うことは多いが、スペースの都合で具体性や尺度や基準といったコンテキストを省いてハイコンテキストな文章にしてしまうと、あっという間に誤解して受け取られてしまうので注意したほうがいいなと思う。

物事を形容するというときにはその対象をそれぞれの中の評価軸で射影した値を比較・判断しているという前提のもと、その軸がなんなのか、また境界やレンジはなんなのかをすり合わせると表現の解像度が上がるのだと思った。

関連して、最近ここにたどり着くことが多い思考を貼っておく。理数系の人が似たような感覚を持つのか、理数系のバックグラウンドがない人はどう思うのかふと気になった。