スクリーンリーダーを使ってのAndroidアプリ開発_Monaca編

プロフィールにも書きましたが、私は視覚に障害があるため画面を見ての作業をすることができません。
そのためスクリーンリーダーと呼ばれる画面の文字を合成音声で読み上げるソフトを使い、画面の様子を把握しながら作業しています。
Windows8以降ではナレータと呼ばれるソフトが標準搭載され、セットアップを自力で行うことも可能になっています。
私は日常的に<a href="http://www.nvda.jp/" target="blank">NVDA</a>を使用しています。

<h2>前提条件</h2>
スクリーンリーダーを使用する以上一般的な方法がそのまま使えるとは限りません。
(Android Studio はNGでした)
これはソフトの特性上文字へのアクセスは得意なものの、画像は苦手なためです。
例えば、テキストデータは容易に閲覧できますが、PDFは閲覧が難しいです。
そのため、環境を整える段階から適したものを探す必要があります。
つまり、インストールする段階、作業途中の様子、結果を知りえることが条件です。

<h2>現段階でのベストな方法</h2>
前置きが長くなりましたが本題です。

<h3>準備</h3>
以下の物を使用します。

<dl>
<dt>JAVA SDK</dt>
<dd><a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html" target="blank">http://www.oracle.com/technetwork/java/javase/downloads/index.html</a></dd>
<dt>Android SDK</dt>
<dd><a href="https://android-sdk.en.uptodown.com/windows/old" target="blank">https://android-sdk.en.uptodown.com/windows/old</a></dd>


<dt>node.js</dt>
<dd><a target="blank" href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/18/73/metablogapi/0285.image_2903EE50.png">https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/18/73/metablogapi/0285.image_2903EE50.png</a></dd>
<dt>Monaca Debugger (Android用)</dt>
<dd><a target="blank" href="https://play.google.com/store/apps/details?id=mobi.monaca.debugger&hl=ja">https://play.google.com/store/apps/details?id=mobi.monaca.debugger&hl=ja</a></dd>
</dl>

またnode.jsを使って Cordova と Monaca CLI もインストールします。

<h3>Cordova開発環境の構築</h3>
Cordovaに関連する内容は
<dl>
<dt>Visual Studio Code を使用した Cordova 開発 – monoe's blog</dt>
<dd><a target="blank" href="https://blogs.msdn.microsoft.com/osamum/2016/02/01/maclinux-visual-studio-code-cordova/">https://blogs.msdn.microsoft.com/osamum/2016/02/01/maclinux-visual-studio-code-cordova/</a></dd>
</dl>
を参考にしました。
2点、Android SDKに関して補足します。
 1. 現在Android SDKは単独での配布はされていません。
Android Studioに同梱されています。
が、SDKの設定のしやすさを考慮すると上記のページから古いバージョンの<strong>installer_r24.4.1-windows.exe</strong>をインストールすることをおすすめします。
こちらのほうが同梱の sdkmanager.exe から設定が容易にできます。
Android Studioに含まれているSDKの場合はコマンドツールからの設定になります。
 2. 「インストール途中か、完了後に Android SDK Manager が表示されたら Android SDK 2.3 がインストールされるように構成してください。(※2016 年 2 月現在)」
とありますが、これはAPI23の間違いです。
私は最初Android2.3.3(API10)をインストールして、ビルドのときに怒られました。

<h3>Monaca関連</h3>
MonacaはHTML5とJavaScriptを使ってハイブリットアプリが開発できるサービスです。
ろーかる・ウェブどちらからも利用することができます。
残念ながら、どちらもスクリーンリーダーでは十分に操作することができません。
ですが、Debuggerとコマンドラインツールは便利なので使用します。
サービスを利用するために下記にてアカウントを作成します。
<dl>
<dt>Monacaへようこそ | MonacaでHTML5モバイルアプリ開発</dt>
<dd><a target="blank" href="https://monaca.mobi/ja/register/start">https://monaca.mobi/ja/register/start</a></dd>
</dl>

続いて
<a target="blank" href="https://docs.monaca.io/ja/manual/development/monaca_cli/overview/#install-monaca-cli">https://docs.monaca.io/ja/manual/development/monaca_cli/overview/#install-monaca-cli</a>
を参考に Monaca CLI をインストールします。

最後にAndroid端末に
<dl>
<dt>Monaca Debugger</dt>
<dd><a target="blank" href="https://play.google.com/store/apps/details?id=mobi.monaca.debugger&hl=ja">https://play.google.com/store/apps/details?id=mobi.monaca.debugger&hl=ja</a></dd>
</dl>
をインストールします。
このデバッガーはリアルタイムにパソコン内のプロジェクトを実行することができます。
パソコンとAndroid端末が同一ネットワークに接続していることが必要条件です。
ビルド不要で実機での動作確認をすることができる優れものです。

<h3>動作テスト</h3>
コマンドラインを起動しプロジェクトを作成したいホルダに移動します。
cordova create [プロジェクト名] [パッケージ名] [アプリ名]
でプロジェクトを作成します。
Android端末でMonaca Debuggerを起動し、Monacaアカウントでログインしておきます。
パソコンで
monaca debug
と入力すると端末との接続が始まります。
端末の画面に作成したプロジェクトの名前が表示されますのでタップします。
HelloWorld
と表示されれば設定完了です。


<h3>最後に</h3>
以上が現段階でのベストな開発環境です。
これまで色々試してきましたが、ここまでの手ごたえのある物は初めてでした。
うまくいかなかった例も別の記事に記録として残しておくつもりです。