monoe's blog

4 月 27 日(2013) に開催されました、第４回「ブラウザー勉強会」に『モテる JavaScript』というセッションのフォローアップ第三回目です。 前々回より以下のアジェンダでセッションの内容を紹介しています。   はじめに 知っておきたい JavaScript の 慣例的な記述方法とマナー 使われているとなんかカッコ良い JavaScript の機能   なお、当日使用したスライドは以下になります。   今回は 『使われているとなんかカッコ良い JavaScript...

4 月 27 日(2013) に開催されました、 第４回「ブラウザー勉強会」 に『モテる JavaScript』というセッションのフォローアップ第二回目です。 前回 より以下のアジェンダでセッションの内容を紹介しています。 アジェンダ 知っておきたい JavaScript の 慣例的な記述方法とマナー 使われているとなんかカッコ良い JavaScript の機能 最近、こんなふうに書いてます なお、当日使用したスライドは以下になります。   今回は 『知っておきたい JavaScript...

4 月 27 日(2013) に開催されました、 第４回「ブラウザー勉強会」 に『モテる JavaScript』というセッションで登壇させていただきました。 今回のセッションは、外部のイベントの登壇であり、自社の製品のセッションでもないことから、おそらく私がこのネタでセッションをすることは未来永劫ないでしょう。 しかしながら、結構な時間をかけて資料をまとめたので、セッションで紹介しきれなかった部分も含め、ここで内容を紹介していきたいと思います。 と、その前に   ブラウザー勉強会とは?...

Windows ストア アプリの開発は HTML + JavaScript でも行えるため、これまで Visual Studio を使ったことがない、という開発者の方も多いでしょう。 そういった方々のために Visual Studio の機能概要についてしばらく紹介していきます。 ここまでの記事は以下になりますので、これから Visual Studio を使ってみようか、という方はぜひ以下の記事もご覧ください。 Visual Sudio 2012 の基本的な HTML + JavaScript の入力支援機能...

Windows ストア アプリの開発は HTML + JavaScript でも行えるため、これまで Visual Studio を使ったことがない、という開発者の方も多いでしょう。 そういった方々のために Visual Studio の機能概要についてしばらく紹介していきます。 ここまでの記事は以下になりますので、これから Visual Studio を使ってみようか、という方はぜひ以下の記事もご覧ください。 Visual Sudio 2012 の基本的な HTML + JavaScript の入力支援機能...

前回に引き続き、これから Visual Studio を使用されるという人向けに、今回は、以前のバージョンから引き継がれた Windows ストア アプリと Web コンテンツ用の基本的なデバッグ機能について紹介します。   JavaScript のデバッグ機能 ソフトウェアの開発ツールである Visual Studio は、サポートする開発言語について強力なデバッグ機能を提供しており、JavaScript も例外ではありません。 プログラムの実行を任意の箇所で中断し、1 ステップずつの実行や変数の中身の確認...

Windows ストア アプリの開発は HTML + JavaScript でも行えるため、これまで Visual Studio を使ったことがない、という開発者の方にお会いすること機会があります。 そういった方々は、Windows ストア アプリの開発にあたり、頑張っていちから Visual Studio 2012 を学習して使用されているのかと思いきや、それまで Web 制作に使用されていたエディタ + FireBug などのデバッグツールでアプリのほとんどを作成し、Windows ストア アプリにパッケージングする部分だけ...

