こんにちは、スタディプラスの須藤(id:kurotyann)です。 昨年の9月にFlutterとFirebaseで新規サービス「ポルト Porto」をリリースしました。 tech.studyplus.co.jp ポルトはアプリ内課金を未実装でローンチしました1。ローンチ時の決済手段は、Stripeを使ったWebクレジット決済（月額制で無料トライアル14日間）のみです。 高校生をメインターゲットとしながらもアプリ内課金がないのは大きな課題であったため、今年の2月25日にアプリ内課金をリリースしました。 そこで、今回は「FlutterとFirebaseに焦点をあてて」アプリ内課金の定期購入の実装ポイントを紹介します。 1. 技術選定 システム構成図 まず、システム構成図で全体像を示します。 アプリ内課金（定期購入） 定期購入のステータス変更通知 Flutter（アプリ側） Flutterにはア

この記事はFlutterとFirebaseを利用してアプリ内課金(IAP)機能を実装するためのステップバイステップ実装ガイドです。 主にIAPを実装する際の肝となるレシート検証処理を、プラットフォーム別で詳細に解説します。 目次 in_app_purchaseパッケージの導入 Flutterでアプリ内課金を実装をするためのパッケージはいくつか存在しますが、今回はFlutterの公式ライブラリであるin_app_purchaseを採用します。 pubspec.yamlにパッケージを追加し、flutter pub getコマンドを実行します。 dependencies: in_app_purchase: 0.3.4 # 導入時点での最新版を確認すること 実装手順 具体的な実装手順に関しては 公式のデモプロジェクト に付属しているREADME.mdを参考にするのがおすすめです。 こちらのREAD

XCode12からの新機能のひとつとして、ローカル環境で課金（StoreKit)のテストをする環境が追加されました。 この記事では、そんなローカルで課金のテストをする方法を試しています。 はじめに XCode12からの新機能のひとつとして、ローカル環境で課金（StoreKit)のテストをする環境が追加されました。 StoreKit構成ファイルをローカルで作成し有効にすると、App Storeのサーバーに接続しないで課金のテストを実行することが出来ます。 今回はローカルで課金をしてみるまでの流れを簡単にではありますが試してみました。 具体的にどんなことが出来るようになったの？ Appleのサイトによると以下の項目が挙げられています。 開発の初期段階、またはApp Store Connectでアプリ内購入を構成する前に課金ができる。 ネットワーク接続が利用できない場合のローカルテスト。 San

In-App Purchasesの概要 In-App Purchasesとはアプリ内課金のことであり、アプリ内でプレミアムコンテンツや、デジタル商品、サブスクリプションなどの追加コンテンツをアプリ内で直接ユーザーに提供できます。 In-App Purchasesには、以下の４種類があります。 消耗型 非消耗型 自動更新サブスクリプション 非更新サブスクリプション 詳細についてはここを参照してください。 今回は自動更新サブスクリプションの実装方法について見ていきます。 (が他の種類の実装を行うにしても、基本的な考え方は同じだと思います。) 購入処理に必要な主なStoreKitのAPIについて アプリ内コンテンツの購入処理を実装する際、StoreKitというフレームワークを使用します。 まずはStoreKitが提供する主なAPIについて説明していきます。 SKProduct ユーザーに提供する

個人開発しているアプリ でサブスクリプションによる有料プランを提供しており、そのバックエンドにはFirebase(Authentication, Firestore, Cloud Functions)を使っています。 運用が難しそうな課金周りのバックエンドも、Firebaseで実現することでサーバー管理など不要で、個人開発でも安定してサービス提供できます。 今回はその大まかな実現方法とともに、個人開発でも意外と容易にサブスクリプション導入できることを紹介します。 尚、この記事は典型的な、有料プラン１種類のみ提供することを前提に書かれています。異なる種類・期間のプランを複数提供する場合は、アップグレード・ダウングレード・クロスグレードを考慮する必要があり、より複雑なものになります。 また、iOS以外の、WebやAndroidなどのプラットフォームで並行してサービスを提供する場合も、課金状態の

