Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

開発

プラットフォームの状態 - 2016年8月4日の変更

変更がありましたので書きました。 いつもの参照元 dev.windows.com 前回調べた日付は7月21日です。

Microsoft Edge で Touch-action: pan-up pan-down pan-left pan-right CSS properties が検討中のステータスに

Chrome で実装途中の機能が Edge で検討中になりました。 参照元 developer.microsoft.com パンアップ、パンダウン、パンレフト、パンライトの CSSタッチアクションプロパティを固有の操作方向での処理を追加させます。 恐らくこちらは Pointer Events の仕…

CSS の transform: rotate() 動作を IE11、Edge、Chrome、Firefox で比べてみる

CSS のアニメーションの動作情報を取得できないので見た目で比べています。 検証機 Windows 10 Pro Build 10586.494 Core i7-3610QM GeForce GT 650M Memory 16GB ScreenToGif 2 でキャプチャ。 本題 左から IE11、Edge、Chrome、Firefox の順で2周後ループ…

プラットフォームの状態 - 2016年7月21日の変更

久しぶりに変更がありました。 いつもの参照元 dev.windows.com 前回調べた日付は6月20日です。

Microsoft Edge の開発者向け設定 (Windows 10 / 10 Mobile Anniversary Update)

ほぼ確定だと思われるので記事を書きました。 以前、デフォルトでオンになっていた設定の機能が標準機能となっている模様です。 開発者向けの設定を見る Microsoft Edge のアドレスバーに about:flags を入力すると、 開発者向けの設定項目が表示されます。 …

Web アプリの進歩

Microsoft Edge Developer Blog で Progressive Web Apps についての記事が掲載されました。 今回もかなりざっくり解説です。 いつもの参照元 https://blogs.windows.com/msedgedev/2016/07/08/the-progress-of-web-apps/ 今回の内容 Manifold.js 使用したHo…

グローバルで使用するクラスのお話 for JavaScript [修正]

コメントでご指摘いただき修正しました JavaScript のクラスは扱い的に関数のようです。 ですが、関数とは異なり const や let のように変更ができません。 (確か仕様でも const、let と同じくくりだったはず) その為か、同じスコープ内にある同名のクラス…

プラットフォームの状態 - 2016年6月20日の変更

いつもの参照元 dev.windows.com 前回調べた日付は6月9日です。

Safari 10.0 の新機能

こちらの要約 developer.apple.com 開発中なので今後変更があるかもしれません。 また、訳が間違っていたらすみません。 Web API IndexedDB W3C の仕様を完全にサポート。 オフライン作業、クライアントでデータキャッシュを大量に必要とする場合などの Web …

Microsoft Edge の WebGL GLSL トランスパイラーがオープンソースになりました

Microsoft Edge Dev Blog の記事を要約。 いつもの参照元 blogs.windows.com MicrosoftEdge WebGL GitHub のリポジトリ github.com GLSL::HLSL transpiler とは? Web ページで使用している WebGL の 3D コンテンツのレンダリングは GPU を使用しており、 現…

プラットフォームの状態 - 2016年6月9日の変更

いつもの参照元 https://dev.windows.com/ja-jp/microsoft-edge/platform/status/dev.windows.com 前回調べた日付は5月16日です。

Microsoft Edge の Speech Synthesis API

Microsoft Edge Dev Blog に Speech Synthesis API の記事が掲載されました。 blogs.windows.com 以前、この blog 記事にしたものと近しいものです。 Microsoft Edge で Web Speech API の Synthesis(音声合成)が開発中に - Browser

Microsoft Edge で Modules を使ってみる

現状、実装途中ですが調べたついでに書き留めています。 まずは注意点 実装途中ですので動かないものがあります。

Microsoft Edge で Fetch API を使ってみる

