HabraCitizen-暗いテーマとスワイプナビゲーションを備えたHabrahabr用の新しいAndroidアプリケーション

こんにちは、Habrasociety。 今夜、Playマーケットで私の最初のAndroidアプリケーションであるHabraCitizenがアップロードされました。 件名は、多くの機能と機能を持つ新しいhabratchitalkaです。 Androidデバイス用の便利なHabraクライアントをリクエストしましたか？ 会う:)



アプリケーションの機能（市場の説明から）：

-光と闇のテーマ！

-場所（左または右）を調整する機能を備えたスライドメニュー。

-スワイプナビゲーション！

-認証*;

-許可されたユーザーは、投稿のリストにある投稿の新しいコメントの数を見ることができ、投稿の新しいコメントを見ることができます（コメントは緑色で強調表示されます）*;

-オフラインで読むための投稿をダウンロードする機能（写真付き！）*;

-リストを更新するためのプルツーリフレッシュテクニック-コメントまたは投稿のリストを更新するには、ボタンを押さずにリスト自体をプルするだけです。

-投稿や質問を読むためのフルスクリーンモード。

-投稿およびコメント内のカスタマイズ可能なフォント。

-サイトのほぼすべての可能なセクション：最高の投稿（日、週、月、常時）、テーマと企業（ハニー、新規、ジャグリング）、質問、イベント、ハブ、企業とユーザーのプロファイル（公開された投稿、質問のリスト、応答など）

テープ*、お気に入り*;

-リソースによる本格的な検索-投稿、質問、ハブ、ユーザー、コメント。

-Habracatのサポート

-タパスのフルサイズバージョンを表示（サイズ変更オプション付き）！

-投稿およびコメントから直接YouTubeアプリケーションでYouTubeビデオを起動します。

-アプリケーションは、画面が回転しているときに投稿またはコメントを読むときに位置を「失う」ことはなく、アプリケーションがバックグラウンドで「殺された」場合でも、コメントまたは投稿のリストでダウンロードされた投稿を復元することができます

-アプリケーションは、ドメインhabrahabr.ruへのリンクを「キャッチ」し、対応するセクションを自動的に開くことができます。



*-オフラインで読むための投稿の承認とダウンロードは、アプリケーションのフルバージョンで利用でき、アプリケーションからロック解除できます。 以下について。



市場のアプリケーションへのリンク： play.google.com/store/apps/details?id=com.allesad.HabraCitizen



に興味がありますか？ カットをお願いします（慎重に、大量の写真）。

背景

私は、AndroidプラットフォームとAndroidアプリケーション市場に長い間興味を持っています。 2012年1月の関心を温めるために、Androidスマートフォンを購入しました-IncredibleS。それを取ってそのようなものを書くというアイデアがありました。 しかし、いつものように、デバイスの可用性と開発の可能性だけでは、アプリケーションのアイデアは生まれませんでした。 したがって、開発は延期されましたが、暇なときにAndroidに関する文献を読み、少なくとも客観的な目標を設定しようとしました。

同時に、私はしばしば多くのHabrを読みました。 そして、モニターに座っているだけでなく、携帯電話からの道でも読むことができるようにしたかったので、モバイルクライアントを探してAndroidマーケットに登りました。 ロシア語を話す最大のリソースであるIT'shnyセンスには、単一の通常のAndroidアプリケーションがないことを知ったとき、私は驚きました。

ストア内の顧客はバグが多く、機能が非常に限られていました。 これらのうち、私が使用することに決めたのは、 HabReaderだけが優れていた点です。 しかし、「より良くなった」は「完璧だった」という意味ではありませんでした。 使用中に、私は作業について多くの苦情を蓄積しました（著者が2月の更新で多くの問題を修正したことに注意してください、しかし私はずっと早く開発を始めました）：



-投稿のテキストは画面の幅に合わせてフォーマットされておらず、水平スクロールが追加されました。

-暗いトピックはありませんでした。

-コメントは個別に読み込まれ、読み込みインジケータがありませんでした（読み込まれたかどうかは不明でした）。

-デバイスの回転は、投稿とコメントを読む「ドロップ」位置につながりました。

-検索は投稿に対してのみ機能しました。

-「イベント」セクションに入ろうとすると、アプリケーションがクラッシュしました。

など



そのため、アプリケーションを「仕上げ」、作成者が作成したプロジェクトのgithubに変更をアップロードするというアイデアが浮かびました。 そのため、具体的な目標がありました。

