ちょ窓帳 https://docs.microsoft.com/archive/blogs/chomado/feed.xml 千代田まどか(ちょまど)のブログ Thu, 07 Dec 2017 05:40:35 GMT ja hourly 1 [Unity][C#] Player に追従するカメラ https://docs.microsoft.com/archive/blogs/chomado/camera-following-to-player Thu, 07 Dec 2017 12:04:55 GMT http://blogs.msdn.microsoft.com/chomado/?p=5485 最近 Unity 頑張っています。 それで、カメラをプレイヤーに追従させるすべを学んだのでここにメモします。 これホント個人用メモなので 本当は 個人ブログの chomado.com に書きたかったのですが、 海外からのログインの禁止の設定していたらしくてログインできない（今アメリカからこれ書いてる）ので、 こっちの会社ブログのほうにメモします。

Player に追従するカメラ

メインカメラの add component から new script で 名前 "Camera Controller" 。 これ書いたら Unity Editor に戻って Player を Player に設定する（下のスクショ参照）。なんかヒエラルキービューからドラッグしてやる これで完成 ]]> 日本マイクロソフト公式開発者向けイベント『de:code 2017』(デコード)とは【 5/23-24(火水) 】 #decode17 https://docs.microsoft.com/archive/blogs/chomado/decode2017 Tue, 25 Apr 2017 13:50:59 GMT http://blogs.msdn.microsoft.com/chomado/?p=5196 de:code (デコード) 2017 というイベントで登壇します！ decode2017banner 数千人の開発者が集う、大きなイベントです。 私も登壇します！緊張するなあ、頑張るぞ！

目次

  1. "de:code" って何？
  2. 今年の de:code はここがすごい！
  3. 私の登壇セッション2つ
  4. de:code 2017 セッション一覧
  5. de:code イベントと、Tech Summitイベントの違い
  6. de:code 2017 に行く理由（稟議書サンプル）
decode2016_op （写真：HTML5 Experts.jp）

"de:code"(デコード) って何？

( *ﾟ▽ﾟ* っ)З「登壇するって言ってるけどさ、その『デコード』って何？イベント？」 de:code とは、 一言で言うと「日本MS主催の大型有償イベント(開発者向け)」です。 dec2016-01 ↑去年の『de:code 2016』キーノートの様子。キーノートに登壇した、Microsoft CEO の サティア・ナデラ（写真：ロボスタ） decode2016 ↑去年の『de:code 2016』キーノートの様子。私の所属する「デベロッパーエバンジェリズム統括本部」のボス伊藤かつらさんと、CTO榊原さん（写真：Life with Windows 10 Mobile） decode2016keynote ↑去年の『de:code 2016』キーノートの様子。会場全体。この部屋にも入りきらないので、隣の部屋も「サテライト会場」として開かれた。（写真：ケータイ Watch） ちょまど at de:code2016 ↑去年の『de:code 2016』セッションの様子。私も登壇しました ↑去年の『de:code 2016』エキスポ会場の様子。真ん中が私。自分がセッション無い間、ライブ中継？みたいなのもしていました 有償カンファレンスで、8万円もするし、平日なので、 多くの人は会社の仕事の一環としていらっしゃるようです。（→ 稟議書サンプル）

今年の de:code 2017 はここがすごい！

( *ﾟ▽ﾟ* っ)З「今年も豪華ね！」

ホロレンズ作った人がキーノート登壇！

アレックス・キップマン ↑キップマンがTEDに登壇した時の写真（写真：A futuristic vision of the age of holograms｜TED） 『ホロレンズの父』ことアレックス・キップマンが来日！キーノート登壇！すごい！ アレックス キップマンが de:code 2017 に登場
キップマンは、Microsoft Kinect、Microsoft HoloLens などのマイクロソフトの革新的な製品開発において中心的な役割を担ってきた技術者です。 キップマンが、最先端技術を駆使してコントローラーの要らない新しい体験を生み出したことで、Kinect は世界で最も早く普及したコンシューマ向け電子機器となり、 TIME 誌の 2011 年の「世界の 100 人」（100 People of the Year）にも選ばれています。 また、2015 年 1 月に発表した Microsoft HoloLens により、 現実世界と仮想世界を組み合わせた Mixed Reality（複合現実）が、世界中の開発者の想像力を刺激して、 これまで無かった様々なアプリやアイデアが日々誕生して、 Mixed Reality の世界が実現しつつあります。 昨年 2 月の TED での講演「ホログラム時代の未来にあるもの」も話題となりました。
screen-shot-2017-04-25-at-13-40-14 ↑よく使われるキップマン氏の写真。日本では「かめはめ波に見える」と有名

スペシャルセッション

↓ Ruby のパパのまつもとゆきひろさんが！ screen-shot-2017-04-25-at-13-25-16 ↓ ホリエモン！！テレビの中の人だと思ってた！ screen-shot-2017-04-25-at-13-24-46 ↓ 落合陽一先生！！嬉しい！ screen-shot-2017-04-25-at-13-25-08 ↓ 私の影響で松屋行き始めた、シリコンバレー在住のロッシェルさんと、 Microsoft本社所属のエバンジェリスト牛尾さんのコンビ！ すごく良い話だよ！ screen-shot-2017-04-25-at-13-25-48

11トラック

今年の de:code は、11トラックでお送りします！ 技術カットが9トラック ＋ チョークトーク(登壇者とお喋りしながらの少人数タイム) ＋ 豪華ゲストスペシャルセッション です！ decode2017banner トラック一覧：
  1. Artificial Intelligence：人工知能 (AI)
  2. Data & IoT：IoT とともに重要な Big Data 処理と解析など、データ プラットフォームを中心とした分野
  3. Security：セキュリティー
  4. Windows Client & Mixed Reality：HoloLens、MR、そしてUWPなど Windows アプリ開発系
  5. Mobile & Web：モバイルアプリ開発や Web系。Xamarin / Cordova / HTML5 / JavaScript
  6. Development Tools：Visual Studio や .NET 開発系
  7. DevOps：OSS や DevOps
  8. Business Application Platform：Office 365 や Dynamics 365, Power BI など
  9. Architecture：アプリケーション アーキテクチャやデザイン パターン
  10. Chalk Talk：特定の技術テーマに基づいて少人数の参加者とスピーカーでディスカッションをおこない、参加者全員がそのテーマについてより深い理解や経験を共有することができるチョーク トークと呼ばれるセッション
  11. Special：特別ゲスト枠。まつもとゆきひろさん や ホリエモン、落合陽一先生がいらっしゃるぞ！！すごい！！！
screen-shot-2017-04-25-at-12-55-00 ( *ﾟ▽ﾟ* っ)З「このうち、ちょまどは、Mobile & WebとDevelopment Toolsのトラックオーナーさんからそれぞれセッションを頼まれたのよね。光栄なことね！」 ヽ（ヽ *ﾟ▽ﾟ*）ノわーい！ がんばるぞ！

私の登壇セッション2つ

今年は 2セッション登壇します！ モバイルアプリ開発環境(ツール)であるXamarin セッションと Microsoftの 最新のIDE Visual Studio 2017セッションです。

1. [Xamarin 入門] コード共通化で開発スピードアップ! AI を活用したクロス プラットフォーム アプリを Xamarin で作ってみよう!

screen-shot-2017-04-25-at-12-05-34 こんにちは。Visual Studio と C# が好き過ぎて昨年 Microsoft に転職してきた、元モバイルアプリ開発者の千代田まどか (ちょまど) です。Xamarin で iOS/Android アプリ開発をしていました。 このセッションでは、Xamarin 概要を、Mobile DevOps 観点も含めながら、広く、俯瞰的な視点から包括的に解説いたします。難易度としては初心者向けですが、知識の再確認や最新のアップデートを確認したい中級者の方にもオススメです。 キーワード [ Xamarin / Test Cloud / Visual Studio Mobile Center / C# / Visual Studio / iOS / Android ] https://www.microsoft.com/ja-jp/events/decode/2017/sessions.aspx#MW04

2. ちょまどが愛をもって語る Visual Studio 2017 と C# 7! 新機能を活用して開発効率を上げよう

screen-shot-2017-04-25-at-12-11-48 こんにちは。C# と Visual Studio が好き過ぎて昨年マイクロソフトに入社しました 千代田まどかです。 2017 年 3 月に Visual Studio 2017 と C# 7 がリリースされましたね。様々な機能がアップグレードされましたが、具体的に何がどうなったのか、2015/C# 6 との差分などがよく分からない、という方も多いのではないでしょうか? その辺の疑問を、豊富なデモとともにご紹介します。 https://www.microsoft.com/ja-jp/events/decode/2017/sessions.aspx#TL01

セッション一覧

まだ 4/21時点でのものなので変更されるかもしれないけど、 今こんな感じらしい！ 11トラックだから横に長いので、2つに分かれてるよ！ クリックで拡大します

Day 1 (5/23火)

screen-shot-2017-04-25-at-11-27-53 screen-shot-2017-04-25-at-11-28-12 私のセッションはキーノートの後すぐみたいだね

Day 2 (5/24水)

screen-shot-2017-04-25-at-14-03-25 screen-shot-2017-04-25-at-14-03-16 ぎゃあああああ、私、Day 2 朝イチセッションで、まつもとゆきひろさんのセッションと時間かぶってる…(T_T) 見たかった、、、

Tech Summit イベントと、de:codeイベントの違い

( *ﾟ▽ﾟ* っ)З「あれ？なんか前にも似たような技術イベント無かったっけ？日本MS主催のさ。『テックサミット』とかいうやつ」 ありました！秋にあった『Microsoft Tech Summit』だね！ 日本マイクロソフトは、年に２回(春と秋)、エンジニア向けの、大型 有償 技術イベントを持っています。 春に行われるのが、「de:code」(デコード)と呼ばれ、 秋に行われるのが、「Tech Summit」(テックサミット)と呼ばれています。 ↓ de:code イベントのステージの写真 decode2016_op ↓ Tech Summit イベントの元となる Microsoft Ignite の会場の写真。 Ignite-Keynote どちらも、都心の大きな有名ホテルの会場を貸し切って行われる、2日間に渡り 1000人以上が来場する大型イベントです。(なので登壇する人はみんな準備のために数ヶ月間まるまる投資している)

両方、元となる世界での発表イベント(英語)があり、その日本市場向けの wrapしたイベント

de:code イベントも、Tech Summit イベントも、両方、 米国 Microsoft本社が発表した新情報を、日本市場向けにまとめて(= wrapして)日本語で整えた内容、となっています。 de:code イベントは、 3月に米国 Microsoft本社で開催される「Build」という開発者向け大型イベントの、日本のために内容を wrap した日本語での技術イベントです。ちなみに Build 2016 は、約25万円の参加チケットが、発売1分以内で売り切れました。(ソース) ↓ Build イベントの様子 maxresdefault-2 そして去年11月頭に東京で開催された Tech Summit イベントは、 9月に米国 Microsoft本社で開催された「Ignite」というインフラエンジニア/ITpro向け大型イベントの、日本市場向けに wrap した内容です。この Igniteイベントも、高額なチケットが完売しました

de:code と Tech Summit の比較表

比較表があったら分かりやすいかな、と思って、表を作りました！
項目 de:code Tech Summit
イベント名 de:code (デコード) Tech Summit (テックサミット)
開催時期 春。5/23-24 秋。11/1-2
元なる本社イベ Build (dev向け) Ignite(イグナイト) (インフラ/社内IT統括/ITプロ向け)
どういう内容？ 開発者：インフラ ＝ 6:4 くらい。Azure, .NET, C#, Visual Studio, DevOps など 開発者：(インフラ + ITpro) ＝ 3:7 くらい。Azure, SQL Server 系の他、Office系やセキュリティ系が多い
開催場所 東京/ 東京タワーの近く 東京/ お台場
セッション数 140以上(現在調整中) 100以上
参加費 80,000 円（早期割引で 68,000 円） 80,000 円（早期割引で 68,000 円）
公式サイト microsoft.com/ja-jp/events/decode/2017/ microsoft-events.jp/mstechsummit/

de:code2017 に行く理由

公式サイト見てたら「稟議書テンプレート」なんてアイテムを見つけたので、丸コピします！（検索して引っかかるようにするためにここに書き下す必要がある） 行く理由：

１．最新技術情報の入手

5月初旬に米国シアトルで開催される「Build 2017」や直近のマイクロソフト イベントで発表された最新情報の詳細が入手可能である。

２．包括的な技術習得/セッション資料の活用

  1. 100 を超えるブレイクアウトセッションを通じ、マイクロソフトのテクノロジの方向性と共に、開発者、インフラ技術者、アーキテクト担当者の課題解決に有用な内容が提供される。
  2. 「Artificial Intelligence」、「Data & IoT」、「Security」、「Windows Client & Mixed Reality」、「Mobile & Web」、「Development Tools」、「DevOps」、「Business Application Platform」などのテクノロジを包括的に学ぶことが可能である
  3. また、後日提供されるセッションスライドにより、セッションの受講／非受講を問わず入手が可能（一部を除く）であり、加えて社内勉強会などでの幅広い活用が可能である。

３．将来の IT 投資判断に寄与する情報を入手

今後の IT 投資の方向性を検討するにあたり、マイクロソフト テクノロジにおいて参考にすべき情報を集中的に理解し、ビジネス面と技術面のインパクトを意思決定者に確実かつ正確に伝えることが可能となる。

4．ネットワーキング

