スマホアプリ

スマホアプリ

Android Studioでベクター画像を登録しよう

Androidアプリを作成しているとアプリ内のアイコン画像を追加したい、ということありますよね。 そんな時は画像の解像度を気にせず使用できる、ベクター画像を使用すると便利です。 Android Studioでは、ちょっとした手順を踏めばベクター画像をdrawableリソースの中にxmlファイルとして生成してしてくれます。 簡単なので、早速進めてみましょう。 Android Studioを開こう まずはAndroid Studioを開いて、ファイルの一覧を確認します。 ベクター […]

スマホアプリ

【android】Webview内のJavascriptやjQueryからアプリ内の関数を呼び出すお話

スマホアプリを作る上でWebViewを抜きには作ることができません。 ゲームやツール系の場合はアプリで実装する必要がありますが、ウェブサービスとの連動を行う場合は、WebViewで作った方が便利だったりします。(androidやiosでの出し分けも不要だったりするので) ただ、アプリ→WebViewやWebView→アプリといったデータの受け渡しが必要になると思います。 例)WebViewのボタンを押すとアプリ内課金の画面が表示される、一覧はwebViewで詳細はアプリ側で表 […]

スマホアプリ

【Admob】アプリで設定せずにテスト広告を表示するお話

アプリで広告をつける場合メジャーどころなのはAdmobだと思いますが、Admobはアプリ開発者がタップするのを禁じています。 もちろん誤タップもあるので1回タップした時点でNGと言うわけではないですが、何度もやっていると広告が配信されなくなったりアカウントがBANされる可能性もあります。 ですのでAdmobもアプリ開発を行う上で、テスト広告というものを用意し、それを利用することで、上記のペナルティを回避することができます。 テスト広告IDを使用する Admobのサイトを見ると […]

スマホアプリ

【Apple】iOS14以降でトラッキング許可を行うお話

はじめに もう1年ほど前の話になりますが、iOSアプリでAdmobなどのIDFAの使用について説明メッセージを表示し、ユーザーに許可を取る必要があります。 既存のアプリも同様で、アプリを更新したタイミングで対応を行わないと色々なところから怒られます。 なぜトラッキング許可が必要? ざっくりいうと最近のプライバシー保護の流れを受け、広告主やデータを利用している第三者がどのような目的でどんなデータを取得しているかをユーザーに告知する必要があり、ユーザーはそのデータを許可するかどう […]

スマホアプリ

Android Studio上で、jpgやpngなどの画像をWebPに変換しよう

アプリの容量を少しでも減らすために、画像の軽量化をしたいということがあるかと思います。 ただ、すでに追加した画像をいじるのは少々手間です。 そんな時はAndroid Studio上で、画像をWebPに変換することができます。 WebPはGoogle公式が開発している静止画のフォーマットのことで、圧縮率が高く容量が軽く済みます。 早速Android Studioで試してみましょう。 Android Studio上で画像をWebPに変換しよう 今回は登録しているjpg画像を変換し […]

スマホアプリ

【解決方法】Android Studioでボタンの装飾ができない?

Android Studioでは4.1以降Material Componentsを使用しているため、デザイン面で強制的にデフォルトのマテリアルデザインが反映されます。 便利な時もあるのですが、反面自分で装飾をしたい…というときに迷うこともあるので解決方法を残しておきます。 ボタンを置いた時の表示 とりあえずこんな感じで、強制的に紫の背景色のボタンが反映されます。 背景色を変えたいので属性の『背景(android:background)』で背景色を指定してみます。 すると… な […]

スマホアプリ

Android Studioで外部のフォントを追加して使ってみよう!

Android StudioではデフォルトでGoogle Fotntsをダウンロードする機能があるので、比較的フォントの選択肢が幅広いです。 ただ日本語フォントは用意されていないものも多く、自分で用意してインストールをする必要があります。 今回はAndroid Studioでのフォントのインストールと使用できるようになるまでをご紹介します。 とりあえずフォントを反映させるテキストを置いてみました。 では進めていきます。 フォントを用意する Google Fotntsからフォン […]

スマホアプリ

【Android Studio】アプリアイコンの設定をしよう!

アプリを作るからには必要不可欠なアプリアイコン。 色々なサイズを1から用意しなければならない…?など不安に思うかもしれませんがAndroid Studioの機能を使えばあっさり登録できます。 アプリアイコンの設定をしよう プロジェクトの中で『res』を右クリックします。 するとメニューが表示されるので『新規』を選択。 設定に問題なければ『次へ』をクリックします。 あとはいい感じにAndroid Studioがアイコン画像を出力してくれるので『完了』を押しましょう。 これでビル […]

スマホアプリ

Xcodeでカスタムフォントを追加して使ってみよう!

Xcodeで好きなフォントを追加したい!ということがあると思います。 最初は戸惑うかもしれませんが覚えると結構簡単に追加できます。 まずはフォントをダウンロード まずはフォントをダウンロードします。 今回はGoogle Fontsの中の『Noto Sans Japanese』をインストールしてみます。 フォルダにフォントを追加 ダウンロードしたらXcodeで今回フォントを追加するプロジェクトを開きましょう。 ちなみに初期のフォントはこんな感じになっています。 Noto San […]

