こんにちは。iOS アプリエンジニアの id:gurrium です。『Inside GigaViewer for Apps』連載2回目は、同じく iOS エンジニアの id:fxwx23 と一緒に出版社向けマンガビューワのアプリ版である「GigaViewer for Apps」（以下 GigaApps）の iOS アプリを実現するしくみについて紹介します。 GigaApps とは アーキテクチャ (id:fxwx23) マルチモジュール 画面構築と遷移 アプリに合わせたカスタマイズ (id:gurrium) ローカライズインジェクション アセットインジェクション パラメータでの DI Needle での DI 終わりに ※ 見出しの ID は執筆担当 GigaApps とは 前回の記事でも紹介しましたが、GigaApps はビューワだけでなく、作品詳細やマイページなどのマンガアプリの基本的
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 前提 この記事は、以下に当てはまる人向けの iPhone/iPad アプリを開発する手順を紹介します。 iPhone / iPad を使っている 開発機はWindowsだ Macを持っていない C#.NET言語で開発したい。 Apple Developer Programに既に登録している、または年間で99米ドル(約14,500円)を支払えるクレジットカードまたはデビットカードを持っていて、支払い後に最大48時間待ってやるのも悪くない。※1 ※1: 2023/12/02現在。 はじめに 私はその前提に当てはまっていて、・・・こんな記事も
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
Provisioning Profile を理解していないと、アプリがインストールできなかったり、実行できなかったり、アーカイブ化できなかったり、と、様々な問題に直面してしまいます。 この記事ではProvisioning Profile を最短でしかも深く理解できるように説明していきます。 そして、Provisioning Profileを理解すると共に、間違った使い方をしたらどういうことになるのか？そのトラブルシューティングも含めて説明します。 Provisioning Profileの生成やXcodeへの設定手順についてはこちらを参照してください。
2022/10/16 更新 v0.42.0から採用されたReducerProtocolで書き方が大きく変わりましたので、記載内容やコードを見直しました iOSDCでのyimajoさんの発表など、the Composable Architecture（以下、TCA）が良さそうという評判を聞いて調べてみました。どこから始めていいのか少し迷ったので、公式レポジトリのREADMEにあるBasic UsageをベースにTCAの始め方を解説してみます。 TCAどころかSwiftUIすら勉強し始めなので、間違いなどあるかもしれません。コメントで教えて頂けると嬉しいです！ TCAって何？ TCAはiOSなどのAppleプラットフォームのアプリケーション開発のためのフレームワークです。 Combineを前提としているため、iOSだとiOS13以上が対象となる制約があります。（ちなみにiOS13未満向けにRx
概要 iOS13から新たにUIWindowSceneDelegateが導入され、プロジェクトを新規作成するとclass SceneDelegateがテンプレートとして生成されるようになりました。この記事では、このSceneDelegateとアプリの起動シーケンスについて説明します。まだわかっていない部分もあるので、そこは疑問の内容を書きました。 Sceneの概要 Sceneについてザックリと説明します。正確なところは公式の文書を参照してください。 SceneとはアプリのUIを表示するための窓の事です。iPadでは以前から複数のアプリを同時に分割表示する事ができましたが、同一のアプリを同時に複数表示する事はできませんでした。iOS13からはこれが可能になります。この時、分割されている画面1つがSceneに対応します。同一のアプリが複数表示されているときは、内部的にアプリケーションとしては1つ
UITableView の見た目で様々な要素を表示しつつ、その一部として UITextView を使いたい、という需要があると思う。最も身近な例は標準のメールアプリである。 これは UIKit の API を駆使することで実現可能である。本記事ではこれを実現する方法を通して、あまり知られていないであろう UIKit の機能について紹介する。 UITextView の intrinsic content size Auto Layout において、UIView は自身が表示されるためにちょうどよいサイズを知っている。具体的には var intrinsicContentSize: CGSize である（Swift 3.0 では property で、Swift 2.3 まではメソッドである）。このサイズは他の NSLayoutConstraint と関連して、デフォルトではプライオリティ 75
準備 1. 契約 / 税金 / 口座情報の設定 App内課金を提供するには、有料App契約に署名し、税金および口座情報を設定する必要があります。 App Store Connectの「契約 / 税金 / 口座情報」のページで各種情報を入力をしてください。 ※ダウンロードが無料のアプリであっても、アプリ内課金を提供する場合、上の画像の有料Appのステータスがアクティブになっている必要があります。 アクティブでない場合、課金アイテムの取得などでエラーになります。 また直接ここが関係しているかは定かではないですが、課金アイテムの追加で自動更新サブスクリプションの項目が表示されませんでした。 2. Appの追加 App Store Connectでアプリのページを作成します。 「マイ App」で新規Appを選択して追加します。 3. 課金アイテムの追加 アプリのページを作成したら課金アイテムを追加
3年ほど前に、iOSでの自動継続課金利用のルールが大幅に緩和されまして、ツール系でも使えるようになりました。最近は、Appleも定期購読サービスの利益が大きくなったのもあり、すごく力入れている。 それに伴い、アプリ開発者側にもiOSでの定期購読がどんどん使いやすくなってまして、以前の暗黒時代を思い出すと嬉しい限りです。 *参考 リジェクトされまくったiOSの自動継続課金が規約変更でついに利用でき、使いやすくもなったので、Androidの定期購入と比較してみる AppStoreの自動継続定額課金の新ルールについて (Auto-Renewable-Subscriptions) あと、これが最も重要な部分だとは思うんですが、ここ最近は定期購読サービスが一般的になってきているので、ユーザ側の抵抗がだいぶ少なくなっている気がします。 昔は、個人開発のアプリでも有料版は一回買い切りっていうのが当たり前
Xamarin.FormsアプリにFirebase Crashlyticsを導入してみました。 いろいろとハマったので、手順をまとめました。 以前、Xamarin.FormsアプリにFirebase Analyticsを導入してみましたが、せっかくなので、Firebase Crashlyticsも追加導入してみました。 Q：なぜXamarin？ A：趣味です！ 目次 環境 Xamarin.Formsアプリの作成とFirebaseプロジェクトの作成 Androidの準備 Firebase Crashlyticsの導入(Android) strings.xmlにユニークIDを追加 Firebase Crashlyticsの初期化（Android） Firebaseプロジェクト設定（Android） アプリの実行と接続確認（Android） ビルドエラー対応 例外発生してアプリが落ちる 改めてア
[Xamarin.Forms] Firebase Analyticsを導入してみたので、手順をまとめた！ (Android & iOS) XamarinプロジェクトでFirebase Analyticsを導入してみたので、手順をまとめました。 Xamarin.Forms側からも呼んでみました！ 2019年10月31日に「AndroidとiOS向けのGoogle Analytics」のサポートが終了します。 Google アナリティクス開発者サービス SDK の終了 というわけで、移行する前準備として、XamarinでFirebase Analyticsを試してみました。 Q：なぜXamarin？ A：趣味です！ Firebase Analyticsのイベントについては、下記をどうぞ！ Firebase Analyticsのイベント送信について調べた | Developers.IO 目次 環
アプリのメンテナンスや告知などを行う機能はすぐには使わないけど、必ず必要になるので最初から入れておきたいですよね。 そのために、。アプリ起動時や復帰時に適当なURLを叩いてJSONを取得して、ダイアログでメッセージを表示する機能を実装しておくといいでしょう。 URLを開くと通常は404が返ってきて、その場合は何も表示しないようにしておきます。 このURLはS3など本体のサービスとは違うドメインとサーバにおきます。 サーバのメンテナンスや不具合でアクセスできない場合には、このURLに適当なJSONを置くようにします。あとこのファイルの多言語化も忘れずに。 JSONの中にはメッセージ本文と、詳細ページのURL、何度も表示するか一度だけかなどを持っておくといいでしょう。 { "message": { "ja": "20時までメンテナンスです", "en": "We have scheduled
Xamarin.iOS の iPhone などのアプリでキーチェーンにアクセスしようとしたら以下のエラーメッセージが表示されました。 Error: Could not find any available provisioning profiles for iOS. これは、info.plist に適切なプロビジョニングの設定がされていないことが原因です。 私は Apple Developer Program にまだ参加していないので分かりませんが、通常はプログラムに参加していて info.plist で「自動プロビジョニング」が設定されていれば起きないのだと思います。 残念ながらプログラムにまだ参加していない場合は、一手間かける必要があります。 まず、Xcode を立ち上げて適当なプロジェクトを開きます。 そして、プロジェクトのプロパティを開き、General >> Identity >
半年以上前のことですが、今年の3/25にMilk TimeというiOSアプリを妻がリリースしました。 Milk Time - 育児記録を共有できる授乳タイマー Mocologyメディカル無料 妻自身が子育て中に授乳のことなどで苦労した経験を活かし、授乳記録を簡単にできてもっとデザインのよいアプリを作りたいという思いをそのまま形にしています。 妻は元々エンジニアではありましたが、アプリを開発して自分でリリースするというのは初めてでした。 それにも関わらずアプリを作る決心をして、新品の15インチMacBook Proを購入しました。 そこから子育てをしつつ合間を見ては1人で企画、設計、デザイン、開発までを1人で行いました。 ちゃんと計算したわけではないですが、トータルでかかった工数は2,3ヶ月くらいではないかと思います。 私自身が個人でいくつかアプリを開発してリリースしてそれなりの売上を上げて
次に示すような見出しと各カラムが右寄せ、ラベルの文字数によってカラムの幅が伸縮し、広くなった場合は隣の列を押し出し、短くなった場合は少なくとも見出しの幅に収まり、各列の間には一定のマージンを置くというテーブルレイアウトを、静的なAuto Layoutの制約だけで作ることを考えます。 このような、UIコンポーネントが持つコンテンツの大きさによって隣接するコンポーネントを押し出すような場面ではAuto Layoutがとても効果的に働きます。 Auto Layoutなしで実現しようとすると、列ごとの各行の文字幅を計算し、最大の幅に合わせて再配置する、という処理をコンテンツが変わるたびに行うということになりますが、Auto Layoutの制約を使用する場合ではそもそもレイアウトの再計算を自分でやる必要はないので、コンテンツの変わったタイミングなどを気にする必要はありません。 ただデータを再代入する
TL;DR, 優先度の異なる複数の制約を同時に定義することで、静的な定義だけで動的な振る舞いを実現できる 動的な要素の少ない構造のビューはより堅牢である はじめに 読みやすくメンテナンスしやすいソフトウェアを作るために重要なことの一つは構造をシンプルに保つことです。 iOSアプリのビューは壊れやすいソフトウェアの代表ですが、できるだけシンプルに作ることで変化に強い、堅牢で壊れにくいソフトウェアにできます。 動的な要素が少ないということは、ビューがシンプルであるということの指標の１つと言えます。 この記事では下記に示すような、スクロールに合わせて伸び縮みするヘッダーを、動的な要素を無くし、Auto Layoutの静的な制約のみで実現する方法を解説します。 動的な要素とは、実行時におけるビューおよび制約の追加・削除、Frameや制約を更新することと、機種やスクリーンサイズ、標準UIコンポーネン
長いテキストが初期表示では折りたたまれて表示されていて、「つづきを読む」ボタンを押すことで表示エリアが拡大して全文が表示されるという挙動を、できるだけ動的な要素を排除して実現してみます。 サンプルコードは下記のリポジトリで公開しています。 github.com 今回の例ではUIStackViewを活用します。UIStackViewは内部のビューのisHiddenプロパティによってビューのサイズをゼロにできるので、うまく活用すればあたかも複数のレイアウトを切り替えているような挙動を実現できます。 テキストビュー（またはラベル）の左右両端と上端が一致するようにStack Viewに制約を付けます。 さらにテキストビューとStack Viewの高さが一致する制約を付けます。 Stack Viewの中のビューに高さの制約として折りたたんだときのサイズを指定します。例では200ptです。 テキストの
こんにちは、新事業創造部の遠藤です。現在WEARの開発を行っています。 最近はWEARのコーディネート一覧やユーザー一覧など、リスト画面にバナー型の広告を実装をしました。 リストにデータを挿入する実装は簡単なように思えますが、種類の違うデータを扱う場合には、考慮するべきポイントがいくつかあります。 本記事ではリストに広告を表示することを例に、種類の違うデータをリストに挿入する際のデータの持ち方・実装ついて紹介したいと思います。 仕様 リスト画面にバナー型の広告を表示するにあたっての仕様は以下のとおりです。 広告を取得できない場合はリストをつめる スクロールして戻っても同じ広告が表示されている 広告のインプレッションは表示時のみとなるように制御する スクロールに合わせて遅延なく広告の表示をする 上記のような元々表示していたデータと異なる仕様を扱うため、実装が複雑になります。 バナー型広告につ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く