多くの IT 技術者、パートナー企業担当者やマイクロソフト社員との交流を通じ、技術面でのスキルアップと共に、他では得られない情報や人脈を得ることが可能となる。 以上 decode2017banner]]> VS2017 Xamarin.Forms 新規プロジェクト作成時エラー「パッケージのインストール エラー」 https://docs.microsoft.com/archive/blogs/chomado/vs2017-uwp-package-install-error Mon, 13 Mar 2017 20:18:57 GMT http://blogs.msdn.microsoft.com/chomado/?p=5095 そうすると、次のエラーが出てきました。
パッケージのインストール エラー 必要なすべてのパッケージをプロジェクトに追加できませんでした。次のパッケージを 'C:\Program Files (x86)\Microsoft SDKs\NuGetPackages' からインストールできませんでした: Microsoft.NETCore.UniversalWindowsPlatform.5.1.0 : パッケージの復元に失敗しました。 'App3.UWP' のパッケージの変更をロールバックします。
screen-shot-2017-03-13-at-19-53-09 これは、インストールされている Windows 10 の SDK が、足りないために出ているエラーです。 なので、次の操作をしました。 まず、Visual Studio 2017 のインストーラーを開きます。 次のように。 screen-shot-2017-03-13-at-19-49-48 「変更」を押して、変更が適用されたら、VS2017を再び立ち上げて、もう一回プロジェクトの「新規作成」をしてみます。 screen-shot-2017-03-13-at-19-52-48 OKして、 今度はエラーが出なくなった！やったー！ ]]> [デブサミ] デベロッパーズサミット 2017 で登壇した #devsumi #devsumiA https://docs.microsoft.com/archive/blogs/chomado/developer-summit-2017 Wed, 22 Feb 2017 04:12:19 GMT http://blogs.msdn.microsoft.com/chomado/?p=4535 デベロッパーズサミット (通称『デブサミ』/ Developers Summit) 2017 で登壇してきました！デブサミとは、2500人以上の来訪者を誇る、日本で最も大きな技術者イベントのひとつです。(2日間延べ合計：3,389名/ ユニーク数：2,641名) そんな大舞台での登壇の機会をいただけて光栄です！ありがとうございます！ ライブコーディングをメインにした構成で、C#、Visual Studio 2017、Xamarin、Microsoft Azureについて話してきました。とても楽しかったです！ この記事では、登壇者としての当日の感想とセッションの流れ/まとめについて書きました。当日ご参加できなかった方もこの記事を読んでいただければなと思います。（とはいえ、当日のスライド140枚の内容を全て突っ込むのは無理なので、かなり省略して書いています。(それでもめっちゃ長い記事になってしまったけど…。) 実際のすべての内容は実際に私のセッションを聞いてくださった方だけに！） 16651380_1487690714597110_1198905397_o live-coding このエントリーをはてなブックマークに追加 デブサミ2017公式サイト： devsummit17

この記事について

c43dzg3uyaaf6a4-jpg-large-2 この記事は何が書いてあるの？
  • デブサミ2017での登壇の記録 (日記)
  • デブサミ2017での私のセッションのオーディエンスの反応まとめ
  • デブサミ2017で話した技術的な話のまとめ

目次

c48lyoquoae0z7i-jpg-large
  1. セッション前
    1. セッション開始前、大部屋が立ち見で埋まる
    2. セッションの待機列が長蛇の列
    3. 私のセッションへの感想
    4. 本番5分前
  2. セッション導入部
    1. セッションが始まった！
    2. セッションAgenda
    3. まずは自己紹介
  3. C#
    1. C# の話
    2. C# はいいぞ
  4. C# + 神IDE Visual Studio 2017
    1. C# + VS2017 デモ
    2. クリップボードの 生 JSON を class に変換してくれる VS の機能
    3. 非同期処理のJSON操作のライブコーディング！
    4. トラブル：会場のネット環境が貧弱過ぎて NuGet Package Manager が読み込めず、ライブコーディングの残り2割くらいの過程をバックアップ用の(事前に撮っておいた動画)に切り替える
    5. デモのおさらい
    6. 皆も Visual Studio 使ってね！
  5. C# でのクロスプラットフォーム開発ツール Xamarin
    1. C# は どこでも動くぞ！
    2. Xamarin
  6. Microsoftのクラウドサービス
    1. Microsoft Azure (アジュール)
  7. 皆の感想
  8. 私の学び
  9. 最後はアフタヌーンティー
  10. 登壇後の夜は渋谷で英語コミュニケーションで登壇
  11. 私のセッションを見た人の感想ブログ

セッション開始前、大部屋が立ち見で埋まる

私のセッションは、一番大きな部屋の「Room A」(A会場) をあてがわれました！光栄です！ 14:10 から、A部屋です！「C#で簡単にモバイルアプリを作ろう！」というタイトルでセッションを持っています。 timetable そして、会場は超満員になりました！壁三面、立ち見です。 ↓ ズラッと並ぶ、シニアエンジニアのみなさま（前の方の席はプレス席と関係者席のため空いています） kaijo この写真はセッション開始10分前に撮ったもので、実際の開始時はもっとギュウギュウでした。 運営の、翔泳社鍋島さんに聞いたところ、 私のセッションには『385名 (15分後の目視カウント)』ほどがいらっしゃったようで、 screen-shot-2017-02-22-at-1-01-14
すごいです！A会場が立ち見で溢れるなんて。。信じられません。
とのことでした！光栄です！ドキドキ、、、！

セッションの待機列が長蛇の列

私はスピーカー控え室にいたので待機列のことは知らなかったのですが、 扉の前にズラーーーーーーーっと、とても長かったらしいです！

私のセッションへの感想

私のセッションを最後まで聞いてくれた人たちの感想を、ここに。（時系列的には最後に置くべきだけど、でも最初に持ってきたかった）

本番5分前

みんなは会場の扉から入ったいたけど、登壇者は、ステージ裏の、台所とか冷蔵庫とかある「裏」から入った感じ。お姉さんに案内してもらった。寒くてたくさんクシャミした！ （↓自撮り写真が真顔のもの(まるで免許証写真のようだ)しか無いので仕方なくこの写真をチョイス）
201611_taxi
私「沢山の人！そして、みんな、私よりもずっと先輩のシニアエンジニアなんだ、そして彼らの貴重な50分間を頂いているのだし、満足して欲しいなあ、頑張らないと！緊張するよ〜！」
↓ 本番直前、モニターの接続確認などをしている私の写真 ↑この、会場の写真取ってる私が撮られた写真↓

セッションが始まった！

14:10、会場の照明が落ち、 私のセッションが始まりました！ screen-shot-2017-02-22-at-1-52-40 このセッションについて。対象者は
  1. Microsoft 関連のことに疎遠
  2. C# わからない
  3. Xamarin？って何？
です。 screen-shot-2017-02-22-at-2-02-29 そして、ゴールは
  1. C# に興味を持つ
  2. モバイルアプリ開発に、Xamarin + Azure を選択肢のひとつに置く
  3. Visual Studio 2017 を入れる(無料)
  4. web漫画『はしれ！コード学園』を読む
です！ screen-shot-2017-02-22-at-1-52-50 口頭で説明したのですが、 どうしてツイート大歓迎！かというと、
「セッションが終わった後、聞いてくださった皆様の感想が見たい」からです！
あと、皆様の実況により、このブログ記事のように、振り返り記事を後から書けますし！いつもありがとうございます！ 写真撮影については、これも口頭で説明したのですが、
「仕事で登壇したさい、本社に『○○というイベントで登壇しました』とレポートを書くことになっている。その時、登壇したことを証明するために毎回レポートに写真を貼り付ける必要がある。(必須ではないがあると良い)。それで、私はいつもその写真をツイッターから拾っている。登壇中は自分の写真を撮れないからね。なので、登壇して喋っている私の写真を撮ってSNSでシェアしてくれたら嬉しい！」
ということです！ 本当に、いつも助かっています、ありがとうございます！

Agenda

今日話すことの目次！ 今日はこの4つについて話します： screen-shot-2017-02-22-at-1-53-05
  1. モダンな言語：C#
  2. モバイルアプリ開発：Xamarin
  3. 最新のIDE： Visual Studio 2017
  4. クラウド連携： Xamarin + Azure

まずは自己紹介

ちょまど
私「プレゼンの最初はアイスブレイクがてらの自己紹介がいいよね！自己紹介なら慣れてるからスラスラできるし！これで温度上げていきます！！」
最初は登壇者紹介です！私について。 screen-shot-2017-02-22-at-1-53-20 ↑私の顔の上に「13」と書いてありますが、これは、MSのAIが写真から人間の顔を検出して年齢を予想してくれるサービス『How old do I look? (私何歳に見える？)』が私を13歳と判定したものです。 自己紹介で「プログラマ兼マンガ家」と書いたので、 描いた漫画の紹介も1枚。 screen-shot-2017-02-22-at-1-53-34 第一話：東京Node学園からJavaScriptが転校してきた！──はしれ！コード学園【第1回】 みんな読んでね！