以前は Blob などバイナリ系の Fetch を行うと Promise の catch すら通りませんでしたが、Build 14342 でエラーが無く実行できるようになりました。 Fetch API とは? ウェブプラットフォームにおける fetch 処理を統一化するため生まれたらしい。 ちなみに…

プラットフォームの状態 - 2016年5月16日の変更

いつもの参照元 https://dev.windows.com/ja-jp/microsoft-edge/platform/status/dev.windows.com 前回調べた日付は4月25日です。

Google Chrome で Async / Await 関数が開発中になりました

Google Chrome で Async / Await 関数が開発中になりました。 Issue 4483 - v8 - Feature Request: Support async/await functions - Monorail Pointer Events と同様に Microsoft のブラウザが導入した機能を Chrome でも取り入れられた形となります。 Edge…

プラットフォームの状態 - 2016年4月25日の変更

いつもの参照元 https://dev.windows.com/ja-jp/microsoft-edge/platform/status/dev.windows.com 前回調べた日付は4月4日です。 今回からできるだけ OS の Build が変更された時に更新していこうと思います。

Microsoft Edge on Win 10 Preview (14.14316) ヴァーチャルマシンのディスクイメージが出ている

Microsoft Edge on Win 10 Preview (14.14316) ヴァーチャルマシンのディスクイメージが出てますので いつものダウンロード場所を紹介。 Virtual Machine (VM), Windows Virtual PC & BrowserStack 対応 OS とプラットフォーム Platforn Windows Mac Linux V…

Microsoft Edge で Web Payments を試す(Windows 10 Insider Build 14316)

Web Payments API の仕様が変更されました。 修正したサンプル https://github.com/ToshihiroGoto/WebPayments/blob/gh-pages/index.html そのため、以下のサンプルでは動作しません。 Insider Build 14316 で使用可能になったため、以前のビルドでは動作し…

Microsoft Edge で Web Notifications を試す

他のブラウザで実装済みの機能がやっと試せるようになりました。 Insider Build 14316 以前では動作しません。 また、動作を試す際はローカル環境では動作しないため、ローカルサーバーかサイトに置いて試す必要があります。 動作 サイトが実行する Web Noti…

Microsoft Edge の開発者向け設定 (Windows 10 / 10 Mobile Build 10586)

開発者向け設定のことについて詳しく触れていなかったので改めて。 ひとまず、Build 10240 については今閲覧できる端末がないためスキップします。 開発者向けの設定を見る Microsoft Edge のアドレスバーに about:flags を入力すると、 開発者向けの設定項…

プラットフォームの状態 - 2016年4月の変更

いつもの参照元 https://dev.windows.com/ja-jp/microsoft-edge/platform/status/dev.windows.com 前回調べた日付は3月1日です。

Microsoft Edge で Array.prototype.includes が実装された(Build 14925)

配列に指定した値が含まれているか調べるメソッドの Array.prototype.includes。 いきなり検討中のステータスからプレビューに変更されました。 Windows 10 / 10 Mobile などで使用できます。 使い方 var a = [1,2,3] a.includes( 3 ) // true 第二引数で開…

Google Chrome で MSEdge Extensions Preview の Microsoft Translator (v0.9.8) を動くようにする

参照元 bav0.com ちなみに、拡張機能のファイルが自己解凍の EXE ファイルになっているため、素の Mac OSX では試すことができません。 やり方 拡張機能のファイルの入手 Microsoft Edge Dev のページ、Developer Resources から Microsoft Translator の拡…

Microsoft Edge が実装を始めているらしい WebAssembly

Google Chrome Canary や Firefox Nightly で WebAssembly の開発・実装が始まったらしいのですが、Edge の方でも開発が行われている模様。 Microsoft Edge の WebAssembly で Unity(WebGL)のサンプル AngryBots を試している様子。 youtu.be WebAssembly …

Microsoft Edge の検討中でプライオリティが高(High)になっているもの - 2016/03/14 版

