Windows 10 Creators Update に搭載される Edge の新機能

会社の大きなトランスフォーメーションの波にのまれ、私もチームが変わり、本家 Microsoft Edge Dev Blog の記事を訳すのがやっとというありさまで、すっかりこちらの更新がご無沙汰となってしまっておりました。(なんと!、こちらのブログには今年初の投稿です) 今回の記事では 4 月 11 日 (2017 年) からの配布がアナウンスされている Windows 10 Creators Update に搭載される Edge の新機能について紹介します。 Windows 10 Creators Update は、Windows 10 更新アシスタントを利用した手動アップグレードが 4 月 5 日(米国時間) から可能だそうなので、配布が待ちきれない人はそちらから入手していちはやくお試しになるのも良いでしょう。 今回も皆様のフィードバッグからさまざまな機能追加や修正がなされています。 もちろん、某 Faceb〇〇k に投稿する際に入力文字のお化けが出てしまう件も修正されています。(開発メンバーが「fix it」、と言っていたし、私の手元でも今のところ問題が発生していないので、修正されていることと思います。) この場をかりて、さまざまなフィードバックをいただいたすべての皆様に感謝いたします。 Windows 10 Creators Update での Microsoft Edge の新機能 Windows 10 Creators Update で追加される新機能はたくさんありますが、ユーザーが触れるところから、ということで UI があるところから紹介していきましょう。 タブ機能の強化…

0

de:code2016セッション「モダン Web: たった今と、ほんの少し未来の話」フォローアップ

de:code 2016、2 日めのセッション ARC-003「モダン Web: たった今と、ほんの少し未来の話」 にお越しくださいました皆さま、ありがとうございました。 そうとう気合いを入れて資料を作ったものの、セッションのビデオを見たら私の喋りがイマイチ(ほんとはイマサンくらい) だったので、猛省して内容を記事にまとめました。 なお、このセッションについては、HTML5 Experts.jp に、以下の驚くほど詳細な記事が載っており、概要であれば同記事で充分と思いますが、 モダンWeb:たった今と、ほんの少し未来のはなし~「de:code 2016」セッションレポート~ このブログの記事では、セッションでは語れなかった内容もふくめて書いていきたいと思います。 なお、デモでお見せした promise, async/await, generator/yield を使用した非同期制御については、後日別記事で紹介させていただきます。   モダン Web: たった今と、ほんの少し未来の話 この記事は、今現在、巷で言われている「モダン Web」、なかでも「モダンな Web アプリケーション」というものがどういうものであるか、また、今後一般的になるであろう「Web アプリケーションの技術的コンセプト」のいくつかを紹介するものです。 「モダン Web」 とは? 「モダン Web」 とはなんでしょう? 数年ほど前からいろいろなところで、この「モダン Web」というキーワードを耳にするようになりましたが、話されている内容というのは人によりまちまちであることが多いようです。 これはなにも話している人がそれぞれに勝手なことを言っているわけではなく、「モダン Web」で括れる範囲がそれだけ広いからに他なりません。 たとえば、一口に「モダン Web」と言っても、Web のフロントエンドからサーバーサイドのバックエンドまでを含めた「モダンな Web システム」のことの場合もあれば、最新の JavaScript のフレームワークや altJS、 プリプロセッサやタスクランナーといった様々なツールを組み合わせて作業を行う「モダンな Web フロントエンドの開発手法」の場合もあり、かと思えば、次々とやむことなく追加されていく「モダンWeb ブラウザーの新機能」を使用していることをさす場合もあります。 この記事では、「モダンな Web アプリケーション」というものがどういうものであるか、また、そういったアプリケーションを開発するのに必要な「モダンな Web…

0

Facebook や Twitter で紹介した、開発に役に立ちそうなリンク集(2015年 4 月~6月編)

Twitter(@osamum_MS) でシェアした開発に役立ちそうなリンクなどを毎月紹介する予定だったのですが、業務との兼ね合いなどから前回のまとめから 3 ヵ月も経ってしまいました。 昨今は、数年前とは比較にならないくらいに技術の刷新が早く、接する情報も増えておりますので私自身の忘備録も兼ねております。 皆様のお役に立てれば幸いでございます。   Web 制作全般 今すぐ Web 技術のスゴさを体験できる「神サイト7選」があまりにも楽し過ぎ! 「神サイト」って、大げさだなと思っていたのですが、実際にすごいのでぜひ見てみることをお勧めします。 Announcing Azure Media Player Azure Media Player。HTML5 のMSE/EME使ってて、それらが使用できないデバイスでは Flash or Sileverlight にフォールバックしてくれるらしいです。使い方も載っているので、配信な方はぜひお試しを。 Web パフォーマンス改善企画(解析編) 実際に動作しているサイトをパフォーマンス分析していていろいろ勉強になりますね。オススメ 2015年、Web 制作者が押さえておきたい CSS の各種リセット、 アニメーション、フレームワーク、アイコンのまとめ こういうのって日々革新されていきますからね。がんばって追いかけていきたいと思います。 知らなかったでは済まされない!Web に関連する法律まとめ Twitterも含めWebにテキストを出す人は見ておいたほうが良いと思う。たまに、そんなこと書いてだいじょうぶかよ?、ってのあるものね HTML5 を使ったシンプルな 2D ゲームの作り方(序) ゲームを作りながらHTML5の機能を紹介するハンズオンを、ブログを書くついでに作成しようかと。作成するゲームを実際に試せますよ。GW前にはこそこその量を完成させたいなー。 Build 2015 | Channel9 Tag: Web Platform Build2015で行われたWeb関連のセッションストリーミングはここで一覧が見れますよん。新しいブラウザからJavaScriptのチューニング、Cordovaを使ったクロスプラットフォーム開発まで幅広く網羅されてますね。 Web のパフォーマンスモデル「RAIL」とは何か? うふふ、なんだと思う? (勉強になった!) Web…

0

Buid2015 で発表された edge 以外の Web 技術について (2/2)

前回の記事に引き続き、6 月 13 日 (土) に行われた <htmlday> HTML5オールスターズ勉強会 で登壇させていただきました、セッション『Edge だけじゃない! build 2015 で発表されたそれ以外の Web 関連技術まとめ』の内容を紹介する記事になります。 Edge だけじゃない! build 2015 で発表された それ以外の Web 関連技術まとめ from Osamu Monoe 前回の記事では、米国のイベント build2015 の紹介と、同イベントで発表された Web 関連を除いた注目技術について紹介しました。今回は、ようやく「Web ブラウザー以外の」Web に関連する技術について紹介します。 具体的には以下のものを紹介します。 Visual Studio Code Vorlon.js Hosted Web Apps manifoldJS   Visual Studio Code Visual Studio Code は、新しいコードエディタです。コードエディタとは、文字通りプログラムコードをコーディングするためのエディターツールです。 マイクロソフトの製品といえば、インストール対象となる OS が、いままでほとんどのものが Windows であることが前提となっていましたが、Visual…

0

HTML5 を使ったシンプルな 2 D ゲームの作り方 (画像のロード)

2 回前の記事から、去年末に出演した schoo (スクー) さんの授業で使用したサンプルアプリをもとにした、HTML5 を使ったシンプルな 2 D ゲームの作り方を紹介しています。どんなゲームを作るのかは 1 回目の記事の中に実際に動作するゲームが埋め込んであるのでぜひ遊んでみてください。 HTML5 を使ったシンプルな 2 D ゲームの作り方(序) HTML5 を使ったシンプルな 2 D ゲームの作り方(準備編) さて、前回は Visual Studio 2013 でのプロジェクトの作成と必要なファイルの追加方法などを説明しましたが、3 回目となる今回は、いよいよ HTML タグと JavaScript コードを記述していきます。 Visual Studio でのプロジェクトの作成やファイルの追加、ゲームで使用する画像の入手が済んでいない方は、2 回目の記事の内容に従い準備を行ってください。   Canvas のタグの記述 実際のゲームを描画して動かすための Canvas タグを body 内に記述します。 Visual Studio ではコードスニペットという機能により canvas とタイプし、キーボードの [Tab] キーを押下するだけで canvas タグが追加されます。 続けて属性を追加します。以下の各属性を設定してください。 属性 値…