C# の話

ちょまど
私「C#の基本的なことからお話ししようかな！」
今回のデブサミでは、セッション一覧を見るに、 DevOps 系や プロジェクトマネージャー系、Web系、インフラ系、人工知能系、など、非C#系の人が多いかなあと思い、 C#の基本的な話からしました。
C#とは、 Microsoft の開発している プログラミング言語です。
つかみとして、"C#" の名前の由来も話しました。 screen-shot-2017-02-22-at-2-12-37

C# はいいぞ

C# はいいぞ。 ということで、プログラマ目線からの C# の具体的な紹介です！

C# の持っている機能

16777046_1487691254597056_1640467392_o C# が好き過ぎて Microsoft に入社したくらいですので、C#の話題になると急に流暢に話せるようになります。 screen-shot-2017-02-22-at-2-34-00
  • 多値戻り値を可能にする タプル
  • コレクション操作のための LINQ
  • 非同期処理のための async/await
  • 型引数を受け取る ジェネリクス
  • 匿名関数 ラムダ式 … などなど
↑ ちなみに、TypeScript (コンパイルすると JavaScript のソースコードを出力する)も Microsoft が (オープンソースで)開発している言語です

サンプルコード

C# は様々な機能を持っていますが、サンプルコードを2つだけご紹介しました。 c4195ruueaebfmz-jpg-large-2 ( *ﾟ▽ﾟ* っ)З「会場には優秀なエンジニアの先輩方ばかりだからね！言葉で説明するより実際にコード見てもらったほうが理解してもらえると思ったのよ」

コレクション操作：LINQ

ちょまど
私「LINQは目玉機能のひとつだもんね！前からあるもので」
コレクションを操作する時に、C#には LINQ(リンク)という超便利な機能があります。 WhereとかSelectとか SQL文みたいな感じのをメソッドチェーンで書くことができます。 screen-shot-2017-02-22-at-2-16-18

イベントがかっこよく書ける

screen-shot-2017-02-22-at-2-16-11

C# + VS2017 デモ

screen-shot-2017-02-22-at-3-29-16 「では実際にお見せしましょう」 と、Visual Studio 2017 RC を起動！ (Visual Studioとは、Microsoftの開発している、超強力 IDE です。無料版(Communityエディション)もあります) live-coding ライブコーディングに沸き立つ会場

ライブコーディングで書いたコード

ライブドア社提供のお天気APIを使用させていただきました！ こちらのページに書いてあるように、JSONデータを返してくれる REST API を提供してくれています。 今回はそれを叩いて非同期で取得し、それをデシリアライズして表示する、ということをしました。 サンプルのJSONデータはこちら： http://weather.livedoor.com/forecast/webservice/json/v1?city=400040

Visual Studio 2017 は、起動と.slnファイルの展開が速い

Visual Studio 2017 は起動と.slnファイルの展開が速いよ！ と解説しながら VS 2017 を操作。

クリップボードの生JSONをclassに変換してくれるVSの機能

Visual Studio には、 コピーした生JSON (クリップボードの生JSON)を「JSONをクラスとして貼り付ける」という機能があります！(VS2017の新機能ではなく元々ある機能です。) 20150709124431 (↑画像は MS MVP のしばやんさんのブログから) 16811012_1794288444167630_776498196_o 詳細：VisualStudio コピペ JSONをClassとして貼り付けられるtips これがなかなかインパクトがあったようです！ オリジナルのJSON： VSによって「自動的に」classに変換されたもの：

ライブコーディング！

今のところ順調です。 デモは8割くらいうまく行っていました。今のところ順調です。

トラブル：会場のネット環境が貧弱

しかし。 この会場、なんだか、ものすごい、ネットワークが、貧弱だったのです…！ 本番前。 私の前のスロットでセッションをしていた、同じく Microsoftのテクニカルエバンジェリストである牛尾さんから、 スピーカー控え室にて
ph05
牛尾さん「ネットワーク要注意でっせ。ネットが全く機能せんでワシはデモ全部失敗してん...無念」

(写真は日経BPさんのITpro記事から)
というアドバイスを賜っていました。 あまりに会場のネットワークが弱すぎて、彼はネットを使ったデモが全滅してしまったらしいです…。(VSTS を見せようと Webブラウザを開いても真っ白の画面) ↓牛尾さんのセッション(RoomB)を見ていた人のツイート なので、私は事前に念のためにバックアップ用として、デモの動画を撮っておいたのです。 使うことがなければいいだけど、念のために、と。 んで、 予想通り、VSの NuGet Package (C#のパッケージ管理ツールシステム。Rubyのgemのような)Manager を起動しても「読み込み中」のままという悲劇になったので
201611_taxi
私「ネットワークの問題で、NuGet Package Manager が読み込めないので、ここから先は、バックアップ用の動画に切り替えます」
と、プランB 発動。 とはいえ、デモは8割くらいライブで成功していました。 最後までライブでやりきることができなくて悔しい。運営さん、来年はスピーカー用のネットワークだけでも改善して欲しいです。 ↑「筋肉の人」とは牛尾さんのことです

デモのおさらい

私はいつも、デモをやった後は必ず「今何をしたか」の おさらい をします。 c43dzg3uyaaf6a4-jpg-large-2 ライブコーディングで書いたコードは全てこちらにあります： https://github.com/chomado/ConsoleApp1 screen-shot-2017-02-22-at-3-30-40 screen-shot-2017-02-22-at-3-31-01

C# もオープンソースだよ！

screen-shot-2017-02-22-at-3-37-48

皆も Visual Studio 使ってね！

Visual Studioとは、Microsoftの開発している、超強力 IDE です。無料版(Communityエディション)もあります。 一応Mac版の Visual Studioもありますが、こちらは2016年秋に発表されたばかりで、現在はまだ「プレビュー版」です。（今日紹介した「JSONをclassに変換して貼り付け」などの細かい便利機能などが未実装） Windows版はフル機能です

VS2017の新機能デモ

時間がなくて VS2017 の新機能のひとつ Live Unit Testing の機能のデモができなかった！ ということもあろうかと、前もって詳しい手順をすべて記事にしておきました。ご覧ください

C# は どこでも動くぞ！

.NET環境があれば C#はどこでも動くぞ！ Androidでもどこでも！ screen-shot-2017-02-22-at-3-40-51

Xamarin

Microsoft 入社前はずっと Xamarin でスマホアプリを作る developer だったので、経験者です！ screen-shot-2017-02-22-at-3-41-51 screen-shot-2017-02-22-at-3-42-01 screen-shot-2017-02-22-at-3-42-31 screen-shot-2017-02-22-at-3-42-11 Xamarin は、コード共有化が美味しいよね！ まあ何より C#だけで開発できるのが一番の旨味だと思うけど！(by C# lover) screen-shot-2017-02-22-at-3-43-53

Xamarin もオープンソースだよ！

screen-shot-2017-02-22-at-16-29-45

Microsoft Azure (アジュール)

Microsoft Azure (アジュール)について！ screen-shot-2017-02-22-at-4-06-43 ↓セッションの内容はすべてこちらの記事にまとまっています！↓

まとめ

screen-shot-2017-02-22-at-1-53-05
  • 言語C＃はいいぞ
  • クロスプラットフォーム開発ツールXamarinはいいぞ
  • 神IDEVisual Studio 2017はいいぞ
  • MSのクラウドサービスMicrosoft Azureはいいぞ

皆の感想

私の学び

  1. 登壇直前の「スピーカー控え室」重要。先に登壇を済ませている先輩方がアドバイスや警告をくれたりする。（例：今回は先輩エバンジェリストの牛尾さんがネットワークやばいと教えてくれたから対策が練れた）
  2. 会場のネットワークが貧弱な危険を考えて、ライブコーディングのデモは、バックアップ用の事前録画しておいたビデオを用意しておくの大切。常に「プランB」を用意。
  3. シニアエンジニアの方々、優しい。ネットワークの問題でライブコーディングを途中で諦め、動画に切り替える際、ちょっと停滞してしまったんですけど、皆優しかった。やはり真に強い強者は弱者に優しいのだ
  4. 会場の目黒雅叙園、素敵なところだった！お手洗いの中に川が流れてたり橋が設置してあったり、あと、鯉が泳いでた

最後はアフタヌーンティー

会場が素敵なところだったので、登壇後は大好きな紅茶とスイーツです！

登壇後の夜は渋谷で英語コミュニケーションで登壇

201611_taxi
私「登壇後、ものすごい疲れてたけど、アフタヌーンティーを楽しんだし、そのまま渋谷に移動して、英語の練習だよ！英語でみんなの前で話す！」
screen-shot-2017-02-22-at-17-37-41

私のセッションを見た人の感想ブログ

]]> [VS2017新機能] 単体テストを書いてみよう！Live Unit Testing を試してみる手順書 https://docs.microsoft.com/archive/blogs/chomado/vs2017-new-feature-live-unit-testing Fri, 17 Feb 2017 00:14:33 GMT http://blogs.msdn.microsoft.com/chomado/?p=4255 Visual Studio 2017 に、新機能のLive Unit Testing(ライブ ユニット テスト)の機能が導入されました。 Live Unit Testingでは、コードの編集中にバックグラウンドで影響範囲のユニットテストが実行され、 その結果やテスト範囲がリアルタイムでエディターにわかりやすく表示されます。 コード変更の既存テストへの影響のほか、新たに追加したコードが既存のテスト範囲でカバーされているかどうかも即座にフィードバックされます。このため、バグの修正や機能の追加の際に、ユニットテストの作成が必要かどうかを把握できます。 (Visual Studio 2017 については、こちらで無料でインストールできます。(Windowsのみ)) screen-shot-2017-02-16-at-23-36-37 この記事では、そのLive Unit Testingの機能の紹介の他に、 単体テストの書き方も、丁寧に解説しながらご紹介します！（スクショたくさん撮りながら丁寧に書いたから、すごい時間かかった…明日デベロッパーサミットで登壇なのに…） 一生懸命書いたので、ぜひご覧ください！ （このLive Unit Testingの機能は Enterprise エディションでの提供です） このエントリーをはてなブックマークに追加

目次

  1. 手順1「テストを書く準備が整うまで」
  2. 手順2「テスト対象の実装」
  3. 手順3「テストを書く」
  4. 手順4「テストを動かしてみる！Live Unit Testing」
  5. 手順5「テストケースを1つ増やしてみる」
  6. 参考

手順1「テストを書く準備が整うまで」

↓ プロジェクトの新規作成 screen-shot-2017-02-16-at-23-15-13 ↓ コンソールアプリを選択し、名前をつけて「OK」しましょう。 （この例では LiveUnitTestSampleと命名しました。） screen-shot-2017-02-16-at-23-13-36 ↓ このような画面になります。空っぽの Main 関数があるだけです screen-shot-2017-02-16-at-20-25-13 ↓ ユニットテストのプロジェクトも追加しましょう。 右の「ソリューションエクスプローラー」で、 ソリューションを右クリック→「追加」→「新しいプロジェクト」 screen-shot-2017-02-16-at-20-25-24 ↓ 左のテンプレートカラムから 「テスト」→「単体テストプロジェクト (.NET Framework)」→（名前編集）→「OK」 （この例では 名前考えるの面倒で デフォルトのままの UnitTestProject1と命名しました。） screen-shot-2017-02-16-at-20-25-55 ↓ このような画面になります screen-shot-2017-02-16-at-20-26-30 ↓ この単体テストプロジェクトが、最初に作った LiveUnitTestSampleプロジェクト(テストされる側のプロジェクト)を参照できるようにしましょう。 「参照」を右クリック→「参照の追加」 screen-shot-2017-02-16-at-20-27-46 ↓ 最初に作った LiveUnitTestSampleプロジェクトにチェックを入れて「OK」 screen-shot-2017-02-16-at-20-28-02 ↓ ちゃんと「参照」に追加されたことを確認 screen-shot-2017-02-16-at-20-28-29 ここまでで、一応、単体テストは実行できます。（まだ中身ありませんが。） 続いて、テスト対象の実装と、テストの中身を書いてみましょう。

手順2「テスト対象の実装」

今回は単体テストを試してみたいので、 取り敢えず、簡単な、テストされる対象のクラス＆メソッドを用意しましょう。「Add(int,int)」という簡単な足し算メソッドを作ることにします ↓ ソリューションエクスプローラーの LiveUnitTestSampleプロジェクトを右クリック→「追加」→「新しい項目」 screen-shot-2017-02-16-at-23-47-06 ↓ 「Calc.cs」という名前のクラスを作りましょう screen-shot-2017-02-16-at-20-37-42 新規作成された Calc クラスに、 足し算メソッドAdd(int,int)を追記しましょう。 screen-shot-2017-02-16-at-20-40-59 最初はテスト失敗のケースを見たいので、 => x + y; とは書かず、 => 1; でいきましょう。 これでテスト対象は一応用意できたので、 続いて、テストを書いてみましょう。

手順3「テストを書く」

テストは 「こうなってるはずだ」の値と 「実際に動かしてみた結果」の値を 比べて、 「同じだった」「違った」で算出します。 ということで、さっき書いた Add関数のテストを書いてみましょう。 右のソリューションエクスプローラーから「UnitTest1.cs」をダブルクリックし、開きます。 ↓ このコードを書きます 取り敢えずテストケースを1つ書きました。
Assert.AreEqual(expected: 正しい値, actual: 実際の計算結果);
という書き方です。 一致していたら「成功」、一致していなかったら「失敗」を返します。 このテストケースでは
Add(2, 3) を計算したら 5 になっているはずだよね
ということを言っています。 でもさっき Add(int,int) を定義した時、必ず 1 を返すように作ったので、このテストは「失敗」するはずですね。 実際に動かしてみましょう

手順4「テストを動かしてみる！Live Unit Testing」

取り敢えず「テストエクスプローラ」を表示させておきましょう。便利なので。 screen-shot-2017-02-16-at-20-36-44 そして、いよいよLive Unit Testingを実行します！ screen-shot-2017-02-16-at-20-28-55 どうなるでしょうか！ screen-shot-2017-02-16-at-20-43-36 予想通り、失敗しましたね！テスト失敗です ↓ 左の「テストエクスプローラ」には、テスト結果一覧(現在1つしか無いので1つだけ)が表示されています screen-shot-2017-02-16-at-20-43-362

手順5「テストケースを1つ増やしてみる」

現状把握！ ↓ 現在、こうなっていますね。テストは失敗しています screen-shot-2017-02-16-at-20-44-11 ↓ ためしにテストを成功させてみましょう。Add関数が返す値を 1から 5に書き換えてみます。 screen-shot-2017-02-16-at-20-44-31 ↑（クリックで拡大） テストケースが1つしか無いので、もうひとつ増やしてみましょう。 ↓ そうすると、このようになります。(クリックで拡大) screen-shot-2017-02-17-at-0-58-48 ↓ 解説を入れた板(クリックで拡大) screen-shot-2017-02-16-at-20-46-52 テストメソッド、１つ目は成功し、２つ目は失敗しています。
// 成功 Assert.AreEqual(expected: 5, actual: Calc.Add(2, 3)); // 失敗 Assert.AreEqual(expected: 9, actual: Calc.Add(4, 5));
なので、この Add(int,int) 関数にはバグがあることがわかります。修正しましょう。 screen-shot-2017-02-17-at-1-04-50 ↓ 良いですね！テストは全て「成功」しました！ screen-shot-2017-02-17-at-1-06-18 以上です

Visual Studio 2017 を試してみよう！

無料でインストールできます！ screen-shot-2017-02-17-at-1-42-51

参考

]]> 【Mobile DevOps】VSTS から Xamarin Test Cloud に繋いで自動 UI テストを実現 https://docs.microsoft.com/archive/blogs/chomado/xamarin-test-cloud-with-vsts Wed, 15 Feb 2017 16:40:41 GMT http://blogs.msdn.microsoft.com/chomado/?p=3865 Visual Studio Team Servicesと、実機での自動UIテストサービスXamarin Test Cloud(ザマリン・テストクラウド)などを使って実現しましょう！ screenshot-42x このエントリーをはてなブックマークに追加

目次

  1. 継続的なモバイルアプリ開発 (Mobile DevOps)
  2. Microsoft の提供する、Mobile DevOps を実現する方法
  3. Visual Studio Team Services を使ってコードgit管理 & 自動ビルド
  4. 自動 UI テストを実現する Xamarin Test Cloud サービスについて
  5. Xamarin Test Cloud を VSTS から動かす

継続的なモバイルアプリ開発

image860 モバイルアプリ開発において、やること：
  1. 開発（クライアント側のコード書く）
  2. サーバサイドとの連携
  3. テスト（単体・UIテスト）
  4. テスターたちにベータ版を配布
  5. アプリのユーザの使用メトリックやクラッシュレポートを収集
  6. ユーザからの feedback を収集
などなど！ よく「Mobile DevOps(デブオプス (= Development + Operation))」なんて呼ばれます。

Microsoft の提供する、Mobile DevOps を実現する方法

それらの一連の流れを実現するためのすべてのツールが、Microsoft によって用意されています！
  1. クライアントはXamarin(ざまりん)を使って開発し、
  2. サーバサイドはMicrosoft Azure(アジュール)というクラウドサービスを使います。
  3. 自動UIテストはXamarin Test Cloudを使います。(ちなみに有名な Slack も Test Cloud を使って開発されています)。
  4. ユーザのテレメトリ収集はHockeyAppを使います。
  5. そしてそれらの一連の流れを管理(タスク管理や自動化など)するのにVisual Studio Team Servicesを使います
つまり、図にすると以下のようになります。 blog-graphic-2-2 このうち、このオレンジ色の部分がVisual Studio Team Servicesで管理できる部分になります。 blog-graphic 補足： (現在は、これら別々のサービスが全てひとつに統合され、かつモバイルアプリ開発に特化した Visual Studio Mobile Center という新サービスが去年発表されましたが、まだプレビュー版なのです。)

Visual Studio Team Services を使ってコードgit管理 & 自動ビルド

image860 この図示した部分を VSTS (Visual Studio Team Services)を使ってどうやって管理するのかはこちらの記事で書きました。 Visual Studio Team Services で Xamarin.Android のビルド

自動 UI テストを実現する Xamarin Test Cloud サービスについて

続いて、自動UIテストについてです。 image8 実機での自動UIテストについては、Xamarin Test Cloudを使います。（not エミュレータ but 実機、というのが強み） xamarin-test-cloud Xamarin Test Cloud は、2,000台以上の実機でUIテストが出来る、クラウド上のテスト環境です。 screenshot-42x Android端末なんて星の数ほど種類があるし、iPhone/iPad については iOS は一度バージョンを上げたら戻せないし、いちいちテスト機として買っていられないですよね。 そこで Xamarin Test Cloud ですよ！ しかも、その UIテスト(ボタンをタップするなど)も、すべてコードで書くことができます。

UITest コードサンプル

エンジニアの皆さんはまずコードがどんなものか見たいですよね！ このようにして UIテストを全てコードで書くことができます

Xamarin Test Cloud 紹介

Xamarin Test Cloudどんなものか、 まずは画面のスクリーンショットをいくつか見てみましょう。（だいたいの画像がクリックで拡大） 管理ポータルの最初のページ。どのアプリのテスト結果見たい？という感じ screen-shot-2017-02-15-at-14-50-29 アプリをひとつ選択した時。テスト結果やピーク時のメモリ使用量が履歴で分かりやすく表示してある。 screen-shot-2017-02-15-at-14-51-56 ひとつのテスト履歴を選択した時。その時のテストの詳細が一覧で表示される。 OSのバージョンやベンダーごとのテスト通過率なども出る。 左のカラムに、コードで指定したテストが名前付きでリストしてある。 ↓クリックで拡大 screen-shot-2017-02-15-at-15-15-15 「Skip Authentication Test」というテストの中の 「On Login Page」という名前で保存された各デバイスのスクリーンショット screen-shot-2017-02-15-at-14-16-59 「Change Capacity Units」というテストの中の 「On Settings Page」という名前で保存された各デバイスのスクリーンショット screen-shot-2017-02-15-at-14-21-15 ひとつのデバイスを選択した時のスクリーンショット。 このテスト中の瞬間のCPU使用率やメモリ使用量など、このデバイスの詳細データが見られる screen-shot-2017-02-15-at-14-21-52 デバイスログやテストログも見られる。(スクショはデバイスログのもの) screen-shot-2017-02-15-at-14-22-12

Xamarin Test Cloud を VSTS から動かす

さあ、実際に動かしてみましょう！ Xamarin Test Cloud を VSTS から動かすためには、
  1. Xamarin Test Cloud側の操作
  2. のVisual Studio Team Services側の操作
の両方が必要です。 まずは Xamarin Test Cloud 側の操作から始めましょう。

Xamarin Test Cloud 側の準備

Test Cloud の管理ページに入ります。 https://testcloud.xamarin.com ↓まずは画面右上の「New Test Run」を押します。 screen-shot-2017-02-14-at-16-28-31 今回は Xamarin.Froms 製のアプリの Android のものだけテストしようと思うので、 「New Android app」を選択して「Next」を押しました screen-shot-2017-02-14-at-16-28-44 たくさん機種が出てきましたね！ screen-shot-2017-02-14-at-16-29-00 「★ Short queue times」(「短い待ち時間」)というマークが付いている機種が上に出ていますね。 screen-shot-2017-02-15-at-15-41-40 これはどういうことを言っているのかというとですね。 Xamarin Test Cloud はあくまで実機テストなので、数千のデバイス実機をデバイスファームで保存して動かしています。で、それらのデバイスを多くのユーザが交代交代で使うわけです。なのでひとつのデバイスに多くのユーザがテストを走らせようとすると、当然、待ちになります。待ち行列が発生します。 なので、XTCは「このデバイスは使う人が少ないからあんまり待たなくて良いよ」というのをマークで出してくれています。 今回はそれらから３機種ほど選んでみます。 で、次は言語を選ぶ画面が出てきて、 screen-shot-2017-02-14-at-16-29-17 最後にこのような文字列（Xamarin Test Cloud に .apk を投げるためのコマンド）が出て来るので、この文字列をまるっとコピーしてどこかに控えておきましょう。 screen-shot-2017-02-14-at-16-29-21 これで Xamarin Test Cloud 側の準備は完了です。