Shadow DOM DOM ツリーと Shadow サブツリーの間に、通常の DOM 操作ではアクセスできない状態をつくり、 DOM ツリーの機能の抽象化しタグのコンポーネント化を担う。 Push API Web アプリケーションがサーバからプッシュ通知を受信できるようにする Service…

HoloLens のドキュメントを見てみた - Understanding HoloLens 編

一応、HoloLens で Microsoft Edge が使えたり、JavaScript 版 UWP アプリが動くようなので調べてみた。 結構、ドキュメントが長いので、いつかもっとコンパクトにまとめたい。 HoloLens のドキュメント Windows Holographic - Documentation 今回は以下の6…

Microsoft Edge で Opus Audio Codec のサポートが開発段階に

非可逆音声圧縮なオープンフォーマット、Opus Audio Codec のステータスが開発中になりました。 dev.windows.com Opus への対応は WebRTC の実行には必要不可欠とのことで、Web 版 Skype など音声を使ったサービスで使用できるようにしたいのだと思われます…

プラットフォームの状態 - 2016年3月の変更

いつもの参照元 dev.windows.com 前回調べた日付は2月5日です。

プラットフォームの状態 - 2016年2月の変更 その2

いつもの参照元 dev.windows.com 昨日のものにネットワーク関係のものが追加されました。 前回調べた日付は2月4日です。

2016年、開発者の Microsoft Edge

参照元 Looking ahead: Microsoft Edge for developers in 2016 blogs.windows.com 今回も、かなりざっくり訳

Microsoft Edge でローカルホストにアクセスできない問題を解決する

困っている方がいたようなので記事にしました。 現状、初期状態ではアドレスバーに http://localhost や IP を入力してもローカルホストへのアクセスはできません。 開発者向け設定からローカルホストへのアクセスを許可する必要があります。

プラットフォームの状態 - 2016年1月の変更

いつもの参照元 dev.windows.com 記事を書くのを忘れていました。 前回調べた日付は12月3日です。

Platform Status 12月の変更

前回調べた日付は11月1日ですが、今月の変更はありません。もうすぐホリデーシーズンに入る為、今年の更新はないと思われます。 一応、いつも参照している場所のご紹介 今年もわずかですので、Blog 開始付近から機能がプレビューになっていく過程を表にしま…

Asm.js は Build 10586 で正式サポート

いつも通り Microsoft Edge Dev Blog から参照 blogs.windows.com Microsoft Edge HTML 13 からサポートされており、本日提供開始された Windows 10 Mobile build 10586.11 でも about:flags で設定せずにデフォルトで動作します。 Asm.js は JavaScript の…

Microsoft Edge の機能を調べてみた - Template Strings 編

複数行文字列や文字列内挿機能をするための文字列リテラルで、 「`」バッククォート(フランス語のアクサン・グラーヴ)を使用します。日本語キーボードでは Shift + @ キー で入力することができます。 バッククォート「`」を使って改行を含む文字列を表示…

JavaScript 版 Univeral Windows Platform アプリでフルスクリーンができない(ランタイムを使えばできる)

以前つくった Fullscreen API を使用したページ https://toshihirogoto.github.io/fullscreen-api フルスクリーンについて気になったので以前つくったページを Hosted Web App にしてみたら、案の定、ウインドウ内でしか広がらなかった。 こちらもフィードバ…

Microsoft Edge の機能を調べてみた - Default Parameter 編

関数の引数に初期値を設定することができる機能です。現状はアドレスバー「about:flags」入力後の「試験的な JavaScript 機能を有効にする」をチェックを入れないと動作しません。 通常の関数 デフォルトパラメーターを入れた関数 通常は test() が undefine…

Microsoft Edge の機能を調べてみた - Destructuring 編

Destructuring、直訳すると非構造化ですが、Edge では配列などの代入方法の拡張と考えてよいと思われます。 Windows 10 Insider Preview Build 10532 以降で使用可能。現状はアドレスバー「about:flags」入力後の「試験的な JavaScript 機能を有効にする」を…

