iOSアプリとAndroidアプリ作成に必要な画像サイズ、覚えきれないしテンプレートも途中でほったらかしてしまったりで、結局毎回調べます。 まとめ記事もちょくちょくあって便利なのですが、見ていると数が多くて混乱するので自分用に最低限のまとめ。 これからアプリを作成する方も「これだけあればいいんだ〜」と安心できる、かも。 iOSとAndroidで同じ見た目のアプリ(タブレットは考えない)を作る時、画像の用意はこんな感じです。もうちょっと洗練させたいですが。 参考 まずちゃんと読んだ方がいい記事。 Android,iOSアプリ用画像リソースとアイコンサイズのまとめ The Ultimate Guide To iPhone Resolutions iOSアプリの画像サイズ [デザイナー向け] iPhoneアプリに必要な画像・アイコン iPhone6 & plusに負けない!アプリデザインの端末対
ハイブリッドアプリを開発するためにCordovaを使っていますが、Androidアプリをビルドする際に、アイコンやスプラッシュ画面の画像を変更できずにハマってしまったのでメモを残します。 環境 環境は以下の通りです。 - cordova: 6.4.0 - cordova-android: 6.0.0 - cordova-plugin-splashscreen: 4.0.0 事象 Cordovaでアイコン画像やスプラッシュ画面の画像を変える方法は色々な所で書かれています。 基本的には、res/配下のディレクトリに自前のアイコンや画像を配置し、config.xmlにファイルのパスを記載し、buildすればplatforms/android/res配下のディレクトリに反映されるという流れです。 ところが、iOSでは公式サイトなどの記事を参考にすれば簡単に変更できたのですが、Androidではどう
概要 PhoneGap(Cordova)でのアプリ開発の際、Androidのバックボタンを押されると困る(意図しない動きをする)ことがあります。 その場合に、標準のブラウザバック以外の処理を実行する方法です。 JavaScriptコード document.addEventListener("backbutton", function(e){ e.preventDefault(); //処理したいコードをこの下にかく }, false);
プロジェクト/bin/hogehoge-release-unsigned.apkが書き出される。 ビルドする前にチェック スマホのみに限定や、対応バージョンの設定などを確認して、設定を変更する。 インストール可能な端末を限定する 鍵を作成 下記の鍵を作成する場合。 有効期間:10000日間 鍵ファイル名:.keystore エイリアス名:test keytool -genkey -v -keystore .keystore -alias test -keyalg RSA -validity 10000 ※鍵ファイル名は「test.keystore」のような設定も可能 鍵生成コマンド実行後、下記QAを進める。 パスワードは忘れないようにメモしておく。 ・・・でよろしいですか。の後は、「y」を入力。 キーストアのパスワードを入力してください: 新規パスワードを再入力してください: 姓名は何です
Apache Cordovaアプリでアプリ名に日本語を設定する方法 こんにちは!ぐちです。 プロジェクト名は英語で Cordovaを使ってプロジェクトを作る時に指定するプロジェクト名はiosの*.xcodeprojファイルの名前にもなります。ですので必ず英語(アルファベット)で作る必要があります。 下記のような感じですね。 cordova create hoge com.hogehoge.app ほげアプリ -d ←これはNG cordova create hoge com.hogehoge.app HogeApp -d ←これはOK アプリ名を日本語にするには? ということで上記でプロジェクトを作成するとアプリアイコンの下にも英語での名前が表示されてしまいます。アイコン下の名前を日本語にするには下記の手順を踏むことで実現することができます。 Androidの場合 /platforms/a
前回は、weinreを使ったアプリケーションのデバッグについて紹介しました。今回から、File APIを用いたファイル操作について紹介していきたいと思います。その前に、iOS/Androidのアプリケーション構造や、File APIのオブジェクトについてチェックしておきましょう。 Cordova File APIとは Cordova File APIは、ファイルやディレクトリを操作するためのAPIです。W3CのFile APIに準拠しています。 ファイルの移動や削除を行う処理を実装したい場合、このFile APIを利用します。File APIを紹介する前に、iOSとAndoridのアプリケーション構造について簡単に整理しておきましょう。 iOSアプリケーションの構造について 各アプリケーションには、そのアプリケーション専用のサンドボックスと呼ばれるスペースが与えられます。ファイルの操作が行
Cordovaとは Cordovaとはスマートフォンアプリを開発するための手法の一つである、ハイブリッドアプリを制作するためのフレームワークです。 ハイブリッドアプリとは ハイブリッドアプリとはネイティブアプリ(デバイスにインストールして動作する)とWebアプリ(Webブラウザ上で動作する)を掛けあわせたものになります。 スマートフォンのネイティブアプリではWebViewと呼ばれる仕組みでWebブラウザを組み込むことができるため、Webアプリをそのブラウザで表示して動作させます。 いまのところiPhoneがWebkit、AndroidがWebkitから分岐したBlinkなので、のクロスプラットフォーム性が高いことも大きなメリットです。 また、HTML・CSS・JavaScriptを使えるため、Web制作者にとっては敷居が低い開発方法です。 もちろん、App StoreやPlay Store
Android アプリでGoogle Mapを使うためには、GoogleからAPIキーを取得する必要があります APIキーを取得するやり方について確認してみましょう Maps SDK for Android Google Mapを使えば地図を利用し、マーカーを追加したり、地図上の場所に追加情報を表示することができます AndroidでGoogle mapを使う場合はMaps SDK for AndroidのAPIキーを取得しますが、基本的には料金がかかります。無料利用枠は1ヶ月あたり$200 これは地図の読み込みとして 28,500 回に相当します また、新規ユーザーは、$300 相当の無料の Cloud Billing のクレジットを含む 90 日間の無料トライアルをご利用することが可能です Maps SDK for Android の使用量と請求額
この前、PhoneGapのインストールするとこまでできたので、PhoneGapの開発の流れが分かるまで勉強してみました。 前回はphonegapをインストールしたんですが、公式ドキュメントに合わせて次のコマンドでインストールし直してます。 [code lang=text] $ npm install -g cordova [/code] たぶん、中身的にはほとんど変わらないもんだと思います。 プロジェクトを作成 さて、とりあえず、作業ディレクトリ内で [code lang=text] $ cordova create test com.inter-arteq.app test [/code] そしたら、testフォルダができて、その中に必要なファイル群ができます。 iOSのプラットフォーム追加 まず、プロジェクトにiOSのプラットフォームを追加してやります。 [code lang=text
2018/5/11 version 2.3.0がリリースされたので、書き直します。 2018/9/18 version 2.4.0からブラウザ上でも動作します。 cordova-googlemaps-pluginは、PhoneGap / Apache Cordova でGoogleマップをアプリ内に表示するためのプラグインです。Apache Cordovaは非常に有名なハイブリッドフレームワークで、このCordovaを使ったionic frameworkでも動きます。 日本ではこのApache Cordovaを使ってブラウザ上でアプリを作れるサービス Monacaが有名です。 1. 「ハイブリッド」ってなに 「ハイブリッド」とは「何かと何かを混ぜる」という意味です。 「ハイブリッドカー」なら「電気とガソリン」みたいな。 モバイルアプリにおける「ハイブリッドフレームワーク」とは、「ネイティブ
この記事では、Android 4.2以上を搭載したXperiaスマートフォンで、「開発者向けオプション」を表示する手順を紹介します。 USBデバッグのON/OFFオプションなどが並ぶ「開発者向けオプション」は、Android 4.2からはデフォルトで表示されなくなりました。なので、今後、Android 4.2.2で発売される機種やAndroid 4.2.2にアップデートされる機種では、デフォルトでは表示されないと思います。しかし、簡単なボタン操作で表示することができます。 表示方法は、Xperiaの設定メニューを表示後、最下部の「端末情報」をタップし、システム情報を表示します。そして、最下部の「ビルド番号」の表示領域を7回タップしてみてください。”あなたは今開発者になりました!”というトーストメッセージが表示されるはずです。そのメッセージを確認できたら有効化は完了です。 メニューを戻ってみ
続 「Mac環境で PhoneGap Cordovaを使ったアプリ開発をしよう!」 Mac+PhoneGap(Cordova)+AndroidStudioの環境つくり cordova環境の準備はできた。 android,ios それぞれ実機で確認できるとこまでを作業する <流れ> 1. プロジェクトの作成 2. platformsの作成 3. build 4. run <-実機に入れる iOSのアプリ開発、アプリ配信を行うには「iOS Developer Program」に登録をして年間参加費(2016年4月現在 11,800円)を払うなどの手続きが必要です。 - iOS Developer Program - プログラムの利用方法 を参照 アプリ作成に進むための準備 android編(前記事のおさらいも含める) (前提) Cordovaでbuildするにはandroidで使用するSDK関
JDKのkeytoolコマンドで署名ファイルを作成し、EclipseでAndroidアプリに署名を付ける方法を説明します。 keytoolコマンドで署名ファイルの作成 unknown 管理者権限でコマンドプロンプトを開きます。 (コマンドプロンプトを右クリックして「管理者として実行」を押す) keytoolコマンドで署名ファイルを作成します。 「キーストア名」には、keystoreの生成先と署名ファイル名。 「妥当性日数」には、証明書の有効期限を日数で指定します。 #「keytool.exe」があるJDKのbinフォルダに移動 C:\Windows\system32> cd C:\Program Files\Java\jdk1.7.0\bin Enter #keytoolコマンドで署名ファイルを作成 C:\Program Files\Java\jdk1.7.0\bin> keytool -
尚、Googleのサイトはデザインや設定方法などの変更を頻繁に行いますが、基本的やるべきことはあまり変わりませんのでその点を理解して進めてください。 ライセンス画面となります。同意し、左下にチェックを入れると ダウンロードボタンが有効になります。ここで使用しているMacによってダウンロードを選択します。 Mac with intel chip: Intel Core の古めのMac Mac with Apple chip: M1 chip の新しいMac(M1, M2チップ) どうしてもわからない場合は、画面左上にあるりんごアイコンから 「このMacについて」を開くと「プロセッサ」あるいは「チップ」に表示されています。 クリックすると、ダウンロードが始まります 他にもそのページ下の方にあるdmgファイルを直接ダウンロードしてもできます。 android-studio-ide-xxx.yyy
公式サイトの Get Started Guide を見て頂ければ画像つきで説明があるので、そんなに悩まないかと思います。 が、需要があるかもしれないのでここにも記載しておきます。 対象は、iOS と Android のみです(他は僕が開発しないので)。 1.3.0 から 1.4.1 まで試しましたが、この手順に特にバージョンによる変更はありません。 わかりにくいなどのご意見があれば補足します。 なお、ほぼ公式サイトと同じですので、画面イメージが必要な場合はそちらを参照してください。 インストール 前提条件として、iPhone/iPad 開発環境または Android 開発環境が構築済みである必要があります。 最新の PhoneGap を ダウンロード し、任意のディレクトリにファイルを展開 (iOS 版のみ)展開した中に含まれる iOS フォルダ内のインストーラを起動し、手順に従ってインス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く