完成版はどう変わったのか?

完成版はどう変わったのか?

最終的には、主に次のような修正を加え、アプリを完成させました。ご覧いただければ分かりますが、見栄え・操作性とも、プロトタイプとの差は歴然です。

  • 画面右端にあったコマンドをアプリバーに移動。これにより、描画領域が広がっただけでなく、ユーザーの指が意図せず触れて、誤操作でチャームを表示するということがなくなった。 また、Windowsストアアプリの「没入感」の実現にもつながった
  • アプリの顔とも言える、タイルやスプラッシュ画面を追加。アプリ開始時のわくわく感につながった
  • 設定画面を活用して、音や壁紙を切り替えられるようにした
  • タッチで操作しやすい魅力的なカラーパレットを追加した
図6:完成したアプリで、小学校4 年生の長男に実際にお絵描きをさせてみた。親バカかもしれないが、単純な形を組み合わせてここまで描きあげるとは、なかなかの才能ではないだろうか。「ダイオウイカの目を工夫した!」という力作だ。
図7:描き終えてから「スタート」をタッチすると、描いた絵が重力方向に、音を立てながら崩れ落ちてしまう。ものを壊してみて、また作り直すのが大好きな子どもは、はしゃぎながら遊び倒している。父親としても面目が保てた、と思う。これも、山本デザイナーのおかげである。

このように、ユーザーインターフェイスとデザインはとても大切です。デザインはユーザーからの印象を一瞬で左右し、使い勝手もグンと向上させます。アプリを作ろうと思われたら、ぜひデザイナーと協業することを検討してください。あなたのアプリが、より一層魅力的なものになることでしょう。

★Windowsストアアプリ「Paint Drops Free」はこちらから無償でインストールできます

追記:出版社インプレスジャパンからのお知らせ

書籍のご案内

『JavaScriptで作るWindowsストアアプリ開発スタートガイド』は、2013年2月21日(木)より全国の大型書店およびネット書店にて発売です!

JavaScriptで作る Windowsストアアプリ開発スタートガイド
書名
JavaScriptで作る
Windowsストアアプリ開発スタートガイド
著者
田中 賢一郎
判型
B5変型判(230×182mm)
ページ数
340ページ
ISBN
978-4-8443-3352-4
定価
2,800円+税
発行
インプレスジャパン
発売日
2013年2月21日(木)
インプレスジャパン本書ご案内ページ→コチラ
Amazon.co.jp→コチラ

Windowsストアアプリは、JavaScript/HTML5/CSS3の知識を活かし、Visual Studio 2012 Express* で構築できます。その画面デザイン・機能・UIから完成品のストア登録まで、公式ガイドラインを熟知した著者がやさしく解説。 はじめてのWindowsストアアプリ開発もていねいにサポートします。「PaintDropsFree」など、本書で扱うサンプルコードはWebからダウンロードできます。*Microsoft Visual Studio 2012 Express for Windows 8
※本書は電子書籍版も発売しています。電子書籍版の価格は各ストアでご確認をお願いいたします。

目次

【第1部 導入編】
第1章 Windows 8とストアアプリを知ろう
第2章 アプリの設計とデザインを考えよう

【第2部 基本編】
第3章 便利なCSS3スタイル
第4章 Windowsストアアプリ実装の基礎知識

【第3部 応用編】
第5章 多機能なRSSリーダーアプリを作ろう
第6章 物理演算エンジン「Box2D」を使ってみよう
第7章 ストア公開中アプリ「Paint Drops Free」の作り方

著者 田中 賢一郎(たなか けんいちろう)

1994年慶應義塾大学理工学部計測工学科修了。同年キヤノン株式会社に入社。
2000年にデジタル放送立ち上げの会社に出向。その間に一人でデータ放送ブラウザを実装し、マイクロソフトへソースライセンスする。
2008年より Windows Media Center TVチームの開発者としてマイクロソフト ディベロップメント株式会社へ。
現在はWindows開発統括本部にて、パートナーのエンゲージメントをサポートするとともにWindows新規機能の検討に携わる。
趣味はジャズピアノ演奏。宮澤隆氏に師事。週末は横浜界隈のジャムセッションに出没。
⇒Youtubeで演奏を公開中!

無償版電子書籍を配信!

本書の特別編として、
・アプリ開発者契約
・NFC(Near Field Communication )を利用したアプリ開発
の2点を用意しました。無償版電子書籍(PDF 版)として配信しています。インプレスジャパンの本書ご案内ページより、ダウンロードできます。※無償版電子書籍は、本書には未収録です。ダウンロードは、本書を購入していない方でも無料となっております。

S-1 アプリ開発者契約/32ページ相当

01 開発者アカウントの設定
02 受け取りアカウントの追加
03 サブスクリプションの設定
04 税の設定
05 アプリ提出前のWACKによる品質テスト
06 アプリの提出の準備
07 ダッシュボードからのアプリの提出
08 アプリの統計情報
09 自分のWeb サイトでの宣伝

S-2 NFC(Near Field Communication)を利用したアプリ開発/12ページ相当

01 NFC に対するWindows 8 のアプローチ
02 NFC のデバイス
03 NFC Data Exchage Format
04 Proximity APIによるタグの読み書き
05 NFC アプリの実装
06 NFCタグからの起動と引数の取得
07 最近の変更点について
この記事のキーワード :

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30