.NETによるスマートフォンWeb UI開発ガイド【導入編】 .NETでスマホ向けWebアプリ開発を始める前の基礎知識 デジタルアドバンテージ 一色 政彦2011/04/01 |
|
|
■スマートフォン向けWebアプリの開発技術
●.NET技術を活用したスマートフォン向けWebアプリ開発
.NET技術を活用したスマートフォン向けWebアプリ開発を考えると、下記の3つが考えられる。
- ASP.NET MVC
- ASP.NET Webフォーム
- .NET向けのライブラリの活用
○ASP.NET MVC
前述のJavaScriptライブラリを活用したり、手動でHTMLコードを記述したりするような場合には、ASP.NET MVCを採用することになるだろう。.NET開発者として本命のテクノロジだといえる。ASP.NET MVCを活用する開発方法については、「連載:マイクロソフト技術による標準化志向Web開発ことはじめ 第3回」の「■携帯電話/スマートフォン向けWebサイトの開発」が参考になる。
○ASP.NET Webフォーム
ASP.NET Webフォームには、豊富なサーバ・コントロールが用意されており、それらのコントロールを使うと独自のHTMLコードを自動生成する。そのため、そのコードを開発者がスマートフォン向けにカスタマイズするのは容易ではない。従って、既存資産をどうしても活用したい場合など特定のケースのみで利用すべきだろう。ASP.NET Webフォームを活用する開発方法については、「連載:.NETでモバイル・サイト開発を始めよう」が参考になる。
○.NET向けのライブラリの活用
サードパーティであるグレープシティが提供するASP.NET Webフォーム用のコンポーネント「ComponentOne Studio for iPhone-UX 2011J」は、iPhone/iPod touchのルック&フィールをほぼ完ぺきに実現している。従って、iPhoneのみをターゲットにしたい.NET開発者にはお勧めである。後日、簡単な試用レポート記事を公開したいと考えている。
●HTML5関連技術
前述の「●iPhone/Android/WP7間のWebブラウザの差異」で示したとおり、スマートフォンのWebブラウザは基本的にHTML5やその関連技術(CSS3やJavaScript API)に対応している。スマートフォン向けWebアプリの開発では、これらの機能を積極的に活用することで、さらにネイティブ・アプリに近い機能性を実現できるようになる。HTML5については、「デザインハック:HTML5“とか”アプリ開発入門」を参考にしてほしい。
■
以上、スマートフォン向けのWebアプリを.NETで開発するための基礎知識を紹介した。
この大きな時代の変遷の波に乗るべく、より多くの.NET開発者に、いまからスマートフォン開発やHTML5&CSS3の勉強や調査・準備を開始していただきたい。そのきっかけとして、本シリーズを活用していただけるとうれしい。
INDEX | ||
.NETによるスマートフォンWeb UI開発ガイド【導入編】 | ||
.NETでスマホ向けWebアプリ開発を始める前の基礎知識 | ||
1.スマートフォン向けWebアプリの基本的な特徴 | ||
2.WebアプリのUIレイアウト&デザイン | ||
3.スマートフォン向けWebアプリの開発技術 | ||
「.NETによるスマートフォンWeb UI開発ガイド【導入編】」 |
- 第2回 簡潔なコーディングのために (2017/7/26)
ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている - 第1回 Visual Studio Codeデバッグの基礎知識 (2017/7/21)
Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう - 第1回 明瞭なコーディングのために (2017/7/19)
C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える - Presentation Translator (2017/7/18)
Presentation TranslatorはPowerPoint用のアドイン。プレゼンテーション時の字幕の付加や、多言語での質疑応答、スライドの翻訳を行える
|
|