Office UI Fabricでちょっとだけ実用的なアプリを作ってみる

今日は手前味噌的なネタになってしまいすが、Office UI Fabric(以下"OfficeUI")ちょっとだけ実用的なアプリを作成してみました。これまでOfficeUIの基本的なUI部品やレイアウト方法の紹介をしてきましたが、実際にどんな感じのアプリが作成できるの？という点をフォローできればと思います。

一行メモ保存・検索ツール

(スクリーンショットのタイトルが違うけど)OfficeUIで一行メモを入力し、Local Storageに保存するというツールです。Local StorageのデータはJSONでエクスポート・インポートが可能です。

• 一行メモ保存・検索ツール
  • http://furandon_pig.bitbucket.org/sample/officeui/json_export/

スクリーンショットは以下のようになります。実は元々JavaScriptでデータをLocal Storageに保存して、データはJSONでエクスポート・インポートを行えるようにすればサーバがなくても(ある程度のアプリは)実現できるかも！という安易な思いつきで作成したアプリに「ついでだからOfficeUIも使ってみよう」というノリで作成したものです。

OfficeUIを使用してアプリを作成するとこんな感じになるのか〜、という感じで試してみてもらえればと思います。

まとめ

今日はOfficeUIで作成したアプリを紹介してみました(今日はバタバタしてあまりAdvent Calendarに時間がかけられなかったというのが正直なところです……)。明日はOfficeUIのダイアログボックスについて解説したいと思います。