Visual Studio Team Services 側の操作

次は Visual Studio Team Services側の準備です。 VSTSの管理ページに行きます。（webブラウザで https://アカウント名.visualstudio.com です） 前提：VSTSでビルドが完了しており、.apk や .ipa など成果物が drop されている状態。 （参考：Visual Studio Team Services で Xamarin.Android のビルドが終わっていれば大丈夫） screen-shot-2017-02-15-at-15-55-26 ↑ビルド定義の最後に「Publish Artifact: drop」で .apk が drop (= リリースプロセスで使えるようにするために、リリースプロセスで参照できるフォルダに .apk を落としている)されている。 ーー で。 VSTS を開いてください。 「Build & Release」→「Releases」 screen-shot-2017-02-15-at-15-59-14 そうするとリリースの設定画面に行きます。 これは「テスト環境」「ベータテスター用の環境」「本番環境」など、様々な環境にデプロイorリリースするために、各環境ごとにリリースのプロセスを設定できる画面です。 まずは最初のリリース定義(Release Definition) を作ってみましょう。 「+ New definition」をクリックします。 screen-shot-2017-02-15-at-16-06-53 たくさんのテンプレートが出てきますが、 今回はただXamarin Test Cloudに繋ぎたいだけなので、「Empty (=空っぽ)」を選択して「Next」を押します screen-shot-2017-02-15-at-16-09-17 そうするとこのような画面になります！ もし「自動ビルド→ビルド成功→自動デプロイ」までやりたかったら「Continuous deployment」をチェックすれば良いですが、今回はつけません。 「Create」を押します screen-shot-2017-02-15-at-16-14-53 そうするとこのような画面になります。 デフォルトの「Environment(環境)1」という環境だけ作られていますね。 「+ Add tasks」を押します screen-shot-2017-02-15-at-16-25-56 タスクカタログが開くので、 左のペインから「Test」を選び、 「Xamarin Test Cloud」を選択し、「Add」を押し、「Close」です screen-shot-2017-02-15-at-16-32-10 現在このような画面になっているはずです。 screen-shot-2017-02-15-at-16-35-36 必須欄(赤くなっている)がほとんど空欄ですね。 これらのうち、
  • Team API Key *
  • User Email *
  • Devices *
は、先ほどXamarin Test Cloud側で設定して出てきた文字列を当て込みます。 screen-shot-2017-02-14-at-16-29-21 Team API Key *は、 screen-shot-2017-02-15-at-16-44-56 だいたいこんな感じのが入るはずです：
$(System.DefaultWorkingDirectory)/AndroidCI/drop/com.chomado.testest2.apk
screen-shot-2017-02-15-at-16-51-43 だいたいこんな感じのが入るはずです：
$(System.DefaultWorkingDirectory)/AndroidCI/drop/test-assembly
もし、ビルドするのに自前のビルドエージェントを使っていたら、 test-cloud.exe Location　を ../../**/packages/**/tools/test-cloud.exeにする必要がある場合があります。（というのも、デフォルトの path のままだと私は「test-cloud.exeが見つからない」というエラーが出たので、このように修正したら動いたので。どういう条件かはわからない） 最終的にこのようになりました。 screen-shot-2017-02-15-at-16-57-07 「Save(保存)」して、さっそく、このリリースタスクを動かしてみましょう！ 「+ Release」を押して「Create Release」をクリックします。 screen-shot-2017-02-15-at-16-59-24 screen-shot-2017-02-15-at-17-01-53 「Logs」を見ると今何をしているのか確認することができる screen-shot-2017-02-15-at-17-17-24 そして全部うまくいったら、Xamarin Test Cloud ( testcloud.xamarin.com )で正しくアップロードされていることを確認しましょう。 screen-shot-2017-02-15-at-17-21-02 できた！ このエントリーをはてなブックマークに追加]]> Visual Studio Team Service で Xamarin.Android のビルド https://docs.microsoft.com/archive/blogs/chomado/build-xamarin-android-with-vsts Sat, 11 Feb 2017 19:42:40 GMT http://blogs.msdn.microsoft.com/chomado/?p=3565
  1. [VSTS] プロジェクトを作った
  2. [ローカル] リポジトリ、push
  3. [VSTS] デフォルトの Xamarin.Android のビルド definition でビルドすると動かない（エラー）
    1. 2017-02-11T09:26:54.4047838Z ##[error]C:\Program Files (x86)\MSBuild\Xamarin\Android\Xamarin.Android.Common.targets(1862,3): Error : java\lang\Object.class(java\lang : Object.class)
    2. ローカル(私のXamarinの環境は最新のアルファチャネル)で作ったプロジェクトの Xamarin環境と、VSTSのビルドサーバの Xamarin環境のバージョンの不一致ではないかと推測。
    3. 取り敢えずの処置として、ローカルにエージェントを立てて、ビルドはローカルで走らせることにした
  4. [VSTS+ローカル] ビルドエージェントを入れた（手順書(英語)）
  5. [VSTS] エージェント入れたのはいいけど、ビルド時どうやってエージェントを使うのか分からなかった。→[Queue new build]　→ [Queue]の Hosted->Default(自分がつけたagentの名前)
  6. それでも（私の環境だと）MSBuild.exe が無い、というエラーが出て動かない
    1. 2017-02-11T10:02:56.0622340Z MsBuild.exe does not exist at '/Library/Frameworks/Mono.framework/Versions/4.8.0/lib/mono/4.5/msbuild.exe'.
    2. 2017-02-11T10:02:56.0940450Z ##[error]Error: /Library/Frameworks/Mono.framework/Versions/Current/Commands/mono failed with return code: 1
  7. [VSTS] NuGet restore するタスクで、NuGet の path を、明示的に指定した　（/Library/Frameworks/Mono.framework/Versions/Current/Commands/nuget）
  8. 動いた！
screen-shot-2017-02-11-at-19-41-30]]> 新しく買った MacBook に Xamarin での開発環境を構築した手順メモ https://docs.microsoft.com/archive/blogs/chomado/prepare-development-environment-for-xamarin-on-mac Fri, 06 Jan 2017 12:55:49 GMT http://blogs.msdn.microsoft.com/chomado/?p=3435

まずやったこと

Caps lock -> Ctrl

まず　Caps lock キーが要らなかったので Control キーに リプレイスしました。 disable caps lock key

【必須】絶対にインストールするべきもの

iOS/Mac総合開発環境『Xcode』

Xamarin.iOS の開発に必須である Xcode を入れます。Xcode が iOS/Mac の SDK を握っています。 itunes.apple.com/mx/app/xcode/id497799835 もし Apple Developer program に登録している人は、ここで Xcode で新規プロジェクトを作って実機デプロイできるように設定を済ませておきましょう。 該当の Apple アカウントでログイン後、Xcode上で Signing Certificate を済ませる必要があります。 xcode ↑実機にデプロイできるように Xcodeさんが頑張ってるところ