0

Facebook や Twitter で紹介した、開発に役に立ちそうなリンク集(2015年 1 月~3月編)

Facebook や Twitter(@osamum_MS) でシェアした開発に役立ちそうなリンクなどを毎月紹介する予定だったのですが、業務との兼ね合いなどから前回のまとめから 3 ヵ月も経ってしまいました。 昨今は、数年前とは比較にならないくらいに技術の刷新が早く、接する情報も増えておりますので私自身の忘備録も兼ねております。 皆様のお役に立てれば幸いでございます。   Web 制作全版 ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0   最近、「アクセシビリティ」という言葉をちらほら眼にするようになったので、こういうものがあるということだけでも覚えておくといいかも。 History of the user-agent string   ほうほう、これはまた資料性がありそう。 今どきの Web サイト制作が楽になる! すごい無料 HTML テンプレート素材 25 個まとめ   JavaScript のフレームワークとか CSS のフレームワークがアツいけど HTML のテンプレートってあんまり聞かないけどどうなんだろう? いま Web サイトを作るときにおさえておきたい10のこと(2015年版)   いままで internet Explorer 向けに Web を作ってたのに突然 Web 標準とかクロスブラウザとか言われても困る、そんな人たちのために心を込めて書きました。溢れるテキストと愛を君に。 Web制作者はチェックしておきたい、 面白いアイデアを使った最近のWebサイトのまとめ -2015年2月   アイディアだけでも参考になりますね。それにしてもコスリさんって毎度おもしろいネタ見つけてくるよなー。すごいなー。…

0

いま Web サイトを作るときにおさえておきたい10のこと(2015年版)

Internet Explorer は、バージョン 9 から Web 標準準拠へと舵を向けました。 Internet Explorer 9、Internet Explorer 10 と、2 つのバージョンを経て、最新の Internet Explorer では、他のモダンブラウザと比較しても顕色のない Web 標準ブラウザーとなっています。 そのため、それまでの長い間 Internet Explorer で Web システムを作成してきた企業のお客様にも、これから Web システム作成される際には、 Web 標準に準拠するようにお願いするわけですが、多くのお客様から「それってどうやんの?」というご質問をいただきます。 W3C と ECMA の仕様に合致したマークアップとコードを書くだけであれば、バリデーションツールを使って検証しながらそれらを記述していけば良いのですが、ご存じのとおりそれだけでは実際の使用に耐えるものはまず出来上りません。 上記の点を鑑み、今回は、Web 標準に準拠し、かつ複数のモダンブラウザと互換が取れ、モバイルデバイスにも対応した Web ページをどのように作成していくか、最低限おさえておきたい件について 10 のポイントにまとめてみました。 「はじめて作る人にもわかるように」ということで、なかり初歩的で当たり前なものも含めているので、本職の人は おさらいと思ってご覧いただければと思います。   そのまえに : クロスブラウザー、スマートフォン対応の Web サイトを、低コストでもっとも簡単に実現する方法   Web 標準準拠はともかくとして、各 Web ブラウザーとの互換がとれ、スマートフォンにも対応した Web サイトを手っ取り早く作るには CMS…

1

Internet Explorer クロニクル~愛と憎しみの Internet Explorer 6~

