Xamarin ＆ Java EE ＆ 乃木坂46 でAndroidアプリ作ってリリースしてみました～

あまり大したアプリではないのですが…
@ytabuchiさんから以下頂いたので、晒してみます。

@kikutaro_ てか、晒しましょうよｗｗ

— 田淵 義人＠エクセルソフト (@ytabuchi) 2016年8月4日

こんなアプリです(^^;
play.google.com
せっかくなので経緯など書いてみます。

スマホアプリ開発動機

昔から「一度はスマホアプリを作ってみたいなぁ」とは思っていて、Cordovaを触ってみるかな…と今年のはじめに書籍を買った後、突然Xamarin無償化の話がニュースになりました。

で、そこからXamarinを調べはじめ、5月にJapan Xamarin User Group (JXUG)さんの以下勉強会へ参加しました。

kikutaro777.hatenablog.com

勉強会の中で「9月くらいにアプリ作ったよLT大会みたいなものやれたら」みたいな話があって、面白そう！これを機会に何か作ってみたい！と思ったのがアプリ開発のきっかけでした。

あ、ちなみに乃木坂46の「きっかけ」という名曲があるので是非聴いてみてください！

www.youtube.com

あのミスチル桜井和寿さんがカバーするほどの曲です！

＿人人人人人人人＿
＞　突然の宣伝　＜
￣Y^Y^Y^Y^Y^Y￣

www.asagei.com

実はこの宣伝もアプリと全く関係ないわけでなく(^^;実は関係大ありです。

私が大ファン(ファンクラブ会員番号11)だった堀北真希さんが結婚されて以降、自分を支えているのは乃木坂46でして…。
前々から好きだったのですが、今は好きとかいう次元を超えつつあります。

で、Xamarin関連でいえば5月に日本マイクロソフトさんのde:codeに参加して、乃木坂46エバンジェリストこと西脇さんのプレゼンに超感動したり

kikutaro777.hatenablog.com

@ytabuchiさんの色々なXamarin関連のセッションを聴いたり、その中で知ったXamarinエバンジェリストのちょまどさんのXamarin愛などに刺激を受けたり…

そんなこんな色々交じって「Xamarin + 乃木坂46」で何か作ろうと決めました。

ちょうどJava EE(というかほぼJAX-RSのみ)で、乃木坂ちゃんのRESTful API作ったりもしてたので、組み合せる形としています。

github.com

サーバサイドはOpenShift上の無償Gearなので、あまり負荷がでてくるようなら有償の使ったり色々考えないと。。

Xamarinのアプリ開発

8月ちょっと忙しそうなので…細かい技術的なことは別途書いていきたいなぁと。
ここでは簡単に。

苦労したこと

• Xamarinの環境セットアップｗ
• .NET 2.0以来のC# ＆ Visual Studio(NuGet初だったり、昔はVS + VSSだったのでVS + Git初だったり)
• Windows 10にOSアップデートしたらVisual Studio Emulator for Androidが起動しなくなったこと(Hyper-Vが駄目になったぽい)
• アプリのアイコンやGoogle Play Store向けの画像の準備
• Google Play Storeへのリリース申請で2,3回Rejectされてしまったこと

デザインセンスがないので、4点目はかなり苦労しました(^^;
人生で一番GIMP触った気が。透過とか全然やったことなかったので苦労しました。

こんなiconです。
紫は乃木坂ちゃんでN=Nogizaka、緑は妹グループの欅坂46でK=Keyakizaka。

また、Google Play StoreからのRejectはかなり泣いたのですが、WebViewでYouTubeを使ってるのですが、レジュームしたときにバックグラウンドでYouTube動画が動かないことなど、色々条件があるためでした。ここもどこかで書きたい。

今後やりたいこと

最初色々やりたいなぁと思っていたのですが、最終的には一旦シンプルにして出すことにしました。そうしないといつまでもリリースできなさそうなので(^^;

技術的には

• iPhoneアプリも出したい！
• 組込みDBでオフライン機能とか入れたい(KVS AkavacheとかCouchBaseとか利用して)
• Tabbed Pageのタブ切替をスワイプ対応したい
• WebViewでサイト読込時にProgressBarかActivityIndicatorを出す
• SendGridとか裏でつかって、機能要望とか障害報告飛ばしたい

自分はMacを持っていないので、現状Andoridアプリのみ。。。これだとAndroid Studio使ってるのと変わらない(*´Д｀)ので欲しい。
でもiPhoneアプリ、登録料というか年間のが高いっすねぇ…。完全趣味で広告なしなのであれ。

ユーザ観点では

• 推しメンでフィルタしたい
• よくみるまとめサイトとかをタブに追加したい
• ブログ更新とかあったらプッシュ通知してほしい

とかですかね。プッシュ通知はXamarin Formsでどこまで共通的にできるのか…ってかDependency Serviceなのかな。

ちなみに、似たようなアプリは結構あるのですが、とりあえずウリにしてるのは妹分の欅坂46と合わせたアプリという点と、早速ひらがなけやきに対応した辺りでしょうか。

アプリのコードは普通に下に置いてます(^^;全然C#慣れなくてあれですが。
github.com

面白いこと

Google Play Storeで「乃木坂46」と検索したら、公式から出てる「乃木恋」と同じラインに出てきて地味に興奮しました(^^)やっぱりこういうのが楽しい。

出だし、思ってた以上にインストールされてびっくりです。サーバサイドが心配(^^;

追記

画面イメージなど興味ある方はこちらをどうぞ↓
nogizaka46.hatenablog.jp
nogizaka46.hatenablog.jp

Xamarin.FormsのWebViewでerr_name_not_resolved

先日のBuild 2016でXamarinが無償で利用可能となったので、早速使ってみてます。

www.publickey1.jp

Android/iPhoneアプリを作りたいなぁと思っていて、Cordovaを調べていたのですが、その矢先に上記ニュースを聞いて、久しぶりにC#も書いてみたくなったのでXamarinへ。

日本語情報も多そう！
ytabuchi.hatenablog.com

また、既にMSさんが無料と思えないようなガイド本出してて(PDF)良い感じです。

Xamarin.Forms - Xamarin

ということで本題。

err_name_not_resolved

VAIO Duo 13 + Windows 8.1環境でVisual Studio + Xamarinで環境を整えました。

色々試してる中で、Xamarin.FormのWebViewを以下のように利用してみたのですが

var webView = new WebView
{
    Source = "http://google.co.jp"
};
Content = webView;

GoogleとかYahooを指定しても画面が以下のような表示でした。

err_name_not_resolvedとは…。どうもDNSが引けてない感じ？

Androidのシミュレータの問題っぽいですが、Macを持っていない＋WindowsPhoneの環境までは入れなかったので、現状Androidだけしか確認できず(^^;

情報は色々あり、チェックポイントの整理を兼ねてまとめてみます。

Android ManifestのINTERNET permission

インターネット接続のパーミッションがあるとのこと。Androidのプロジェクト、プロパティから

Android ManifestのINTERNETにチェック

実体としてはAndroidManifest.xmlに書き込まれてるみたいです。

これ自体はDNSと関係ない所なので、まぁ動かず。

以下サイトに色々と。

Deep Shah's Blog: Android - Fixing the no internet connection issue on emulator

Androidエミュレータ起動時にDNS指定

上記サイトの下に「-dns-server」オプションをエミュレータ起動時に指定する、とありました。Visual Studioからだとどこだろうか…と探したのですが、以下っぽい。

ツールメニューのオプションから

XamarinのAndroid Settingsを選択

Additional Emulator Launch Argumentsとあり、ここで指定できそうです。試してみたけど、自分の環境では駄目でした。

AndroidエミュレータのDNS設定確認

以下サイトにエミュレータでのDNS設定確認方法がありました。

Getting Signals: [TIPS]Androidのエミュレータでネットに接続できない

Visual Studioからだと、どこなんだろう…と。以下で確認できました。

Open Android Adb Command Prompt

Dos窓が立ち上がり、adb shellと打てば上記サイトと同じ確認ができました。
DNSの設定が空欄だったので、Google Public DNSとかipconfigで確認したやつとか打ったのですが、自分の環境では駄目でした。

LAN接続

結構あちこちで「ここをみな」って引っかかったのは以下情報。ネットワーク接続のLANを無効に、って感じなのかな。VAIO DUOは直接のLANポートがないので…

stackoverflow.com

vEthernetの確認

で、自分がうまくいったのはこれでした。

superuser.com

Androidエミュレータの話でない情報源ですが、vEthernetの設定とかみて、無効にしたりしてみ、みたいな。

確かに自分の環境、前にvirtual box入れたり、boot2docker入れたりで何かvEthernetたくさんあった気が…と。
以下のような感じ。

で、一通り無効にしてみていたら

出た！

ということで解決しました。vEthernetだと何がどうなってDNSあれだったんだろう…ってイマイチわかりきってない感じですが、、、

ということで遊べる。