Microsoft Edge の機能を調べてみた - Spread / Rest Parameters 編

Rest Parameters は引数に可変長のパラメーターを与える構文で、Spread はその構文を配列の添え字として使うことができます。共に Windows 10 から対応。 Spread 配列を「...変数名」で展開し代入ができます Rest Parameters arguments と同様な働きをし Spr…

dev.modern.ie が Windows デベロッパー センターに移動しました

dev.modern.ie の内容が Windows デベロッパー センターのメニューにある「ドキュメント」の「Microsoft Edge」に移動しました。 また、Edge のトップページも変更されています。 URL は以下のものとなり、dev.modern.ie にアクセスした場合こちらにリダイレ…

Platform Status 11月の変更

いつもの参照元 前回調べた日付は10月5日です。 プレビュー ビルド になったもの CSS initial valueCSS unset value 開発中になったもの 今回はありません 検討中になったもの FindText APIWeb NFC API まとめ Web NFC 以外は以前の記事で紹介済み。Microsof…

UWP アプリの XAML 版と JavaScript 版で Media Transporter Controls のデザインと機能が違って困っている

以下の画像のとおり、JavaScript 版は Windows 8/8.1 の UI のままです。 JavaScript 版は動画のフルスクリーン化はもちろん、スクリーンキャストも使えない。動画のフルスクリーン化は body 要素内で 100% にしているため、video 要素の width と height を…

Media Source Extensions と Encrypted Media Extensions

Microsoft Edge Dev Blog からEncrypted Media Extensions 使い複数のコンテンツ保護されたメディアを適切に扱うための記事(英語) Media Source Extensions (MSE) と Encrypted Media Extensions (EME) についてはまだ仕様策定中で、プレフィックス付きで…

iOS で CSS Scroll Snap Points が動作していない気がする

Safari 9 で Scroll Snap Points が対応されましたがiOS で動作してません。9.1 でも同様だそうです。 iOS 公式ドキュメント https://developer.apple.com/library/ios/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/T…

Windows 10 の Microsoft Edge の CSS の値 heighlight がアクセントカラーと同じ色にならない

特に困ることでもないのですが表題の現象が起こっています。8.1 の IE 11 でも起こっているので既知の現象です。 現象 Windows 10 の Microsoft Edge の heighlight がアクセントカラーと異なり青色固定となっています。 確認サンプル highlight の値はネイ…

Microsoft Edge 「プラットフォームの状態」の検討中に FindText API が追加

FindText API のステータス FindText API は W3C Editor's Draft な状態 FindText API ブラウザの文字列検索を API として持ってきたような形で文字の数や document.querySelector("p:nth-of-type(5)") 等で適応範囲決めて文字検索ができるようです。 便利そ…

dev.modern.ie のデモページ 10月の更新

Internet Explorer の機能紹介ページだった IE Test Drive が dev.modern.ie ができた際に統合されました。Microsoft Edge 用の機能紹介ページです。 そこから、10月分の更新。 img 要素の srcset、sizes 属性や picture 要素のデモ Utilization of responsi…

Microsoft Edge の変更ログ - Windows 10 Insider Preview Build 10565 (追加修正)

いつもの参照元 EdgeHTML の変更 他のブラウザで実装されている CSS の initial と unset の値が使えるようになりました。 Microsoft Edge の変更 タブのプレビュー 噂通りタブをマウスでロールオーバーさせるとプレビューが表示されるようになりました。 お…

Windows 10 Build 10547 の Microsoft Edge で Subclassing が使用可能になっている?

自分の解釈に間違いがなければ、ここで言う Subclassing は JavaScript の最初から組み込まれているビルトインの型などをサブクラス化することを指します。 ステータスは現在開発中 JavaScript の Subclassing はどのブラウザもまだ完全に実装されていません…

スポンサーリンク