SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

UWPアプリ開発の最前線

Windows電卓の中はどうなっているのだろう?(前編)
~オープンソースのコードを見てみよう

UWPアプリ開発の最前線 第13回

  • X ポスト
  • このエントリーをはてなブックマークに追加

開発環境の準備

 Visual StudioにはUWP開発のワークロードをインストールしておきます。その際に、オプションになっているC++と最新のWindows 10 SDKも入れてください(次の画像)。また、Visual Studio拡張の「XAML Styler」もインストールしておきます。

Visaul Studio 2019に必要な開発環境をインストールする
Visaul Studio 2019に必要な開発環境をインストールする

 上の画像のように私(筆者)はv142のC++/CXを入れましたが、v141でも良いはずです。

ソースコードの入手

 Windows電卓アプリのソースコードは、GitHubのhttps://github.com/microsoft/calculatorで公開されています。GitHubに慣れている人は、サクっとcloneしてください。「cloneって何!?」という方は、以下の手順でソースコードをダウンロードしてください。

ソースコードのZIPファイルをダウンロードする
ソースコードのZIPファイルをダウンロードする
  1. ファイルリストの右上にある緑色の[Clone or download]ボタンをクリック(上の画像①)
  2. 出てきたポップアップの一番下にある[Download ZIP]をクリック(上の画像②)
  3. ダウンロードした「calculator-master.zip」ファイルは、まずブロックを解除してから(次の画像)、内容を展開してください
ダウンロードしたZIPファイルは、エクスプローラーでそのプロパティを開いてブロックを解除する
ダウンロードしたZIPファイルは、エクスプローラーでそのプロパティを開いてブロックを解除する

 以降の内容は、2019年6月8日時点でダウンロードしたソースコードに基づいています。

ドキュメント(.mdファイル)

 Windows電卓アプリのソースコードに同梱されているドキュメントは、拡張子が「.md」というファイルになっています。そのままテキストエディターで開くと次の画像の左側のようになっていて、ちょっと読みにくいです。右側のようなきれいに整形した状態で読むには、以下に挙げるいずれかの方法を取ってください。

Markdown Editorを導入したVisual Studioで、.mdファイルを開く
Markdown Editorを導入したVisual Studioで、.mdファイルを開く
  • GitHubで見る
    WebブラウザーでGitHubを見る場合、.mdファイルは自動的に整形されて表示されます。例えば、README.mdファイルをご覧ください。
  • Visual Studio Codeを使う
    Visual StudioファミリーのVisual Studio Codeには、.mdファイルを整形して表示する機能が備わっています。Visual Studio Codeで.mdファイルを開いたら、そのタブを右クリックして[プレビューを開く]を選ぶと、新しいタブで整形されたプレビューが表示されます。
  • Visual StudioにMarkdown Editorを導入する
    Visual Studioには標準では.mdファイルを整形して表示する機能はありませんが、Markdown Editorを導入すれば表示できます(上の画像)。

docsフォルダー

 ドキュメントは、ソースコードのルートフォルダーにREADME.mdファイルなどがある他に、docsフォルダーにも次のようなものが入っています。

 どれも英文ですが、とくに「Application Architecture」は頑張って読んでみることをお勧めします。

次のページ
ビルドしてみよう

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
UWPアプリ開発の最前線連載記事一覧

もっと読む

この記事の著者

biac(ばいあっく)

HONDA R&Dで自動車の設計をやっていた機械屋さんが、技術の進化スピードに魅かれてプログラマーに。以来30年ほど、より良いコードをどうやったら作れるか、模索の人生。わんくま同盟の勉強会(名古屋)で、よく喋ってたりする。2014/10~2019/6 Microsoft MVP (Windows Devel...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/11538 2019/07/26 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング