Windows 10 October 2018 Update に搭載されたMicrosoft Edge(EdgeHTML 18)の新機能

10 月 3 日に Windows 10 October 2018 Update が公開されました。 このアップデートは Windows Update により順番に配信されていきますが、Update Assistant を使用した手動でのアップデートも可能ですので配信が待ちきれないという方はこちらこちらを利用してぜひ最新の Windows 10 と Microsoft Edge をご体験ください。 今回の記事では、この Windows 10 October 2018 Update に含まれる Microsoft Edge の新機能について「ユーザーインターフェース編」と「Web プラットフォーム編」という 2 つの観点で紹介します。 ユーザーインターフェース編 ユーザーが操作可能な、UI を持ったアプリケーションとしての Edge の新機能について紹介します。 Microsoft Edge Development のChange Logの内容と比較すると、Insider Preview からいくつかドロップした機能があるようです。 以下は Windows 10 October 2018 Update の Microsoft…


de:code2018セッションフォローアップ「進化する Web ~ Progressive Web Apps の実装と応用 ~」

ひさびさにブログを書く時間が取れたので、今ごろですが de:code 2018 で私が担当した AD09「進化する Web ~ Progressive Web Apps の実装と応用 ~」のについてのフォローアップ記事を書きます。 二日目の最終セッションにもかかわらず、ご参加くださいました皆様、誠にありがとうございました。 アンケートの内容を見るに、多くの方にご満足いただけたようで非常にうれしく思います。 この記事では、同セッションの内容について記述していきます。 進化する Web ~ Progressive Web Apps の実装と応用 ~ 進化する Web ~ Progressive Web Apps の実装と応用 ~ from Osamu Monoe この記事では、昨今話題に上ることが多い PWA こと Progressive Web アプリケーションについて、実際の作り方を解説しながら、それがいったいどういったものであるかを詳(つまび)らかに紹介することを目的としています。 Web では、「ネイティブアプリと同じことができる」、「ネイティブアプリを置き換える」など、期待に胸を膨らませずにいられない浪漫に満ちた噂がありますが、それが本当かどうか記事をご覧いただくとご理解いただけると思います。 Progressive Web Apps のつくり方を紹介する前に、簡単に概要を紹介しましょう。 Progressive Web Apps とは? Progressive Web Apps (以下 PWA…


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

社内の大きなトランスフォーメーションにより所属が変わり、直接 Edge には関わらなくなってしまいましたが、できるかぎり Edge の情報をお伝えしていきますよ、ということで 10 月 17 日 (日本では 18日) から提供されている Windows 10 Fall Creators Update に搭載される Edge の新機能について紹介します。 Windows Fall Creator Update とは? Windows 10 に対して行われる年 2 回の機能アップデートのうちのひとつです。 Windows Blog の記事によれば「September and March of each year」となっていますが今は 10月の半ばです。不思議ですネ。 今回の Windows Fall Creator Update で提供される新機能は以下のページで紹介されておりますのでぜひご覧ください。 新しい Windows 10 Creators Update と機能 この記事では Windows 10 Fall…


Node.js ではじめる Bot 開発 (基本編)

hNode.js と Microsoft Bot Framework を使用した Bot 開発について紹介します。 同様の内容は、既に VAL 研究所の丸山さんが、ほほ完璧な記事をブログに公開していますので、サクッと開発して Azure のデプロイして Web に公開したい方はぜひこちらを参考にしてください。 Microsoft Bot Framework、Azureを利用したBot開発!Bot作成からWeb上で公開するまで 私のほうはツールの使い方やデバッグの方法など交えつつ書いていきたいと思います。 Microsoft Bot Framework とは Microsoft Bot Framework は Chat Bot を効率よく開発するためのフレームワークです。 プログラムコードから利用する Bot Developer SDK と、さまざまなメッセージングサービスに Bot を公開するための Bot Connector、Bing や Cortana などから利用できる Bot Directory で構成されています。 Bot Framework を使用するメリット Bot Framework を使用するメリットは、SDK が用意されているので Bot のインターフェースや仕組みをわざわざ自分で開発しなくても良い、というのはもちろんですが、なんと言っても、Bot をひとつ作れば、Facebook…


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 があるところから紹介していきましょう。 タブ機能の強化…

1

Microsoft HoloJS とは?

  Microsoft の GitHub リポジトリに突如として現れた Microsoft HoloJS について簡単に紹介しましょう。 HoloJS という名前から一般的な Web ブラウザーで動作する JavaScript のライブラリを連想した人も多いかもしれませんが、残念ながらこれは Universal Windows Platform (UWP) アプリを開発するためのフレームワークです。したがって Web コンテンツの作成には使用できませんし、Windows 10 でしか動作しません。 Windows 10 がお手元ない人はダウンロードして環境を作るか、いっそあきらめて WebVR (※)の勉強でもすると良いでしょう。(※WebVR は Edge も対応すべく絶賛開発中ですので、2017 年中には WebVR がそれなりに使える環境も整ってくるでしょう。) HoloJS とは HoloJS は、JavaScript と WebGL を使用して UWP アプリケーションを作成するためのフレームワークです。 HoloJS は、JavaScript コードを実行するための Chakra をホストする C++ ライブラリであり、また、 OpenGL ES のグラフィックスの呼び出しを処理するための ANGLE をホストしています。OpenGL…


Microsoft Edge Dev Blog の翻訳記事を Microsoft Edge Japan ブログで公開します。

  会社の大きなトランスフォーメーションの波にのまれてすっかり宙に浮いた状態になってしまっていた Microsoft Edge Japan ブログですが、Windows の PM (ブラウザーの専任 PM は日本のポジションからなくなってしまったので) に許可をとり、私のほうで本社の Edge 開発チームのブログ Microsoft Edge Dev Blog の翻訳記事をポストすることにしました。 個人での活動のため Best-effort での投稿となり、また、すべての記事ではなく、開発や運用に有用なものから優先順位をつけてポストしていくため掲載順も前後するかもしれませんが何卒よろしくお願いいたします。   翻訳について 翻訳については、最近 AI の力によって賢くなった Microsoft Translator を使用します。 (Microsoft Translator の画面)   今回、翻訳記事を載せようと思いついたのも Microsoft Translator の性能向上がきっかけです。 Microsoft Edge Dev Blog に記事がポストされるたびに、内容を把握するためにいくつかの翻訳ツールを使用して個人的に翻訳して読んでいたのですが、今回のアップデートで格段に翻訳作業が楽になり、せっかくなので記事を投稿しよう、となったわけです。 よって、翻訳記事の内容は基本的には Microsoft Translator が翻訳したものになります。 名称や言い回し等で明らかに正しくないもの、わかりづらいものについてはこちらで修正しますが、私もそれほど英語に長けているわけではないので、慣用的表現などはついては、もしかしたらとんちんかんな訳になってしまう可能性のありますが何卒ご了承くださいませ。   年末にむけていくつかの記事を Microsoft Edge Japan ブログにて公開予定ですのでどうぞお楽しみに。  …


Edge 拡張の Windows ストアへの提出 (2016年11月現在)

最近、「Edge の拡張を作ったのだけれど、Windows Store への提出方法がわからない」というお問い合わせが増えてきましたので、メモ的に書いておきましょう。 Windows ストアに Edge 拡張を提出するには? 以下、リンク先の FAQ ページの “I have an extension ready for Edge. How can I get it submitted to the store?” の回答にあるとおり、Edge 拡張については、今現在 (2016年11月)、信頼性やパフォーマンスのテレメトリーを取得したり、フィードバックを得るために意図的に小さなセットでの提供を行っており、一般の開発者からの提出はまだ受け付けていません。 Frequently Asked Questions – Microsoft Edge Development 準備が整いましたら Tech Preview などから受付が開始されると思いますので、もう少々お待ちくださいませ。 なお、どうしても先行して提出したいという場合は、以下のリンクからリクエストをあげることができます。 もし、その拡張が Edge の利便性において有用だと開発チームに判断されれば、開発チームより連絡がある、らしいです。 ‎https://aka.ms/extension-request‎‎ かような状況につき、もう少々お待ちいただければと思います。 もし、一分一秒でも早く提出可能になったことを知りたい場合は、私が感知しだいツイートしますので、私の Twitter アカウント @osamum_MS をフォローしていただければと思います。


Microsoft Edge 拡張の相互運用性

以前の記事の「拡張機能の相互運用性」 で記述したとおり Edge の拡張用 API は Microsoft、Mozilla、Opera 3 社の提案する共通のコア API をサポートしており、その API は Chrome 拡張 API を強く意識したものになっています。 したがって共通化された拡張のコア API のみを使用して拡張を作成すれば、理屈上は Edge、Chrome、Firefox、Opera といったメジャー Web ブラウザーのどれでも動作する拡張が作成できることになります。(※) (※)ただし、前述の 3 社が提案するコア API の仕様は、ブラウザベンダーが独自の API を追加することは許容されているので、そういった特定のブラウザーだげに実装されている機能については動作しない可能性があります。また、共通の API であってもすべてのブラウザーのサポートが完了していない場合はこの限りではありません。   今回の記事では Microsoft Edge の相互運用性ということで、Edge と Google Chrome の両方で使用できる拡張を作成する方法について紹介します。   マニフェストファイルにおける必須スキーマの違い 拡張の情報を Web ブラウザーに登録するためのマニフェストファイルにはわずかですが Edge とChrome で必須とするスキーマの違いがあります。 具体的には、マニフェストファイルにおいて Edge で必須となるスキーマのキーは name と author…


Microsoft Edge 拡張の作り方:contentScripts 編

前回と前回と前回の記事に引き続き、Microsoft Edge の以下のアクションの拡張を作成する方法について紹介します。 ブラウザーアクション ページアクション コンテントスクリプツ (※Edge 拡張の概要と、コンテキストメニューの実装サンプルについてはこちらの記事をご覧ください。) 今回はコンテントスクリプツ の拡張について紹介します。 コンテントスクリプツ コンテントスクリプツの拡張は、マニフェストファイルに記載されたリストにあるパターンにマッチした URL に対し、コンテンツのスクリプトファイルをロードするようブラウザに指示します。 ユーザーがその機能を呼び出すための UI は持ちません。 スクリプトファイルと URL パターンの関連付けが JavaScript コードの記述なしでできるので、簡易的なホワイト/ブラックリストを管理する拡張などが作成できます。 以降、ソースを使用して説明を行います。   コンテントスクリプツの manifest.json コンテントスクリプツの manifest.json は以下のようになります。 manifest.json のキー “content_scripts” の内容に注目してください。 “matches” キーで拡張の機能を動作させる URL を、”js” で JavaScript ファイルを指定しています。   コンテンツスクリプツで呼び出される JS ファイル コンテンツスクリプツの拡張から呼び出される JS ファイル内のコードについて、特別な記述はとくに必要ありません。 一般的な Web コンテンツ上で使用される JavaScript 構文から拡張が提供する API を呼びだすことができます。 今回のサンプルでは、URL ごとに呼び出された…