Windows ストア アプリでは、Internet Explorer 10 がサポートしている HTML5 のコントロールの他、WinJS (Windows Library for JavaScript) が提供するコントロールを使用してアプリの UI を構築することができます。 ちなみに WinJS が提供するコントロールの一覧は以下のページで、   クイック スタート: WinJS コントロールとスタイルの追加 (JavaScript と HTML を使った Windows ストア...

新年あけましておめでとうございます。 昨年は、Windows 8 リリースに向けての準備に始まり、リリースを終えて一年が終るという、私にとっては本当に Windows 8 一色の一年でした。 Windows 8 は、リリースされたとはいえ、その新しい UI 上で動作する Windows ストア アプリはまだまだ少ない状況ですので、今後も引き続き、Windows ストア アプリの開発に関する情報をお届けしていく予定です。 もちろん、Windows ストア アプリだけでなく Internet Explorer...

久しぶりに IIS についての記事を書きます。 先日、上司と話しをしていたら、Windows ストア アプリを作ってくださっているパートナーさんが、「IIS には画像のフォーマットやサイズを変換してくれるサービスがないのでわざわざ別のサーバーを立てている」との話を聞きました。 .NET の Bitmap クラスを使用したことがある人であればご存知の通り、画像のフォーマットの変換もサイズの変更も Bitmap クラスを使用すれは簡単に実現することができます。 IIS は .NET Framework...

Windows 8 の新しい UI 環境 (かつて Metro と呼ばれた) で動作するアプリケーション、通称「Windows ストア アプリ」の開発方法について書いています。 Windows ストア アプリは C,C++,VB,C#,JavaScript のいずれかの言語で開発することができますが、このブログでは HTML + JavaScript での開発について紹介していきます。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください...

Windows 8 の新しい UI 環境 (かつて Metro と呼ばれた) で動作するアプリケーション、通称「Windows ストア アプリ」の開発方法について書いています。 Windows ストア アプリは C,C++,VB,C#,JavaScript のいずれかの言語で開発することができますが、このブログでは HTML + JavaScript での開発について紹介していきます。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください...

Windows 8 の新しい UI 環境 (かつて Metro と呼ばれた) で動作するアプリケーション、通称「Windows ストア アプリ」の開発方法について書いています。 Windows ストア アプリは C,C++,VB,C#,JavaScript のいずれかの言語で開発することができますが、このブログでは HTML + JavaScript での開発について紹介していきます。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください...

Windows 8 の新しい UI 環境 (かつて Metro と呼ばれた) で動作するアプリケーション、通称「Windows ストア アプリ」の開発方法について書いています。 Windows ストア アプリは C,C++,VB,C#,JavaScript のいずれかの言語で開発することができますが、このブログでは HTML + JavaScript での開発について紹介していきます。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください...

Windows 8 の新しい UI 環境 (かつて Metro と呼ばれた) で動作するアプリケーション、通称「Windows ストア アプリ」の開発方法について書いています。 Windows ストア アプリは C,C++,VB,C#,JavaScript のいずれかの言語で開発することができますが、このブログでは HTML + JavaScript での開発について紹介していきます。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください...

HTML + JavaScript を使用した WSindows ストア アプリの開発方法について書いています。 この記事から読み始める方々のために補足しておきますと 「Windows ストア アプリ」 とは Windows 8 の、かつて Metro と呼ばれた新しい UI上で動作するアプリケーションのことを言います。 なお、以下は前回までの投稿記事となりますので、まだお読みになっていない方はこれからの記事を読む前にぜひご覧ください。 始めよう、Windows 8 アプリ開発 (準備編) Windows...

HTML + JavaScript を使用した WSindows ストア アプリの開発方法について書いています。 念のために補足しておきますと 「Windows ストア アプリ」 とは Windows 8 の、かつて Metro と呼ばれた “新しい UI” (※) 上で動作するアプリケーションのことを言います。 (※) この “新しい UI” を英語のまま “Modern UI” なんてぇ書いてる記事が散見されますが我々はそんなふうに呼んでませんので。(たまに社員でも間違えている人がいますが)...

HTML + JavaScript を使用した WSindows ストア アプリの開発方法についてしばらく書いていく予定です。   過去の記事は以下をご覧ください。 始めよう、Windows 8 アプリ開発 (準備編) Windows ストア アプリ(HTML + JavaScript)の構造 Windows ストア アプリと Web コンテンツの違い (1/3)   前回 から 3 回にわけて Web コンテンツと JavaScript + HTML で作成する Windows...

今回から 3 回にわけて Windows 8 の新しい UI 上で動作する Windows ストア アプリの開発について書いています。 過去の記事は以下をご覧ください。 始めよう、Windows 8 アプリ開発 (準備編) Windows ストア アプリ(HTML + JavaScript)の構造   前回の記事で紹介しましたように、Windows ストア アプリは JavaScript + HTML + CSS でも作成することができます。 アプリをホストするプロセスが Internet...

前回の記事 から引き続き、Windows ストア アプリケーションの開発についてです。 今回は、HTML + JavaScript で作成する Windows ストア アプリの構造について紹介します。   Windows ストア アプリ(HTML + JavaScript)の構造   Windows ストア アプリは、C、C++、C#、VB といった従来からのデスクトップ アプリケーション用の開発言語だけでなく、JavaScript でも開発を行うことができます。 JavaScritp...

前回の投稿からずいぶんと期間があいてしまいましたが、ようやくブログに取り掛かる時間が取れるようになりました。 今回から Windows 8 のかつて Metro スタイル アプリと呼ばれた Windows ストア アプリの開発方法について書いていきたいと思います。 その前に 「Windows ストア アプリってなに?」 という人のために簡単に紹介しておきましょう。   Windows ストア アプリケーションとは?   Windows 8 には、アプリケーションが動作するためのプラットフォームが...

去る 6 月 6 日 (水) に『Internet Explorer 10 移行セミナー』 が開催されました。 このセミナーは、既存の Web コンテンツを支障なくかつ速やかに、最新の Internet Explorer 10 のドキュメントモードで正しく動作するよう移行していただくことを目的にしたセミナーです。 私も 『最新開発支援ツールを使ったデバッグ対応』というタイトルでセッションを担当し、Internet Explorer F12 開発者ツール、Compat Inspentor、Fiddler...

4 月 24 日、25 日に行われました Windows Developer Days に参加された皆様、ご参加ありがとうございました。 いまごろになってしまいましたが、私の担当しましたセッション、 WA005 、 WA007 で紹介したドキュメントを掲載させていただきます。   セッション : WA005 - 『JavaScript + HTML による Metro スタイル アプリ開発概要』 で紹介したドキュメント   Internet Explorer 10 がサポートしている...

5 月 9 日の秋葉原 UDX で行われました Developer Camp - 【JavaScript 開発者のための Metro スタイル アプリ実践編】 にご参加いただきました皆様ありがとうございました。 私のセッションで紹介いたしました技術ドキュメントと SDK サンプルへのリンクを掲載させていただきます。( (※) Windows Developer Days の WA005 、 WA007 で紹介したドキュメントのリンクの紹介は、これからやります。(スミマセン)   [ はじめに...

前回までは、どちらかという Web コンテンツの表示速度の向上という観点で、ローカルストレージや、Application Cahe について紹介しました。 これらの機能は、クライアントのローカルに情報を保持しますので、オフラインでの利用も可能です。 オンラインであれば、Web サーバーの情報を参照し、オフラインであればローカルにキャッシュされた情報を使用するといったことが可能になります。 それでは、現在コンピューターがオンラインであるかオフラインであるかを確認するにはどうすれば良いでしょう...