Read It Later APIを使ってみた

Pino Readerを作ってみようと思った理由のひとつは、Read It Laterに簡単に
登録したいと思ったからです。

Read It LaterのAPIについて、調べてみました。

Read It Later: Developer API

ちゃんと、ドキュメント化されているので、Google Readerを使うより簡単です。

1.ログインして、APIキーを生成
2.生成したAPIキーを使用して、httpsでアクセス。postでもgetでもよい。

Read It Later: Developer API: Documentation


使いたいのは、登録だけですので、Google Reader APIを読み解くで、紹介した
jsoup Java HTML Parser, with best of DOM, CSS, and jqueryを使用すれば簡単でした。

ListViewの文字色を状態によって変える

PinoReaderではフィードの未読・既読状態によって、文字色を変更します。

前回、文字色の変更について書きましたが、ListViewの項目内のTextViewの
文字色を状態によって、変更するのは、以下のようにしました。関連部分だけの抜粋です。

表示するListViewに設定しているArrayAdapter.getViewをオーバーライドし、positionから
表示データを取得します。取得した表示データ(ここではFeed)の状態によって、TextViewの色を
変えました。

参考にしたサイトはここ↓です。
八角研究所 : [Android Tips#3]ListViewを交互にカラーリングする

文字色の変更

フィード一覧で未読・既読の表示を切り替えるため、状態によって、
文字色を変更します。

文字色の変更は、TextView.setTextColorを使用します。
一覧のタイトル色を青にしました。



参考にしたサイトは、ここ↓です。
表示色の設定 - TextViewクラス - Android入門

Androidの非同期処理いろいろ

Androidの非同期処理については、AsynkTaskの情報がたくさんありますが、
他の方法もあります。

非同期処理は、以下のものがあります。

• スレッド
• 非同期タスク
• サービス
• レシーバ

ここ↓のサイトに詳しく説明されています。

The Weight: Android でのバックグラウンド処理

PinoReaderでは、まず未読フィードの読み取り時に非同期タスク(AsyncTask)を使いましたが、
ReadItLaterへの登録は、別の処理を使ったほうがいいのかな？

テーマを変更して、背景を白・文字を黒へ

ListViewはデフォルトでは、背景が黒・文字が白ですが、背景が白のほうが好きなので、
背景を白・文字を黒に変更します。


調べたところ、テーマというのを設定することで簡単に変更できました。
やりかたは、ここ↓です。
Androidアプリの公開前に必要な諸作業　～速習！ Androidアプリケーション開発（7）～（1/3）：CodeZine

@android:style/Theme.Lightをテーマに設定しました。

WebViewで戻るボタンで一つ前に戻る

前回、WebViewを使用して、URLをクリックした場合に画面内で遷移できるようになりました。
すると、今度は「戻る」キーを押すと、1つ前の表示に戻るのではなく、Activity自体が終わって
しまう状態になってしまいました。


そこで、「戻る」キーを押すと1つ前に戻る方法について調べました。

方法は、ここ↓の通りです。
AndroidアプリのWebViewの設定まとめ | アルパカの具

これで、戻るキーを押したときに1つ前に戻れるときには戻って、戻れないときは、画面を
終了するようになりました。

WebView内でURLをクリックした際に画面内で遷移する

PinoReaderは、ListViewに未読を表示して、アイテムをクリックすると詳細画面を
WebViewで表示するところまでできました。

しかし、WebView内でURLをクリックすると標準のWebブラウザが立ち上がってしまいます。

WebView内で画面遷移する方法は、ここ↓です。

WebView でホームページを表示する - Android アプリ開発入門


上記の一番下に書いてあるsetWebViewClientを使用する方法で出来ました。

webview.setWebViewClientを記述する場所は、WebViewを

持つActivityのonCreate内です。

ListViewのItemを選択してWebViewを表示

GoogleReaderから未読一覧を呼び出して、ListViewに表示するところまできました。

そこで、一覧を選択して、WebViewに表示します。

新しくWevViewを含むActivityを追加する方法は、ここ↓を参考にしました。

Y.A.M の 雑記帳: Android　WebView を使う

ListView.onListItemClickでクリックされたアイテムがわかるので、
ここから新しいIntentを使ってActivityを開始します。
参考にした情報は、ここ↓です。

Intentを使って画面を遷移する(明示的Intent) « Tech Booster

これで詳細画面まで表示できるようになりました。

HTMLタグを消去

RSSで取得したデータには、タグが含まれています。
フィード一覧をListViewに表示する場合、HTMLタグがそのまま表示されるので、
HTMLタグを消去した文字列を一覧として表示します。

HTMLタグを消去する方法はここ↓を参考にしました。

HTMLタグの除去する正規表現（簡易版）

これで、フィード一覧が見やすくなりました。

設定画面の作成とパスワード項目のマスク表示

アカウント情報を保存するため、設定画面が必要なので、設定画面の開き方を調べました。

ここ↓を見れば、画面作成・ソースからのデータ取得・設定がわかります。

・Android（開発）/ちょっとした設定の永続化 - 俺の基地
・rokuta96のAndroidアプリ開発 簡単に設定画面を作成する


今回は、パスワードを保存するので、設定項目が表示されることはいやなので、
パスワード項目は、マスク表示します。

そのための設定は、ここ↓

EditTextの入力モードをパスワード入力モードにする[サンプルソース付き]: Monmonkeyの開発スペース ～ Android 開発 技術情報サイト ～

PinoReaderでは、ソース指定を使いました。

ListViewの項目選択時に、項目一杯に選択領域を広げる

GoogleReaderで、未読を取得できたので一覧画面に表示します。

参考にしたのは、第5回 RSSリーダーの要、パース機能を知る - Androidで広がる、携帯アプリ開発の世界：ITpro

RSSを取得してパースする変わりにGoogleReaderAPIから取得した未読データを設定して、一覧画面が表示できるようになりました。

そこで、項目を押してみると、文字がある部分しか選択できない！
選択時の反転も文字の部分だけ。

そこで、項目領域すべてを選択領域にできる方法を調べてみました。

解答はずばり、ここ↓

ListView 選択時に画面いっぱいに広げる方法: おちエンのブログ

なにも考えずに、ここに書かれているとおりにすれば変更できました。

Google Reader APIを読み解く

Google ReaderAPIの使い方について調べたけど、難しい。

公式のAPIは無くて、非公式で解析している人はいるけど、仕様変更も行われており、
古い記事は現状ではそのまま使えない。

以下の記事を参考にして、とりあえず未読データを取得できるようになった。

・非公式：Google Reader API（グーグルリーダーAPI）（翻訳）
この翻訳元がもともと一番まとまって解析したデータみたい。でも、仕様変更で書いている内容と現状は違う。

・コンピュータと、猫背の甘さ。 Google Reader API使い方メモ
・Google Reader APIの覚書【第2回】 これ、誰か見てるのかな。。。/ウェブリブログ
 ここらの情報が仕様変更後の情報。これでアクセスできる。

実際の開発時に参考にしたサイトはここ。
Android Coding Example: Authenticating with ClientLogin and using the Google Reader API | Chris Dadswell

 ライブラリとして、↑で使われているjsoup: Java HTML Parserを使いました。

これで、未読データを取得できました。

RSSリーダーの雛形作成

 まずは、RSSリーダーの雛形を作ります。

簡単なRSSリーダーを作成する連載がIT Proにあったので、これを参考にして
作成しました。

参考にしたのは、Androidで広がる，携帯アプリ開発の世界の第4回です。

第4回 簡単なRSSリーダーを作ってみる - Androidで広がる，携帯アプリ開発の世界：ITpro

これでとりあえず、一覧まで表示する画面ができました。

これにGoogleReaderから未読データを取得してきて、表示できれば一覧表示は
一応完成。

PinoReaderの機能

とりあえず、作成するRSSリーダーの機能は、PinoReaderとする。
ぴのは、飼い猫の名前。

機能は、下のような感じかな。
・GoogleReaderの未読データ読み込み
・未読データの一覧表示。
・選択した未読データのWeb表示
・読んだデータの既読化
・Read It Laterへの登録
・GoogleReaderやRead It Laterのアカウント情報管理

開発環境はたくさん情報があるので、色々参考にして、構築。