この機会を利用して、GitHubで並べ替えを行ってくれたHabReader作成者に感謝します。もしなければ、開発は無期限に遅れることになります。 そして、利用可能なソースは私にとって必要な基盤として機能し、それらをダウンロードした後、私は勉強を始めました...

開発

開発自体は年末年始の2013年1月に始まりました。 酔っぱらったものと怠慢に苦しんで、私は自分で何をすべきかを理解しようとしました。 そして、HabReader'aのソースコードと、それらを掘り下げたいという思いを思い出しました。 IDEを選択することから始めました。 そして、ここで少し余談をする価値があります...

少し叙情的な余談

公式のGoogle AndroidガイドではEclipseを推奨しています。 理由は明らかです：無料、クロスプラットフォーム、何とか何とか。 「わかりました」と言って、Eclipseをインストールしました。 ADTプラグインをインストールし、プロジェクトをインポートしました。 「それはそれほど単純ではありません」とEclipseは喜んで情報を提供し、プロジェクト全体を赤く染めました。 「オーケー」と言ったのは、誤ってインポートされたRについて世代から世代へと受け継がれた伝説を思い出し、「救助へのStackoverflow！」という言葉で、私はリクエストをGoogleに送りました。 「OVER9000の結果」とGoogleは答えた。 最初のリンクは役に立たなかった、2番目のリンクは役に立たなかった、n番目！ -助けにはならなかった！ インポートを最適化し、プロジェクトを再インポートし、Eclipseを再起動し、コンピューターを再起動し、android-SDKとADT-pluginを再配置しました-オイルの入ったバケツが私の答えでした。 はい、何が助けになったはずなのかわかりましたが、何らかの理由で助けにはなりませんでした。 新しいプロジェクト？ 問題ありません。 インポートしますか？ わさび。 既存のプロジェクトからコピーアンドペーストファイルを使用した新しいプロジェクトですか？ わさび。 さらに、レイアウトXMLファイルを作成し、テキストモードで編集しようとすると、Eclipseは恐ろしいことをしました-XML全体をきれいに歪めました。 終了タグは開始タグよりも高く、コードの色付けは地獄に行き、カーソルをどこにでも配置するか、テキストを選択しようとすると、このモザイクの新しい組み合わせにつながりました。 Eclipsを再起動しても解決しませんでした。 xml-fileを通常のノートブックで開き、そこで編集する必要がありました。 「うーん、やれ！」その後怒りで言って、この陰湿なIDEを使うと誓った。

しかし、メモ帳でコードを書いてコンソールでコンパイルすることには微笑まなかったので、長い間試してみたかったIDE-Intellij IDEAに注意を向けました。

その頃には、IDEAはレイアウトエディターとダークテーマを取得していました。 Community Editionをインストールして起動し、プロジェクトをインポートしようとして少し呪われました...そして、それを確認しました。 Eclipsの後、それは単なるIDEの夢でした！ 作業のスピード、本当にスマートなコードアシスト、ユーザーフレンドリーなインターフェイス、バギーの欠如、優れたリファクタリング...仕事に対する私の印象は、「うわー！ ここで可能ですか？！」 仕事の後に家に帰る途中、IDEAに入るために何かをするために手をかざすだけでした。 これは完璧なIDEではありませんか？ 戦う必要のないツールで、時には仕事を本当に助け、スピードアップします。 あなたはこれをPRまたは広告と思うことができますが、JetBrainsとその頭脳の人たちのためではなかったなら、私はその時点でAndroidプラットフォームをほとんど勉強していなかったでしょう（可能な限り）、あなたは今この記事をほとんど読んでいません（多分アプリケーションを通じて;）。 彼らに良い光線！



そこで、IDEを選択して、コーディングを開始しました。 私は仕事の後の夜に排他的にコーディングしなければなりませんでした。家に帰った朝の午前1時から始まり（私のフローティングスケジュールです）、朝の6-7で終わりました。 週末に、私はちょうど外に出ました、そして、金曜日の後に冷静になったので、15-16時間続けてコード化されました。 これはすべて、レッドブルよりも良い栄養を与えるショックと強力な熱狂の波にあり、それは私にとってスリルでした。 目標があり、優れたスマートなIDEがありました-作業は本格的でした。 コードがほぼ完全に書き直されたため、実装したい機能のリストが次第に別のアプリケーションに完全にプルされることに徐々に気付きました。 この瞬間から、開発は別のプロジェクトの開発として行われました。 実装のアイデアと実装のアイデアは次々と生まれましたが、疲労は「主張」され、ある時点でやめる時だと気づきました。 理想は達成不可能であり、その輝きに近づくことは、アプリケーションの代わりにグリッチとバグでいっぱいの不器用なモンスターの形で「火傷」に簡単につながる可能性があります。