はじめに 最近 iOSでアプリ内課金で自動更新のサプスクリプションをの実装を行いました。その時に、Web でどうやってレシートの検証を行うかを検索しました。 • レシート検証 プログラミングガイド(PDF) • レシート検証 プログラミングガイド(Web) • In App Purchaseのレシートをローカルで検証できるようになった話(Qiita) • iOSの月額課金レシート検証をサーバーサイドで行うときのTipsまとめ(Qiita) • iOS In-App Purchase実装で必ず知っておきたい隠れた罠(Qiita) • Apple App Store Receipt Validation with Swift and Go • Local Receipt Validation for iOS in Swift From Start to Finish • Validating

準備 1. 契約 / 税金 / 口座情報の設定 App内課金を提供するには、有料App契約に署名し、税金および口座情報を設定する必要があります。 App Store Connectの「契約 / 税金 / 口座情報」のページで各種情報を入力をしてください。 ※ダウンロードが無料のアプリであっても、アプリ内課金を提供する場合、上の画像の有料Appのステータスがアクティブになっている必要があります。 アクティブでない場合、課金アイテムの取得などでエラーになります。 また直接ここが関係しているかは定かではないですが、課金アイテムの追加で自動更新サブスクリプションの項目が表示されませんでした。 2. Appの追加 App Store Connectでアプリのページを作成します。 「マイ App」で新規Appを選択して追加します。 3. 課金アイテムの追加 アプリのページを作成したら課金アイテムを追加

こんにちは！ 最近暑いのでビール最高と感じている新事業創造部バックエンドエンジニアのりほやんです。 今回はAppleが提供しているお試し価格の機能のひとつである無料トライアル機能を紹介します。 お試し価格とは お試し価格とは自動更新の定期購読に対して割引価格を設定したり、定期購読の開始時に一定の無料トライアル期間を設けることができる機能です。 お試し価格には都度払い、前払い、無料トライアルの3種類があります。 お試し価格はユーザーにとって、有料会員の体験ができるとても便利な機能です。 しかし公式ドキュメント以外の資料が少なく実装に何点か困ったことがありました。 そこで今回はお試し価格の無料トライアル機能を導入する方法についてご紹介します。 この記事が無料トライアルを導入しようか悩んでいる方、実際に無料トライアルを導入する方のお役に立てば幸いです。 本記事では、課金機能自体の実装の説明は行い

企業サイト、オンラインショップ、アプリ、ブログ、プレゼンなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるSWM Icon Packを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。また、スタイルは3種類（アウトライン・ブロークン・デュオトーン）で、美しく精密にデザインされたアイコンです。 Freebie SWM Icon Pack アイコンの特徴 アイコンのダウンロード ダウンロードできるアイコンの種類 アイコンの特徴 SWM Icon Packは、WebサイトやスマホアプリのUIに使用されるSVGアイコンのセットです。アイコンは24pxのグリッドに基づいたピクセルパーフェクトで、ベクターで作成されています。 Freebie SWM Icon Pack アイコンは8つのカテゴリに、全296種類。

気になることをさっと入力できるiPhoneの「メモ」アプリ。買い物リストや思いついたアイデア、忘れてはいけないキーワードを書き留めたりと利用方法はさまざまだが、パソコンからそのメモを見たり編集したりしたいという場合もある。Macを利用している場合は同じApple IDを使用すれば自動で同期され、Macのメモアプリからも表示・編集ができるが、WindowsPCでも共有できる方法をご存知だろうか。実は意外と簡単な方法で共有できる、その方法を紹介しよう。 【目次】 ■iPhoneのメモアプリにWindowsパソコンからアクセスする方法 ・ブラウザからiCloudメモを利用する ・Chromeでショートカットアイコンを登録して利用する ・Gmailで同期する iPhoneのメモアプリにWindowsパソコンからアクセスする方法 iPhoneのメモアプリにWindowsパソコンからアクセスするには、

