テスターが #Xamarin でキッチンタイマーを作ってみた！

miwa @miwa719

朝から開発環境を作ってるんだけど、まだ終わらない！ 8:45 Xcode インストール開始 9:15 完了 9:20 Visual Studio インストール開始 10:00 ダウンロード失敗、再実行(Xamarin.iOS) 10:40 ダウンロード中 ← いまここ

miwa @miwa719

あ、メッセージが Xamarin.iOS のダウンロード から Xamarin.Mac のダウンロード に変わった。 よかった。 うちのインターネット環境が悪いのかも！

miwa @miwa719

この Xamarin.Mac のダウンロードの準備中の画面になってから１時間たつのですが、何にも変化がないんだけど！ プログレスバーがずっと100%なのも気になる！ pic.twitter.com/djqF2akBTD

拡大

miwa @miwa719

いったんキャンセルして再インストールしようとしたら、全部インストール済みになってた！ 完了イベントの待ち合わせバグ？ pic.twitter.com/ZdbkqWnaMU

拡大

拡大

miwa @miwa719

そして、お昼ご飯を食べてから Homebrew と .NET Core をインストールしました。 今回の Xamarin 開発環境の構築は、ちょまどさんのこちらのブログを見ながらやりました。 ありがとうございます！ blogs.msdn.microsoft.com/chomado/xamari…

miwa @miwa719

午前中にインストールした Xamarin開発環境、本当にインストールできてるか心配だったので（インストール画面が変わらなくて、途中でキャンセルしたから）テストしてみました。 最初から入ってるサンプルアプリが動いたから、大丈夫みたい！ よかったー。 pic.twitter.com/imlmVT6Lzi

拡大

miwa @miwa719

環境構築ができてるかのテストは、ちょまどさんのこちらのブログ『せっかくなので動かしてみる』を参考にやってみました。わかりやすい！ blogs.msdn.microsoft.com/chomado/xamari…

miwa @miwa719

よし、これで準備できた！ 今朝からやってたのは 9/15発売のXamarin本に備えての開発環境構築でした。 Xamarinネイティブによるモバイルアプリ開発 C#によるAndroid/iOS UI制御の基礎 翔泳社 amazon.co.jp/dp/4798149810/…

miwa @miwa719

もう今日は疲れたので『コードをいじってみる』はやりません。絶対面白そうなんだけど、夜までずっとやりそうだし、楽しくて蕁麻疹になったら大変だから。

miwa @miwa719

Xamarin本 Amazonで予約してたんだけど、さっき CodeZine編集部から 書籍20%OFF のクーポン券が届きました。わーい！ 申し訳ないけどAmazonのほうはキャンセルしよう。 pic.twitter.com/Jlv8bDIUoa

拡大

拡大

miwa @miwa719

Xamarinの本、届いた！ pic.twitter.com/1WEscVDq9l

拡大

miwa @miwa719

Xamarinの使い方(画面)とサンプルコードがたくさん載ってます。 この本はUI制御がメインだから、出来上がるモノは見えるし、遊びながら学べるのでは！ ”色クラスはプラットフォーム依存” て書いてありました。こういうの知ってるのと知らないのとでは、テストも変わってくるよね。

miwa @miwa719

Xamarin で iOS 版のキッチンタイマーを作ったよ！ UIも本の通りにした！ pic.twitter.com/sr4KBp7q7X

拡大

拡大

miwa @miwa719

ちょっとすごいことを発見した！ 自分で作ったiPhoneアプリを自分でテストできる！！ 何を言っているのか分からないと思いますが、テスターならこの感覚分かるかな。

あきやま🏃🏻‍♂️=͟͟͞͞ @akiyama924

@miwa719 スゲー。無限にテストできるね❗️

miwa @miwa719

@akiyama924 そうなの！ 無限テスト！！

miwa @miwa719

たくさんバグがあってすごい。 10秒ならうまく動くけど、1分は残り時間の表示がおかしい。 これはうまく動くほう。 pic.twitter.com/2MPg5dgyze

miwa @miwa719

これはダメなほう。残り時間の表示がおかしい。1:00 → 1:59、1:58…になる。 30秒経過すると分側の表示も0になるんだけど、どうしてこうなるかはこれから調べます。 テスターの自分がプログラマーの自分に「なんだこれ」て言ってます。 pic.twitter.com/gYrogrh8gI

miwa @miwa719

わたし自身、モバイルアプリの経験は全く無くて、Xamarinも今回初めて触ったんだけど（C#はすこしだけ知ってる） 本に書いてある通りにUIを作り、ボタンのイベントハンドラーたちを写経して、アプリ実行まで1日でできたから、この本すごい！ pic.twitter.com/201jXc3E61

拡大

拡大

miwa @miwa719

モバイルアプリの開発経験ね

miwa @miwa719

明日は Xamarin で作ったキッチンタイマーのバグを直したい！ 明日は会社休みなんだー わーい！

miwa @miwa719

うまく動くようになった！ うれしー！

miwa @miwa719

これね『書式変換』がうまくいってなかったです！ デバッグの画面を見たら分かると思うので、貼っちゃおう。 1分ボタンを押してスタートして 1枚目は30秒経過したとき 2枚目は31秒経過したとき の様子です。 3枚目はコード修正して再実行したもの。2秒経過したときの画面！ pic.twitter.com/naICDRhkNS

拡大

拡大

拡大

track8 @track8

@miwa719 _remainingTime.Totalminutesがのこり30秒の時0.5を返して、書式指定がf0なので繰り上げされて1になるのかな。

miwa @miwa719

@track8 そんな感じです！