手をたたいて、次の「メガアイデア」に手を伸ばすと、プロジェクトを磨き始め、バグをキャッチし、別のデバイスとOSの別のバージョンでテストするときにすばらしいスタックトレースを持つ致命的な実行可能ファイルを見たときに目を丸くしました。 ああ、このアンドロイド動物園、ああ、動物園！ 何もする必要はありません-あなたは我慢しなければなりません。



しばらくの間、バグをキャッチし、アプリケーションの公開に関するドキュメントを読み、アカウントをセットアップし、開発者アカウントをセットアップし、スクリーンショットを撮ったところ、結果はこうです。 ふう



以下に、アプリケーションの機能と機能について詳しく説明します。

機能の概要

闇と光のテーマ

はい！ それは、長い間、他のモバイルhabra-clientsへのコメントと応答で尋ねたものです（そして、私は定期的にこれらのレビューをパトロールしました）。

スライドメニュー

画面の端からスワイプすることで、ファッショナブルで非常に便利なメニュー（設定で、場所を右または左に指定できます）：

スワイプナビゲーション

よく聞かれるもう一つのこと。 投稿のリスト間、投稿とそのコメント間、会社プロファイル内のタブ間、ユーザーハブとして、ハブで簡単なスワイプで切り替えることができるようになりました。

プルツーリフレッシュ

投稿、コメント、質問、イベントなどのリストを更新するためのプルツーリフレッシュテクノロジ（VKontakteまたはpulseアプリケーションなど）

ログイン

通常のハブログインを使用するか、ソーシャルネットワークのリンクされたアカウントを使用して認証を行うことができます（たとえば、キャプチャを入力しないようにG +を使用します）。 承認により、フィード（投稿、質問、イベント）、お気に入り（投稿、質問、コメント）へのアクセスが許可されます。また、コメントカウンター（+緑の数字）で投稿の新しいコメントの数を確認できます。コメントリスト（新しいコメントは緑色で強調表示されます）。 コメントからハイライトをタップして削除できます。

サイトのほぼすべてのセクションが利用可能です。

投稿（ベスト、テーマ、企業）、質問（受信、ホット、未回答）、イベント（今後、現在、過去）、フィード（投稿、質問、イベント）、お気に入り（投稿、質問、コメント）、プロファイル投稿のあるハブ、質問とイベント、ブログのある企業プロファイル、質問/回答、イベント、サブスクライバー、ブログのあるユーザープロファイル、質問、回答、コメント、サブスクライバー-これらすべてを1つのアプリケーションで。

オフライン読書

そして、多くの人が求めていたもう1つの機能は、仕事の途中で地下鉄などでそれらを読むために、投稿をデバイスにローカルに保存することです。 アプリケーションは、投稿と質問の両方（すべてコメント付き）を保存できますが、投稿は「バンドル」モードでダウンロードできます。 セクションを指定できます-フィード（承認済み）、テーマ、ベスト、企業、およびダウンロード用の投稿数（「新規」または「ベストオブザデイ」セクションでは、すべてを一度にダウンロードできます）。 この部分は、 lHabr iOSアプリケーションに似ています。 [ダウンロード]ボタンをクリックすると、アプリケーションはまずデータのダウンロード元のURLに関する情報を収集し、ダウンロードの進行状況を示すステータスバーに新しい通知を追加します（残念ながら、追加可能な古いバージョンのAndroid 4以降でのみ使用可能です）通知にはありません）。 まず、インターネットからデータをダウンロードしてから、デバイスに保存します。 保存後、画像をキャッシュするプロセスが開始されるため、オフラインで投稿やコメントを読む方がはるかに楽しいです:)投稿を保存した直後にインターネットをオフにしないでください（特に、すぐにダウンロードした場合）。

全画面表示

これで、見出しやタブが読み上げを妨げることはありません。 通常モードに戻るには、投稿のテキストをタップします。 全画面モードでの自動起動は、設定で設定できます。