スマホアプリ

Android studioで縦並び・横並びで整列させるレイアウト【初心者用】

今回は初心者用にAndroid studioで縦並び・横並びで整列させるレイアウトの仕方をご紹介します。 主に使うのはLinerarLayoutです。 LinerarLayoutで縦並び・横並びで整列させるレイアウトを実現しよう 今回は『デザイン』タブベースで進めていきます。 まずは新しいファイルを開きましょう。 見た通り何もないファイルなので画像を置いていきます。 パレット>widgets>ImageView を選択して好きな画像を置きます。 画像を3つほど置きました。 今 […]

スマホアプリ

アプリ内課金をGoogle Play ConsoleとApp Store Connectで設定してみました

前回のエントリーでアプリ内課金について簡単にまとめましたが、今回は実際にGoogle Play ConsoleやApp Store Connectでアプリ内課金のアイテム登録をおこないます。 大前提としてGoogle Play ConsoleまたはApp Store Connectにログインしてアプリ登録が出来ることとなります。 必ずしもアプリが公開されている必要はありませんが、必ずアプリをアップロードしている必要があります。 また、Google Play Console、A […]

スマホアプリ

アプリ内課金について簡単にまとめてみました

アプリ内課金について スマホアプリではアプリ内で課金を行うことができるいわゆる「アプリ内課金」と呼ばれる機能があります。 ガラケー時代は3キャリアそれぞれの決済システムがあり、厳しい審査とともにそれぞれの決済に対応しないと駄目でしたが、スマホアプリでは1つの決済方法で対応が可能となり、しかも世界中のユーザーが利用することが可能となります。 このエントリーではアプリ内課金全般について説明したいと思います。 そもそもアプリ内課金とは? そもそもアプリ内課金とは何ぞやという話になり […]

スマホアプリ

Webページからアプリを起動しよう

株式会社8bitでは「ノミトモ」「Grmo」などのWebサービスを運営していますが、近年はスマホアプリへの対応も行っています。 その際、Webからアプリを起動させたい時があると思います。 具体的には「メールアドレスの有効性チェックを行い、URLを叩くとWebページにアクセスして アプリを起動」など・・・ AndroidやiOS両方とも比較的低コストで導入できるので、特にWebサービスと連動するアプリの場合は導入していきたいですね。 Androidの場合 Androidでは「カ […]

Webデザイン

【Illustrator】解像度別の画像書き出しが爆速に!「アセット」機能の紹介

Androidアプリを作成する際に画面密度(dpi)別に画像素材を作るの、とてもめんどくさいですよね。 Androidのmdpiを基準に、xxdpiまで対応するとした場合、4枚の同じ画像が必要になります。 アセット機能って何? 1つのオブジェクトを倍率違いで複数書き出すことのできる機能です。まさに夢のような機能ですね。 ▲アセットに登録して書き出すと… ▲複数のサイズで書き出されます。 解像度ごとの素材書き出しがなんと一瞬。作業の時間も半分以下に。 アセット機能の使いかた 0 […]

スマホアプリ

基礎体温管理アプリ『シンプル・体温ノート』をリリースしました!

Android版 基礎体温管理アプリ『シンプル・体温ノート』をリリースしました! とにかくシンプルな基礎体温管理アプリ 『シンプル・体温ノート』は、毎日続けて記録することを目的としています。 生理日や排卵日などの予測機能、コラムや掲示板もありません。 「朝が弱いから画面はシンプルな方が良い」 「毎日の記録が面倒くさくて続けられない…」 「コラムや掲示板の機能があると、容量も通信も余計にかかる」 「プッシュ通知が苦手」 「習い事や美容院などのスタンプを使ったことがない、いらない […]

スマホアプリ

おみくじ占い付きのQRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました!

Android版 QRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました! かわいい!?ゆるキャラが登場! アプリ自体はとってもシンプル。カメラでQRコードを読み取って、ブラウザで開いたり、テキストをコピーすることが出来ます。 このアプリに登場するゆるキャラ、ギョロリンとヨーミーがかわいく案内してくれます♪ ▲QRコード読み取り画面 ▲かわいいゆるキャラ「ギョロリン」と「ヨーミー」 ただのQRコードリーダーじゃない! 一見普通のアプリですが、ヨーミーのQR […]

スマホアプリ

女子向けのかわいいスケジュール帳アプリ『めちゃカワカレンダー』をリリースしました!

Android版 カレンダーアプリ『めちゃカワカレンダー』をリリースしました! 『めちゃカワカレンダー』はペタペタとスタンプを貼ってカレンダーで簡単にスケジュールを管理できる、シンプルでかわいいスケジュール帳アプリです。 ▲ かわいくて使いやすいアプリを目指しました♪ 今回はこちらのアプリについてご紹介していきます! 使い方はシンプルで簡単!手帳のように今すぐ使える♪ わかりやすいカレンダー表示 カレンダーの日付をタップすると、すぐにその日の予定がすべて一覧でみることができま […]

スマホアプリ

キャラクターメモアプリ「かわいいヤギのメモ帳」をリリースしました!

Android版 メモアプリ「かわいいヤギのメモ帳」をリリースしました! 普段のメモ帳もいいけれど、もうちょっとかわいくて使いやすいものが欲しい…なんて思ったことありませんか? 「かわいいヤギのメモ帳」はシンプルでかわいいメモ機能で、ちょっとしたToDoリストやお買い物メモなど様々な用途にお使いいただけます! ▲ 可愛くて使いやすいアプリに仕上がりました♪ 今回はこちらのアプリについてご紹介していきます! 主な機能 カテゴリ分け メモに欠かせない機能がカテゴリ分け!簡単にカテ […]

スマホアプリ

キャラクター電卓アプリ「かわいいねずみちゃん電卓」をリリースしました。

Android版 電卓アプリ「かわいいねずみちゃん電卓」をリリースしました! 「かわいいねずみちゃん電卓」はキャラクターの電卓アプリです。 シンプルな計算機能で、買い物やちょっとした計算など、日常で使う計算機能が付いています。どんな難しい計算でも、ねずみちゃんに癒されながら計算することができます! アプリの機能・特徴 ・電卓機能 ・テーマの着せ替え ・ねずみちゃんが動く! 選べる着せ替え5パターン 計算機のボタンや背景など、その日の気分で5パターンの着せ替えから選ぶことができ […]

スマホアプリ

ゆるキャラをダイエットで育成するアプリ「どうぶつ・ダイエット」をリリースしました。

Android版 ダイエットアプリ「どうぶつ・ダイエット」をリリースしました! どうぶつ・ダイエットは、目標体重の達成率でゆるキャラも一緒にダイエットする、ゲーム感覚でダイエットを楽しめるアプリです。機能はシンプルで誰にでも使いこなせます。 主な機能 ・毎日の体重レコード ・現在の体重に対してのBMI表示 ・体重推移のグラフ表示 ・目標体重の設定 アプリの特徴 目標体重の達成率によって、かわいいパンダのゆるキャラも一緒に進化(ダイエット)する育成ゲームのような楽しいダイエット […]

スマホアプリ

Android Studioでバージョン管理を行う

最近Androisアプリを制作することが増えてきましたが、バージョン管理をどうするかで少し悩んでいました。 弊社は基本的にSubversionで管理していたのですが、Android Studioでやろうとすると、どうも上手く行かないことが多く、作業効率が良くありません。 そこで思い切ってGitを使う事で、Androidアプリを制作するときにはこのルートを使おうと考えました。 環境は Windows 10 Pro Android Studio 3.0.1 (もう上のバージョンも […]

Webデザイン

UI/UXデザイン界の新しい風!Adobe XD CCを便利に使い倒す!

UI/UXデザインがラクラク!カンプデータが簡単に作れる Adobe XD サービスを立ち上げる時、まずは、画面の仕様や動作遷移の確認に、画面の設計を行うと思います。 いわゆるプロトタイプですね。(より完成品のイメージがしやすいよう、紙芝居のようなものを作ります。) iPhoneアプリ Andoroidアプリ Webサービス など… AdobeXDは、プロトタイプが簡単に作成できるアプリケーションです。 操作が非常に直感的で、画像をドラッグドロップするだけでマスク […]

スマホアプリ

GooglePlayバッジを設置する時にUTMソース(utm_source)を設定する

GooglePlayのバッジ作成ツール。 Androidアプリをリリースし、サイトやブログにGooglePlayバッジを設置する時に、みんなが開くページです。 そのうちの、こちらの入力フォーム。 UTMソースとUTMキャンペーンの入力欄。 省略可って書いてあるし…と、なんとなくスルーしていませんか? 実はこれ、キチンと使いこなせるとユーザー分析の際に役立ちます。 「公式サイトにはこのソース、ブログにはこのソース」などと使い分けることで、獲得したユーザーがどこのリンクから辿って […]

スマホアプリ

Android Studioの小ネタ

画面のキャプチャ Android StudioでADVで実行中の画面をキャプチャする方法です。 簡単なんですけど、どこだっけとなる事があるので忘備録的に 細かく説明するより、このボタンをクリックして保存先を決めるだけ   縦長のレイアウトを1画面で表示する方法 本来アプリは1画面に全て情報を収めるのが基本。 ただ、一覧画面や入力画面でどうしてもスクロールする必要が発生します。 その場合、XMLをデザインモードにしても1画面分しか表示されなくて困ってしまいます。 それ […]

スマホアプリ

他力本願で速攻でカメラアプリのアイデアを形にしてみました。

iPhoneアプリでカメラアプリが作りたいなあ、と昨日唐突に思いました。 以前からやりたい、やりたいと思っていたのですが、カメラ関係はやったことなく、勉強するにも腰が重かったのですが、最近いろいろ相談も受けているのでちょこっとやってみることに。 プログラム関係については、個人ブログなどでソースコードを公開されている方が多くいらっしゃいます。 新しいことの勉強というと概念から理解して、となりがちですが、作っちゃってから概念や理論を覚えても良いのかと思っています。 ということで、 […]

1 2