Clik here to view.
HTML5 を使ったシンプルな 2 D ゲームの作り方 (矢印キーとタッチによる制御の実装)
去年末に出演した schoo (スクー) さんの授業で使用したサンプルアプリをもとにした、HTML5 を使ったシンプルな 2 D ゲームの作り方を紹介しています。どんなゲームを作るのかは 1 回目の記事の中に実際に動作するゲームが埋め込んであるのでぜひ遊んでみてください。なお���開発に必要な画像データは 2...
View ArticleClik here to view.
HTML5 を使ったシンプルな 2 D ゲームの作り方 (当たり判定の実装)
去年末に出演した schoo (スクー) さんの授業で使用したサンプルアプリをもとにした、HTML5 を使ったシンプルな 2 D ゲームの作り方を紹介しています。どんなゲームを作るのかは 1 回目の記事の中に実際に動作するゲームが埋め込んであるのでぜひ遊んでみてください。なお、開発に必要な画像データは 2...
View ArticleClik here to view.
Web コンテンツを開発するための Node.js 簡易 Web サーバー
de:code 2015にご参加された皆様、ありがとうございました。ご参加されなかった皆様も、そのうちスライドや動画が公開されると思いますので、ぜひご覧ください。de:code が終わって、前回の記事の続きで「HTML5 を使ったシンプルな 2 D ゲームの作り方(複数インスタンスの生成)」を書こう、と思ったのですが、このシリーズを書いている間に build 2015があり、その中で、Windows...
View ArticleClik here to view.
2016 年 1 月 12 日でサポート終了となるバージョンの Internet Explorer...
昨年の 8 月にアナウンスされ、すでに多くの方がご存じのとおり、来年 (2016) の 1 月 12 日からは、Internet Explorer のサポートポリシーが変更され、その Windows で動作する最も高いバージョンの Internet Explorer しかサポートされなくなります。...
View ArticleClik here to view.
HTML5 を使ったシンプルな 2 D ゲームの作り方(効果音を鳴らす)
このシリーズまだやってたの!?、と声が聞こえてきそうなくらい前回から間が空いてしまいましたが約半年ぶりに HTML5 を使用したシンプルな 2D ゲームの作り方の第 10 回めをお送りします。どんなゲームを作るのかは 1 回目の記事の中に実際に動作するゲームが埋め込んであるのでぜひ遊んでみてください。なお、開発に必要な画像データは 2...
View ArticleClik here to view.
オンラインコンテンツが使用している JavaScript ライブラリを手元で置き換えて検証する方法について
前回の記事では、Edge 対応こと、Web ブラウザー同士の相互運用性を高める方法として以下の 5 つの点について紹介しました。 ドキュメントモードの指定を行わない 新しい JS ライブラリ/フレームワークを使用する ブラウザープラグインを使用しない CSS ベンダープレフィックスを使用しない ブラウザーの検出を使用しない 今回は上記の項目、「 2 新しい JS...
View ArticleClik here to view.
2016 年 1 月 12 日でサポート終了となるバージョンの Internet Explorer...
昨年の 8 月にアナウンスされ、すでに多くの方がご存じのとおり、来年 (2016) の 1 月 12 日からは、Internet Explorer のサポートポリシーが変更され、その Windows で動作する最も高いバージョンの Internet Explorer しかサポートされなくなります。 (※タイトルのサポート終了日付が間違っておりましたので修正しました。どうもすみません)...
View ArticleClik here to view.
なぜサポートが終了した Web ブラウザーを使うと危険なのか?
前回の記事でも紹介させていただいたように来年 (2016) の 1 月 12 日をもって、IE9 以前の Internet Explorer はサポートが終了します。 しかし、機能が停止したりするわけではありませんので、事情を知らないユーザーはそのままサポートが切れたバージョンの Internet Explorer...
View ArticleClik here to view.
完全なる余談 : Internet Explorer の自動アップデートについて
最近、旧バージョンの Internet Explorer がサポート切れになるというテーマばかりで恐縮なのですが、この記事はそれらにまつわる付録と思って読んでくださいませ。 前回の記事でも(その前の記事でも)書いたとおり、来年 (2016) の 1 月 12 日からは、Internet Explorer のサポートポリシーが変更され、以下の表にあるとおり、その Windows...
View ArticleClik here to view.
ドキュメント『モダンブラウザーの今と、Web標準に対応したWebコンテンツの作り方』公開!
Windows 10 がリリースされて以来、わたくしエバンジェリスト 物江と、元・エバンジェリスト春日井(現・Windows プロダクトマネージャー) が、セミナーなどで紹介してきましたWindows 10 に搭載される Web ブラウザーについての内容をドキュメント (pdf) としてまとめました。 これまで発信してきました Edge と Internet Explorer...
View ArticleClik here to view.
これからどうする? モダン Web とCSS ベンダープレフィックス
これらのバージョンの Internet Explorer は、Web 標準にもそれほど準拠しておらず、HTML5 もサポートしない、いわゆるレガシーブラウザと呼ばれるものです。 Mozilla Firefox や Google Chrome といった他の Web...
View ArticleClik here to view.
Web ブラウザーや OS のシェアが確認できる Web サービスまとめ
ちなみに Windows 10 のダウンロード数とか Microsoft ID の数だとかについては。マイクロソフトの公式ページである Microsoft by the Numbers で公開されていますので、マイクロソフトについてのなんらかの数字を調べたい場合には、まずはこちらをご覧になるのが良ろしいでしょう。 (Microsoft by the Numbers) シェアの情報を参照する前に...
View ArticleClik here to view.
HTML5 を使ったシンプルな 2 D ゲームの作り方(効果音を鳴らす)
このシリーズまだやってたの!?、と声が聞こえてきそうなくらい前回から間が空いてしまいましたが約半年ぶりに HTML5 を使用したシンプルな 2D ゲームの作り方の第 10 回めをお送りします。 どんなゲームを作るのかは 1 回目の記事の中に実際に動作するゲームが埋め込んであるのでぜひ遊んでみてください。なお、開発に必要な画像データは 2...
View ArticleClik here to view.
レガシーブラウザのサポートは本日で終了です。～さようならOld IE～
そのため、以下の表にある青字で示されている Windows のバージョンについては、OS に既定でインストールされている Internet Explorer を動作可能な最新のバージョンにアップグレードする必要があります。 Windows Internet Explorer 延長サポート終了 Windows Vista SP2 Internet Explorer 9 2017年 4 月 11 日...
View ArticleClik here to view.
MacでもLinuxでも使える! 無償の Visual Studio Code を使用した Cordova 開発
Windows はもちろん、Mac や Linux でも動作する無償のコードエディタ Visual Studio Code に Apache Cordova アプリの開発を支援するための拡張 Cordova Tools Extension が公開されました。 <参照> Visual Studio Marketplace – Cordova Tools Extension Apache...
View ArticleClik here to view.
JavaScriptライブラリ中毒者(ジャンキー)にならないために
Web コンテンツに、より高度で複雑な機能を求められる昨今、jQuery のような外部の JavaScript ライブラリを利用しない Web サイトはほとんどないでしょう。 たしかにそれらは汎用性が高く再利用が可能なので、さまざまな機能を自分で実装する必要はなく、工数を圧縮し開発生産性を高めることができます。...
View Article[お知らせ]当ブログ過去記事がうまく表示されない問題につきまして
当ブログをご覧になっていただきありがとうございます。 過去のブログのページに関し、一部 iframe の抜けやレイアウト崩れが発生している場合があります。これは、少し前にブログの CMS が変更になったためです。 お使いになられているブラウザーなどの問題ではありませんのでご安心ください。...
View ArticleClik here to view.
Windows 10 Anniversary Update における Microsoft Edge の新機能
Windows 10 が公開されてちょうど一年、Windows 10 の無償アップグレード期間が終了したのと入れ替わるように本日 (2016/8/3 日本時間) Windows 10 Anniversary Update が公開されました。 この Windows 10 Anniversary Update では、Windows 10...
View ArticleClik here to view.
2016 11/1, 2 Microsoft TechSummit 開催
マイクロソフトの IT Pro 向けのイベント Microsoft Ignite の日本版 Microsoft TechSummit が 11 月の 1 日、2 日にヒルトンお台場で開催されます。 ただ今、早期割引実施中です。 お申込みはこちらから。 ちなみに私は IT Pro 向けのイベントにもかかわらず Edge...
View ArticleClik here to view.
Microsoft Edge 拡張の作り方:browserAction 編
前回の記事で Microsoft Edge の拡張の作り方を紹介してからずいぶん間があいてしまいましたが今回から数回に別けて続きをお送りします。 前回の記事では、サンプルとして Web コンテンツ上でマウスの右ボタンをクリックした際に表示されるコンテキストメニューに独自のメニューを追加する機能の作成方法について紹介しました。...
View Article