スマホゲームアプリの画面デザインについて Tweet はじめに 2017年ごろから様々な解像度やアスペクト比のディスプレイを持つ端末が登場しています。 先陣を切ったiPhoneXはディスプレイが全面になり、端末の角丸部分も表示領域に……。 消滅したホームボタン（物理）の代わりにホームバーを画面内に導入……、さらにはノッチ（切り欠き）を採用……、これらとセットに「SafeArea」という概念を導入してくれました……。 最近の端末はパンチホールが主流で、iPhoneは14Pro以降からそれにプラスして、用途によって表示領域が変わる「DynamicIsland」という機能を採用しているようです。 さてこれらにより、これまでは決まった領域だけの考慮で良かったのですが、様々なアスペクト比に対応できるように、またノッチなどに情報が被らないようにデザインを制作する必要がでてきました。 ということで今回は
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
こんにちは、Android アプリエンジニアの id:mangano-ito です。『Inside GigaViewer for Apps』連載3回目は、iOS/Android エンジニアの id:kouki_dan と一緒に出版社向けマンガビューワのアプリ版である「GigaViewer for Apps」（以下 GigaApps）のAndroidアプリを実現するしくみについて紹介します。 GigaAppsとは アーキテクチャ GigaAppsでマルチテナントを実現する方法 モジュールのconfig リソースの差し替え UIプラグイン その他 実例紹介 実例1: ポイントのアイコン・文言 実例2: マイページヘッダー 実例3: 作品詳細ヘッダー 実例4: 購入ダイアログの上部 終わりに GigaAppsとは 前回の記事でも紹介したように、GigaAppsはビューワだけでなく、作品詳細やマイ
※この記事で書かれたコードの例は、こう書けますよという一例であり「この書き方が正しい」と主張するものではありません。 Jetpack Composeの公式ドキュメントではViewModelを使う方法が説明されており、 それに従うのが無難 という考え方もありだと思っています。 ただ、公式ドキュメントを見ても、ViewModelを使う方法ばかりが書かれているため 「じゃあ、ViewModelを使わない場合はどう実装すればよいの？」 という疑問をお持ちの方のために、この記事を書いています。 誰かの参考になれば幸いです。 なぜViewModelを使わないのか? 宣言的UIには、ViewModelを使ったアーキテクチャは合わない、と感じているからです。 特に合わないなと思っているのは、ViewModelにビジネスロジックを書いてしまうと、UI固有のロジックとして書かれてしまいます。 ViewMode
こんにちは、マンガアプリチームの id:nabe1216 です。 2021年11月より、はてな開発のマンガビューワのアプリ版「GigaViewer for Apps」を提供開始し、最初の導入事例として「コミックガルド＋（プラス）」がリリースされました。 GigaViewer for Appsは各社のマンガ配信サイトで採用されている「GigaViewer for Web」のアプリ版で、GigaViewer for Webと同様にさまざまな規模のマンガアプリが導入できるように開発しています。 hatenacorp.jp GigaViewer for AppsのUI周りは全て、Androidで新しく登場した宣言的UIフレームワークであるJetpack Composeで実装しています。この記事ではJetpack Composeの使い方や、関連して採用した技術について紹介します。 Jetpack C
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事は、スマホアプリ未経験者がクラウドDBサービス**「MongoDB Realm」**を利用して、 サーバデータと連携したスマホアプリを作成した記事となります。 私はスマホアプリ開発未経験の超初心者ですが、公式サイトが丁寧だったこともあり、目的の連携処理を実装することができました。 (実践編として、こちらの記事もご参照いただければと思います) スマホアプリ初心者がバックエンド処理を作成する際の、一つの指針になればと思います。 英文チュートリアルを参考にしたため、間違いがあるかもしれませんが、見つけた場合はご指摘頂けますと
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 「『Android のエミュレータは遅い』という常識はもう古い」と言われてもう数年経ってる気がしますが HAXM エミュレータの普及率、どのくらいなんでしょう？ この高速な HAXM エミュレータの作り方も随分と簡単になったので、改めて紹介します。 Mac編と言っているけど、Windows でもやる事は全く同じなので、Visual Studio 2015 で Xamarin やってる人も Android Studio 入れてやってください。 Android Studio をインストールする まずは Android Studio をダウン
Fragment に Toolbar を持たせるのはやめなさい
NavigationDrawer や BottomNavigation パターンを実現するために、各画面を Fragment で実装することがあります。 Fragment によって ActionBar に持たせる機能が違うからか、Fragment のレイアウトに Toolbar を持たせて、Fragment で ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar); のような処理をさせているコードを見かけることがあります。 やめなさい （Toolbar をただの View として使って、ActionBar としては使わない（setSupportActionBar()しない）というのであればまだ許容できるが、それならそもそも Toolbar を使う必要がない） ViewPager のように複数の Fragment を
Welcome to Android Development Training Course! 前提 このトレーニングコースに入る前に、下記の知識・スキルについて勉強しておいてください。 Java の知識・スキル Java言語プログラミングレッスンや、Effective Javaなどが参考になります。 IDE の使い方 (Eclipse) 基本操作が分かる程度で大丈夫です。 ゴール このトレーニングコースを受講することで、下記のような知識・スキルが身につきます。 Android の仕組みが分かる 自分で Android アプリを開発することができる リリース可能な品質を担保できる 準備 このトレーニングコースを受講する上で、下記のものを準備しておいてください。 Android デバイス Android 2.2 以上であることが望ましいです。 開発環境 下記の構成の、まえがきの章を参考に準備
今回はコレに関連して少し詳しく書く。 devblogs.microsoft.com 目次 Xamarin.Androidは時代遅れ androidx (a.k.a Jetpack) androidxへの移行の課題 Jetifier Xamarin.AndroidのJetpack移行戦略 Xamarin.AndroidXMigrationの仕組み Xamarin.AndroidXMigrationの注意点 その他 Xamarin.Androidは時代遅れ Xamarin.AndroidとスタンダードなKotlin中心のAndroid開発の乖離は年々ひどくなっている。たとえば data-binding, room: Android Gradle Pluginの中で行われるコード生成を前提としているので難しい。 constraint layout designer: constraint lay
簡単にGoogle DriveにアクセスできたGoogle Drive Android APIがdeprecatedとなり、2019年12月6日には接続が出来なくなります。 代わりにGoogle Drive REST APIへの変更が案内されています。 (https://developers.google.com/drive/android/deprecation) この記事では、現在最新のGoogle Drive REST API v3 をAndroidに実装する手順を丁寧に解説していきます。 1. 開発コーンソールでGoogle Drive APIを有効化 Google開発コンソールにログインをして、Google Drive APIを有効化します。 まだプロジェクトが1つも無い場合は、作成してください。 https://console.developers.google.com 2.
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 Crashlytics を導入してみた (Android & iOS) | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/f74df18be894aecd328c6d4f980dfe6189934ffe/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Feyecatch_xamarin_2.png)
https://qiita.com/advent-calendar/2018/xamarin の24日目エントリーです。 近況 たぶんアドベントカレンダーに近況報告なんて書いているのはわたしだけではないかと思いますが()、Xamarinを卒業してから真性無職エンジョイ勢です。10月くらいまでは無職だけど技術書典5の裏方やったりXamarin本の最新刊を1人で書いたりしていて割と忙しかったんだぜ…あ、紙の書籍版はComic ZIN秋葉原店にあると思います（技術書典会場で在庫をそのまま預けられるのでとてもありがたい）。boothは倉庫代が値上がりしてしまったので（それまでが安すぎた）だいぶ前に泣く泣く引き払っていて、今は電子版しかありません。 11月の半ばからはしばらく日本を離れて欧州旅行…なのかな…していました。本当は北欧とかに足を伸ばしたかったのですが、寒そうだったので未踏だった仏・伊のあ
Xamarin で作成した成果物といえば、やはり起動時間が気になるものです。 手もとの Xamarin.Android 製の小品を速度改善（しようとした）記録、および最終的に Kotlin へ移植してどうなったか、を記憶が新しいうちに記述してみたいと思います。 作業の経緯 対象アプリケーションはXamarin.Androidで作成した、個人ユーザ向けの単純なツール系アプリケーションです。 Xamarinを選択したのは、ほかプロジェクトでどっぷり.NET環境漬けであったことと、複数プラットフォーム展開できたらいいな、という軽い下心でした。 しかしながら、実際にリリースをしてみると、並み居る競合アプリと闘いながら Google Play ランキング上位を目指していくにはもうゴリゴリにネイティブ対応していくしかありませんでした。 iOSでも同等のゴリゴリが発生するかと考えると、一旦複数プラットフ
React NativeでiOS/Androidアプリを丸っと開発！ Nature Remo開発で分かった長所と短所 React Nativeを使って「Nature Remo」iOS/Androidアプリの開発を進める村瀨大輔（typester）さんと、北原壮さんに、導入して分かったメリットとデメリットを伺いました。 モバイルアプリ開発の現場において、現在注目されているのがFacebookやInstagramといったサービスも採用している「React Native」です。 Facebookが開発したJavaScriptのフレームワーク「React」をモバイルアプリ開発向けにしたもので、iOS/Androidアプリの開発ができます。JavaScriptがネイティブのUIを描画でき、iOS/Androidでコードを共通利用できる開発効率の高さから、多くの開発者が興味を寄せています。 開発のスピ
投稿開発部の吉田です。React Native 新アプリシリーズ連載3日目はAndroid担当の私からReactNative(以下RN)のAndroidプロジェクトを出来る限り健康な状態にするために行ったことを紹介します。 React Nativeで作った新アプリについて(5日間連載) - クックパッド開発者ブログ React Native アプリの開発基盤構築 - クックパッド開発者ブログ 手元の環境 RNは開発が活発なため執筆時点の環境を載せておきます。バージョンが乖離している場合は動かない可能性があります。 react-native-cli(2.0.1) npm(5.8.0) node(8.9.3) react-native(0.55.1) Android Studio(3.1) macOS High Sierra(10.13.4) Androidの開発環境はセットアップ済みとして話
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