総合開発環境『Visual Studio for Mac』

vs_for_mac VS for Mac を入れたら、Xamarin も一緒に入ってきます。 visualstudio.com/vs/visual-studio-mac/

macOS 用パッケージマネージャー『Homebrew』

コマンドラインでいろんなものを「brew install なんたら」の一行でインストールできる。便利。 screen-shot-2016-12-22-at-1-38-34 Terminal にこれを貼り付けて実行
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew.sh/index_ja.html

.NET Core

k2ieg .NET Core を入れましょう！ 先ほど入れた homebrew を早速使うことになります。 手順はすべてこちらに書いてあります：microsoft.com/net/core#macos

【推奨】インストールするとより良いもの

テキストエディタ『Visual Studio Code』

Microsoft が開発しているテキストエディタ『Visual Studio Code』は入れておいた方が良い。 Windows版、Mac OS版、Linux版がある。プラグインが充実している。 オープンソースで開発されているのでソースコードはすべてGitHub上に上がっている。 code.visualstudio.com

GitHub GUIツール『GitHub Desktop』

screen-shot-2016-12-22-at-1-40-33 GitHub のGUIツール。インストール過程でコマンドライン版も入れてくれる。 desktop.github.com]]> 【無料】Mac用のIDE "Visual Studio for Mac" で iOS/Android アプリを作ってみた [Xamarin][新規作成から実行まで] https://docs.microsoft.com/archive/blogs/chomado/tried-creating-an-app-using-visual-studio-for-mac Thu, 24 Nov 2016 14:44:58 GMT http://blogs.msdn.microsoft.com/chomado/?p=3065 先週 (2016/11/16) の「Microsoft Connect();」イベントでアナウンスのあった通り、 Mac 用の Visual Studio がついに（Preview版で）リリースされましたね！ Visual Studio for Mac！！ インストールはこちらから(無料)： visualstudio.com/vs/visual-studio-mac/ install vs for mac それを実際に触ってみましょう！ (このツールの目玉はバックエンド(サーバサイド)のプロジェクトまで一緒に作ってくれることだけど、 取り敢えず入門記事として、最初はクライアントだけのものを作ります！) このエントリーをはてなブックマークに追加

VS for Mac でスマホアプリのテンプレートを「新規作成」

まずVisual Studio for Macを開きます。 screen-shot-2016-11-24-at-13-17-10 VS for Mac が起動し、スタートページが開きます。 visual-studio-for-mac 「New Project(プロジェクトの新規作成)」を選択します。 screen-shot-2016-11-24-at-15-37-54 左のタブの「Multiplatform (マルチプラットフォーム)」の中の「App」の中の、 「Xamarin.Forms」→「Forms App」を選択します。 ちなみに、上の「Forms App」はクライアントだけのテンプレートが作成されるもので、 下の「Connected App」は、「ASP.NET Core で作られた　Mobile Services に接続されたアプリ」という意味で、クライアントだけでなくバックエンドまで作成するテンプレートです。 そして右下の「次へ」を押します screen-shot-2016-11-24-at-13-33-02 上から、
  1. App Name：アプリ名
  2. Organization ID：組織名。個人の場合は「com.自分の名前(英語)」を入れる。各ストア(App Store や Google Play Store) で ID として管理するものなので、他の組織と被らない名前にする必要がある
  3. Target Platform：ターゲットプラットフォーム。Android/iOS 両方にチェックを付けておく。
  4. Shared Code：コード共有化について。Xamarin を使えばコード共有化をすることができるのですが、そういう形式で共有化するかは 2択で選べます。PCLかSharedです。今回はPCLで。（ふたつがどう違うか気になる方はこちら）
  5. Use XAML for user interface files：UI記述に XAML言語を使う。今回はチェックを入れておく
それぞれを入れ終わったら、画面右下の「次へ」を押します。 screen-shot-2016-11-24-at-13-59-16 私は Git を使用し、 あと一番下の「自動UIテストのプロジェクトを追加する」にチェックを入れました。 それで画面右下の「作成」を押します。 少し時間がかかります。 screen-shot-2016-11-24-at-14-02-57 この画面になります。 最初は上に「パッケージを追加しています」と暫く出るかもしれませんが、少し待てば完了します。

作られたプロジェクトを「実行」

iOS版を動かす

コードを何もいじらずに、取り敢えず「実行」をしてみましょう。 画面左上の再生ボタンをクリックします。 screen-shot-2016-11-24-at-14-06-27 この画面になったらOKです！ iOS シミュレータが起動し、デプロイされ、アプリが実行されていますね。

Android版を動かす

それで、Android 版も動かすことができます。（Xamarinはクロスプラットフォーム開発ツールですから！） (ただ iOS版と同じものが Android で動くのを確認、というだけなので、ここは飛ばしても大丈夫です。エミュレータ起動が少し時間がかかるので・・・) screen-shot-2016-11-24-at-14-28-03 ソリューションエクスプローラーの Androidプロジェクト(私の場合は「PopoClick.Droid」)を 右クリック→「スタートアッププロジェクトとして設定」 そして「実行」 screen-shot-2016-11-24-at-14-38-40 Android エミュレータが起動し、アプリが実行されればOKです！

少し画面をいじってみる

せっかくなので、少し画面をいじってみましょう。 右のソリューションエクスプローラーから「PopoClickPage.xaml」（あなたのつけたアプリ名.xaml）を選び、クリックします。 最初のページのUIの記述された XAMLファイルが開きます。 screen-shot-2016-11-24-at-14-11-03 (もし右側に Previewer が出ていたら「プレビュー」ボタンを押せば非表示にできます) screen-shot-2016-11-24-at-14-21-12 この辺の文字列を変更してみましょう。 ３行目の「Welcome to Xamarin Forms!」を、任意の文字列に変更します。(私は「( *ﾟ▽ﾟ* っ)З ざまりん！」にしました。) そしてまた「実行」します。 visualstudioformacxamarin できました！

次の一歩

次は実際に手を動かして簡単なリストアプリを作ってみましょう！ Xamarin Dev Days ハンズオン手順書 xamarin ]]> Mac用のVS『Visual Studio for Mac』を黒背景にする方法 https://docs.microsoft.com/archive/blogs/chomado/how-to-set-vs-for-mac-black-theme Wed, 23 Nov 2016 11:49:49 GMT http://blogs.msdn.microsoft.com/chomado/?p=3035 Visual Studio for Mac！！無料です！ インストールはこちらから： visualstudio.com/vs/visual-studio-mac/ ( *ﾟ▽ﾟ* っ)З「VS for Mac は、既存の IDE Xamarin Studioや、既存の OSS テキストエディタVisual Studio Codeとは別のものよ」 それで、このVisual Studio for Macは、デフォルトでは白背景なのですが、これを黒背景にする設定の方法をここにメモします。（私は白背景にすると眩しくてすぐに目が疲れてしまうので、なんでも黒背景が好きです） vs_dark このエントリーをはてなブックマークに追加

黒背景にする方法

Visual Studio for Macを開きます。 screen-shot-2016-11-23-at-11-41-26 そして、画面左上の「Visual Studio」をクリック→「ユーザ設定」 screen-shot-2016-11-23-at-11-45-32 「ユーザーインターフェーステーマ」を「Dark」にして、 その後下に出てくる「Visual Studioの再起動」をクリックします。 それでOK!]]>