新年、あけましておめでとうございます。 今年 2015 年は新しい Windows や、それに搭載される新しい Internet Explorer、さらに熟成の進んだ Visual Studio が登場してくるなど、非常に楽しみが多い年です。 本年もひきつづき、皆様の役に立ちそうなテーマをブログで取り上げていきたいと思いますので、何卒よろしくお願いします。 さて、今回は、Internet Explorer の歴史について誕生から Internet Explorer 6 登場までの時期をメインに、当時の他のブラウザーの状況も含めて簡単に紹介していきたいと思います。 「なんでいまごろ IE6 の記事?」と思われるかもしれませんが、以下のような背景があります。   幻の Internet Explorer 6 お別れイベント 去年の春ごろ、Code IQ MAGAZINE さんに「愛と憎しみの IE6 ── 当時のIE開発者と現開発者が本音と思い出を語り合う(前編)(後編)」というインタビュー記事を公開していただきました。じつはこの件、当初はインタビュー記事の予定ではなく、「愛と憎しみの Internet Explorer 6」というイベントを行う予定でした。 Internet Explorer 6 は、去年 (2014) の 4 月 8 日で、Windows XP のサポート終了とともにその長いサポート期間を終了したわけですが、偶然にも、その翌日の 4 月 9 日のマイクロソフト品川オフィスのセミナールームのスケジュールを、まる一日担当者からいただきました。これは運命と思い、「愛と憎しみの Internet…

0

Web 製作者のための Visual Studio Community 2013 インストールガイド

先月 (2014 年 11 月) 行われたマイクロソフトの開発者向けイベント Connect(); で発表があったとおり、有償製品である Visual Studio Professional と同等の機能をもった無償(※)の Visual Studio Community 2013 が即日公開されました。 (※)企業での使用は制限付きとなります。詳しくは以下のページの「Visual Studio Community FAQ」の項をご参照ください。 http://www.microsoft.com/ja-jp/dev/products/community.aspx 開発製品スイートである Visual Studio は、サーバーサイドを含めた強力な Web 開発の機能を持っており、それら機能を提供するツールは、純粋な Web のフロントエンド開発にも利用することができます。 今回の記事では、Visual Studio Community 2013 の入手とインストール方法、Web 製作の役に立つプラグインについて紹介します。 Visual Studio Community は、以前からある Express とは異なり、さまざまな制限が解除されているため HTML + JavaScript を使用する開発者の可能性を Web ブラウザーの外へと押し広げてくれることでしょう。   これまでの無償版 Express との違い Visual Studio の無償のエディションとしては、以前から…

1

Facebook や Twitter で紹介した、開発に役に立ちそうなリンク集(2014年 8~9月編)

Facebook や Twitter(@osamum_MS) で、せっかく開発に役立ちそうなリンクを紹介しているものの、時間の経過とともに流れてしまって目に留まらないのは勿体ないので(じつは、自分であとで参照しようとしてリンクを探し回るハメになるので)、ある程度たまったらここにまとめていきたいと思います。 なお、リンク先はさまざまにサイトにわたるので、時間の経過とともにリンク切れになるかもしれませんが、何卒ご了承くださいませ。   Internet Explorer 編 IE9 以前に作られたコンテンツを最新のIEで表示した際に、表示がずれるなどの問題が発生する場合に確認して欲しい内容。 IE デベロッパーセンター CSS とレイアウトの互換性の変更点 http://msdn.microsoft.com/ja-jp/library/ie/dn467849(v=vs.85).aspx InternetExplorer 9 以降の IE で、以前のIE用ページの文字がズレる場合は、こちらに書かれている方法をお試しあれ。 Japan IE Support Team Blog – Internet Explorer 11 における文字列表示の変更点について http://blogs.technet.com/b/jpieblog/archive/2014/02/14/3622887.aspx Windowsドメイン上のマシンの様々なインベントリデータが取得できるツール。これを使用するとどのマシンがどんな環境になっているか一覧でわかる Microsoft Assessment and Planning Toolkit http://www.microsoft.com/en-us/download/details.aspx?id=7826 これから社内に Internet Explorer 11 を展開する人はこちらをご覧あれ Internet Explorer 11 (IE11) – IT 担当者向け展開ガイド http://technet.microsoft.com/ja-jp/library/dn338135.aspx Internet Explorer の…

0