投稿とコメントのフォントをカスタマイズする

投稿のフォントとコメントを個別に設定できるようになりました-結果はすぐに表示されます。 投稿と質問の設定は自動的に保存されます-毎回設定する必要はありません。

サイト上で検索

検索クエリの結果は、サイトでの検索によって提供されたすべてのデータ（投稿、質問、ハブ、ユーザーのニックネーム、コメント）を取得します。

画像の拡大とビデオの発売

繰り返しますが、リクエストでよく言及される機能です。 投稿内の写真をフルサイズで表示できるようになりました。写真をタップするだけです。 フルサイズバージョンはサイズを変更できます。







Webページをレンダリングするために使用されるWebViewコンポーネント内でビデオを実行するのは非常に難しく、不便でバグがあります。 ビデオが開始しなかった、音がしなかった、音があったが、写真の代わりに黒い画面でしたが、フルスクリーンを表示しようとしたときにビデオが切り取られました...私はこの問題に唾を吐き、ネイティブプレーヤーでビデオを実行することにしました。 Habréのビデオの90-95％はYouTubeからのものです。 また、ほぼすべてのAndroidスマートフォンにYouTubeアプリがあります。 したがって、私は次のことを行いました-ロード時にページのHTMLコードを解析し、youtubeビデオからiframeを切り取り、正しいURLを構築し、フレームの代わりにリンクと画像を含むdivを挿入しました。 youtubeプレーヤーの画像をクリックすると、youtubeビデオが開きます。 便利そうです。

素敵な小さなものの束

切り替え可能なhabracat







ブラウザで（リストまたは「読み取り」投稿ウィンドウから）すぐに投稿を開く機能







投稿の作者の名前は、コメント内で赤で強調表示されています（便利-名前を覚えていないか、常に見に行ってください:)）







サイト上の投稿と同様に、フラグが付いています（翻訳、チュートリアル、サンドボックスから、回復）。 さらに、オリジナルの翻訳された記事を読みたい人のために、コンテキストメニューに特別なアイテムを追加しました-あなたはすぐにソースを開くことができます;-)







アプリケーションは非常に生き残り、バックグラウンドで「強制終了」された場合でも状態を変更しません:)これは、中断された場所から投稿またはコメントの読み取りが続行されることを意味します。 投稿、質問、イベントなどのリスト 自動的に復元されます。 また、アプリケーションは画面の回転を恐れず、同時に読み取り位置を失いません:)



だから、ここに波紋が来ました。

収益化について

覚えているなら、最初は、既存のHabReaderの完成としてアプリケーションを計画しました。つまり、完全に無料です。 その後、私は「のこぎり」のアイデアから、まだ自由な自分のものを「のこぎり」に変えました。 しかし、時間がたつにつれて、アプリケーションは疲労と相まって成長し、私は収益化の可能性、いわばモチベーションを高めることについて考え始めました。 プラットフォームのすべてが新しいものだったため、Android支払いシステムを研究する機会が私にとっても同じくらい興味がありました。 最初は「邪魔にならない」広告を作成するというおかしなアイデアがありましたが、私自身はアプリケーションでの広告を容認しないので、このアイデアはかなり残酷に実行されました。 アプリケーション自体に支払いをさせたくはありませんでした。 そのため、1つの方法しかありませんでした。機能を有料と無料に分けることです。

合計：無料のベーシックバージョンでは、Habrのすべてのセクション（もちろん、テープを除く）を引き続き読むことができますが、アプリケーションからフルバージョンをアクティブ化することで、承認およびオフラインダウンロードを利用できます。 ただし、承認されたユーザーについては、さらに多くの改善を計画しています。



-投稿にコメントを書く。

-お気に入りへの投稿とコメントの追加。

-投稿やコメントに投票する機能。



だから私の不un慎な欲のせいで私を責めないでください:)

まとめ

アプリケーションの準備が整い、一般にアップロードされました。 私は今度は、批判とフィードバックの流れに準備ができています（そうなることを望みます）。 使用して、レビューを書いて、あなたのすべての注意に感謝します。 お楽しみください！

特別な感謝

Dj_raphaelの同僚 -テストの支援。

Lilislilitの同僚 -誕生日のためにHabrに招待。

NOSTRA habruiserへ -非同期画像読み込み用の素晴らしいUniversal-Image-Loaderライブラリ用。