iOS におけるプライバシーに関する変化にアプリを準備する際の主な考慮事項については、 iOS におけるプライバシー戦略をご覧ください。 SKAdNetwork を有効にしてコンバージョンをトラッキングする 前提条件: Google Mobile Ads SDK 7.64.0 以降 Google Mobile Ads SDK は、Apple の SKAdNetwork を使用したコンバージョン トラッキングをサポートしています。つまり、IDFA が利用できない場合でも、Google および参加しているサードパーティの購入者がアプリのインストールを関連付けることができます。 この機能を有効にするには、Info.plist で Google と参加しているサードパーティの購入者の SKAdNetworkIdentifier 値を定義する追加の辞書を使用して、SKAdNetworkItems キ

RealityComposerに関する情報が集まっています。現在11件の記事があります。また2人のユーザーがRealityComposerタグをフォローしています。

【注意】この記事で紹介しているSMS APIサービスのVonageは利用規約により認証にVonageの電話番号を利用することを禁止しているという記述があるので、末尾の別解として載せたAndroidデバイスを使ってSMSを転送する方法が良さそうです。 help.nexmo.com 2021年2月から、App Store Connectにログインする際にすべてのApple IDで2ファクタ認証が必須になります。 Starting February 2021, additional authentication will be required for all users to sign in to App Store Connect. This extra layer of security for your Apple ID helps ensure that you’re the only

Apple App Store のデータ開示要件 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Apple は App Store でアプリを公開するデベロッパーに対し、アプリのデータ使用に関して特定の情報を開示するよう義務付けています。Apple は、これらの開示が 2020 年 12 月 8 日より新しいアプリとアプリのアップデートで義務付けられることを発表しました。このガイドでは、AdMob デベロッパーが App Store Connect で簡単に回答できるように、7.68.0時点の Google Mobile Ads SDKのデータ収集方法について説明しています。 AdMobのパフォーマンスを改善するため、Google Mobile Ads SDK は次のような特定の情報をアプリから収集することがあります。 IP アドレス: デバイスのおおよ

Appのプライバシーを入力する App Store Connectにアクセスすると、下記のように「Appのプライバシー」というメニューが表示されるようになりました。 2020年12月8日より、新たにアプリを公開したり、アプリのアップデートを行う際には、この「Appのプライバシー」を必ず記入する必要があります。 アプリの広告収益にAdMobを使用している場合は、自分でアプリからデータを収集していない場合でも、AdMobによって収集されるデータが存在します。 AdMobのSDKによって収集されるデータとその使用方法に関する説明はこのリンクに書かれています。 IP アドレス: デバイスのおおよその位置の推定に使われる場合があります。 ユーザーに関連しないクラッシュログ: 問題の診断と SDK の改善に使われる場合があります。診断情報は、広告掲載や分析の用途でも使われる場合があります。 ユーザー関

インチ：サイズ表記のこと 端末：対応する端末 xcodeの表示：xcodeのアセットカタログの表記名 ポイント：描画座標のこと。論理上の画面サイズ 倍率：ポイントを何倍してピクセル表示するか。 ピクセル：実際に画面に描画されるサイズ 参考資料 xcodeのキャプチャ アップルストアの資料 概念図 参考：　https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions sketch資料 グーグルドライブからダウンロードできます。 https://drive.google.com/file/d/1WakoxNaWwGOavcFyf6bmufyKOCH-Sf4u/view?usp=sharing おまけ 役にたったらいいねお願いします😄✨

iPhone 12シリーズが発表され、iPhone 12/12 Proの予約も始まりましたね。23日配送予定で予約できたので、私も楽しみです。ユーザーとしてはその新しいデザインや機能にワクワクしますが、デザイナー・デベロッパーとしては悩みのタネが増えるかもしれません。 ビューポートのサイズの種類が増え、多くの解像度、アスペクト比、断片化が進むデバイスの複雑さがUIの設計にどのように影響するのかを紹介します。 iPhone 12 vs Designers by Michal Malewicz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone 12のリリース だけど、このメタルとガラスの中には象がいる 2020年の現状 どのようにデザインすればよいか？ 重要な要素は折り目の上に 終わりに iPhone 12のリリース 1

A consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices.