シンプルな 2ch まとめサイトビューアをリリースしました

まとめひあ -音声読み上げ機能付き2chまとめサイトビューア-

シンプルな 2ch まとめサイトビューアです。
Siri による投稿内容の読み上げ機能付きです。
日本語は苦手らしく誤読が多いですが寛大な心で聞いて下さい。

シンプル＆スタイリッシュ電卓アプリをリリースしました

電卓 -iPhoneのロック画面のようなスタイリッシュ計算機-

iPhoneのユーザーインターフェースに馴染む、シンプルな電卓アプリです。

• iPhoneのロック解除画面に近いデザインです
• 背景をフォトライブラリの画像に変更できます
• 整数は12桁、小数点以下は10桁までの計算ができます

    

リスニングができる英字新聞アプリをリリースしました

英字新聞 -英語のリスニングができる無料のニュースアプリ-

日本のニュースメディアが英語で発信しているニュースをリーディング＆リスニングできるアプリです。毎朝の通勤時間を利用して、英語学習をしながら最新ニュースのチェックができます。

テキスト読み上げによるニュースの音声再生に対応しています（音声再生には、テキスト読み上げエンジンと英語の音声データがインストールされている必要があります）。

以下のニュースソースに対応しています。

• Japan Today
• Japan Update
• News On Japan
• Nikkei Asian Review
• The Japan Times

英字新聞 -英語のリスニングができる無料のニュースアプリ-

Xcode で Hello World! アプリの作成

Xcode で Hello World アプリの作成

例によって Hello World アプリを作成します。

• Xcode を起動
• ライセンス承諾画面がでるので [Agree] をクリック
  
  
• ユーザ名とパスワードを入力して [OK] をクリック
  
  
• しばらく待ちます
  
  
• Welcome to Xcode 画面が表示されたら [Create a new Xcode project] をクリック
  
  
• [iOS] の [Application] から [Single View Application] を選択し [Next] をクリック
  
  
• Project Name: に "HelloWorld" と入力し [Next] をクリック
  
  
• プロジェクトを保存する場所を指定して [Create] をクリック
• プロジェクトが作成されたら左上の [▶] をクリック
  
  

iOS シミュレータが起動しましたが、Android Studio の時とは違ってまっさらなままです。

Xcode のインストール

Android アプリをいくつかリリースできたので、次は iPhone アプリの作成に挑戦してみたいと思います。まずは、iPhone アプリを作成する環境を構築します。

Xcode 7 のインストール

Xcode 7 を以下の環境にインストールしました。

• MacBook Pro 13インチ（2012）
• OS X 10.11.3
• Xcode 7.2

インストール手順は以下の通りです。

1. App Store を起動
2. xcode を検索
3. [入手] をクリック
   
   

フロントカメラとバックカメラを切替える

Android Studio を使ってフロントカメラとバックカメラを切替えるアプリを作成してみます。
以下の記事をベースに作成しました。

関連記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加

Android デバイスの地磁気センサー値を取得

Android デバイスに搭載されている地磁気センサーを使うと、図のように X 軸、Y 軸、Z 軸の各軸に掛かる磁気強度 [μT(マイクロテスラ)] を測定でき Android デバイスの向きを把握することができます。

地磁気センサーの値は、以下の手順で取得できるようになります。

Android Studio 1.5 へのアップデート

11 月 19 日に Android Studio 1.5 の安定版がリリースされましたので、早速アップデートしてみました。
Android Studio 1.5 のアップデート詳細は以下に記載があります。
[android-developers.blogspot.mx]

Android Studio のアップデート

以下にアップデートの手順を記します。

Android Studio でカメラアプリにフラッシュを追加

今回はカメラアプリにフラッシュ機能を追加してみます。

前回までの記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加
• Android Studio でカメラアプリにシャッター音を追加
• Android Studio でカメラアプリにオートフォーカスを追加
• Android Studio でカメラアプリにグリッド表示を追加
• Android Studio でカメラアプリにメディアスキャンを追加

setFlashMode() メソッドでフラッシュモードを設定する

写真を撮影するときにフラッシュ機能を使うには Camera.Parameters に setFlashMode() メソッドでフラッシュモードを設定します。設定できるフラッシュモードは以下の通りです。

• FLASH_MODE_OFF
• FLASH_MODE_AUTO
• FLASH_MODE_ON
• FLASH_MODE_RED_EYE
• FLASH_MODE_TORCH

Android Studio でカメラアプリにメディアスキャンを追加

前回までに作成したカメラアプリでは、撮影した写真がアルバムアプリに反映されるようになっていませんでした。今回はアルバムアプリに反映されるようにカメラアプリにメディアスキャンを追加します。

前回までの記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加
• Android Studio でカメラアプリにシャッター音を追加
• Android Studio でカメラアプリにオートフォーカスを追加
• Android Studio でカメラアプリにグリッド表示を追加

scanFile() メソッドを追加する

写真をアルバムアプリに反映するには MediaScannerConnection クラスの scanFile() メソッドを実行します。scanFile() メソッドの第２引数にはスキャンするファイルのパスを、第３引数にはメディアの種類を渡します。

Android Studio でカメラアプリにグリッド表示を追加

前回までに作成したカメラアプリを使って、写真をより良く撮影できるように補助線となるグリッドを表示できるようにします。

前回までの記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加
• Android Studio でカメラアプリにシャッター音を追加
• Android Studio でカメラアプリにオートフォーカスを追加

Grid クラスを作成する

グリッドは複数の線分を描画するだけなので Canvas の drawLines() メソッドを使って Grid クラスを作成します。

Android Studio でカメラアプリにオートフォーカスを追加

前回までに作成したカメラアプリではフォーカスが変化しないため、ピントの合っていない写真が撮れてしまうので、今回はオートフォーカス機能を追加します。

前回までの記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加
• Android Studio でカメラアプリにシャッター音を追加

AutoFocusCallback の実装

オートフォーカスを実行するには Camera.autoFocus() メソッドを呼び出します。ピントが合ったタイミングで Camera.takePicture() メソッドが呼ばれるようにするため AutoFocusCallback を実装し Camera.autoFocus() メソッドにコールバック登録します。

Android Studio でカメラアプリにシャッター音を追加

前回作成したカメラアプリは、撮影時のシャッター音が鳴らないようになっていました。今回は撮影時のシャッター音が鳴るようにしてみました。

前回までの記事

• Android Studio でカメラアプリの作成
• Android Studio でカメラアプリに撮影機能を追加

ShutterCallback の実装

takePicture() メソッドの第一引数を null にしておくとシャッター音が鳴らないようなので、ここに ShutterCallback を実装することでシャッター音が鳴るようになります。

Android Studio でカメラアプリに撮影機能を追加

前回作成したカメラアプリに撮影ボタンを追加して、写真が撮影できるようにします。撮影時のシャッター音は鳴らないようにして、無音カメラに仕上げます。

前回の記事

• Android Studio でカメラアプリの作成

アプリに外部記憶装置の使用を許可する

AndroidManifest.xml を編集し、アプリに外部記憶装置の使用を許可するパーミッションを追加します。

• AndroidManifest.xml に以下の1行を追加

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Android Studio でカメラアプリの作成

愛犬がお昼寝しているとついつい写真を撮りたくなってしまいます。

しかしシャッター音が鳴るので、お昼寝の邪魔をしてしまいます。

そこで、シャッター音が鳴らないシンプルなカメラアプリを作ってみようと思います。

Building Android Apps with Animation in Android Studio

Create Project

This app implements the animation that looks like the ball is rolling. First, create a new project. 

• Start the Android Studio and click [Start a new Android Studio project]
  

How to create a Hello World app in Android Studio

What is a "Hello World!"

I have not investigated properly, but it is probably the most famous app in the world. It is just a simple program to display the string "Hello World!" on the screen.

Create a "Hello World!" App

• Start Android Studio, click the [Start a new Android Studio Project]
  
  

Android アプリの多言語化

作成した Android アプリが端末の言語設定に従って、表示する言語を切り替えられるようになると海外ユーザーにも利用してもらうことができるようになります。言語を切り替えられるようにするには、リソースフォルダ以下に各言語用のフォルダを用意し、そこにリソースファイルを作成します。

日本語と英語の切り替え

端末の言語設定が日本語の場合は日本語を表示し、日本語でない場合は英語を表示するアプリを作成してみます。

• 新規にプロジェクトを作成したら [res] フォルダを右クリックし [新規] → [Android resource file] をクリック
  
  

Android Studio 1.4 へのアップデート

関連記事

• Android Studio 1.5 へのアップデート

10 月 1 日に Android Studio 1.4 の安定版がリリースされましたので、早速アップデートしてみました。今回のアップデートで、Vector Assets や Theme Editor というデザインツールが使えるようになったらしいです。

Android Studio 1.4 のアップデート詳細は以下に記載があります。
[android-developers.blogspot.mx]

Android Studio のアップデート

以下にアップデートの手順を記します。

Android アプリの画面をフルスクリーン表示する

Android スマートフォンで Android アプリを実行する時、通常はステータスバーやアクションバーが表示されています。特にゲームアプリでは、ステータスバーやアクションバーを消して全画面で表示したいものです。

アプリをフルスクリーン表示する

Android アプリをフルスクリーン表示するには Activity の Window を取得し FLAG_FULLSCREEN のフラグを追加します。

getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);