Browser

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

Microsoft Edge まとめページ

Windows

Windows 10 Build 10240 で ScreenToGif を使ってみた

前回の記事で Windows 10 で動く Edge の GIF 動画スクリーンショットを撮ろうとして Gyazo を使おうとしたら起動時にクラッシュしてしまいました。 他のものはないものかと探していたら ScreenToGif というものを発見。個人的には使いやすいです。

Microsoft Edge の使い方 (Windows 10 Build 10240)

新しいバージョンの Microsoft Edge が出ています。 browser.hatenablog.com もうそろそろ、Windows 10 の製品版が出ると思われるので Microsoft Edge の機能、操作のおさらい。 Windows 10 Insider Preview Build 10240 で調査したため最終的には振る舞いが…

Microsoft Edge で 外部からのドラッグアンドドロップが動作していない可能性 - Windows 10 Insider Preview Build 10240(追記)

Build 10565 で動作するようになりました。デスクトップから Edge、Edge からデスクトップ両方できます。ただし、Google など一部ページはサイト側の JavaScript の実装の問題で動作しません。 コンテンツ内のドラッグアンドドロップは動作しているのですが…

Microsoft Edge changelog - Windows 10 Insider Preview Build 10240

いつのも参照元 Release version 10240 [PC] : MSEdgeDevdev.modern.ie 修正点 バグ修正とパフォーマンス改善 Edge とは関係ないのですがデスクトップ に Build Number などか表記されなくなりました。 JavaScript のパフォーマンス改善とベンチマーク 参照…

Microsoft Edge キーボードショートカット - Windows 10 Insider Preview Build 10240(追記)

もうそろそろ Windows 10 の RTM が出そうなので、アプリ標準のショートカット省いた Microsoft Edge キーボードショートカットをまとめてみました。ちなみに Alt + F4 は他のアプリと振る舞いが異なります。 ウインドウ Ctrl + N 新しいウインドウを開く Ct…

ウェブサイトを Windows 10 で動く Universal Windows Platform(UWP)アプリにしてみる その2 - ネイティブ命令を実行してみる

前回 ウェブサイトを Windows 10 で動く Universal Windows Platform(UWP)アプリにしてみる - Browserbrowser.hatenablog.com 今回つくるもの ネイティブ機能を呼び出しタイトルバーに戻るボタンを付ける。 JavaScript 版の UWP アプリは C# の名前空間、…

Windows 10 SDK Preview Build 10166

SDK Build 10166 の新規作成の場合、.csproj, .jsproj, .vcxproj で Target Version や Min Version を変えなくてもよくなりました。以前の作成したプロジェクトをビルドしたい場合はブログで書いたように proj ファイルを書き換える必要があります。 Window…

Microsoft Edge changelog - Windows 10 Insider Preview Build 10166 (PC/Mobile) [追記]

参照元 <a href="http://dev.modern.ie/platform/changelog/10166-pc-tablet/" data-mce-href="http://dev.modern.ie/platform/changelog/10166-pc-tablet/">Release version 10166 [PC/Tablet] : MSEdgeDev</a>dev.modern.ie 内容 ローカルホストへのアクセスが設定可能になりデフォルトではオン アドレスバー about:flags で入力して出る開発者向け設定のページの文言がローカライズされた バグ修正 ローカ…

Windows 10 のメールアプリは WinJS (JavaScript) でつくられている可能性が高い

設定のトグルが旧 Preview 時の UI のままである為 WinJS でつくられている可能性が濃厚。 また、ウインドウリサイズ時、アダプティブレイアウトが変更された際の描画が遅く、振る舞いが WinJS でつくられた Blank のアプリに近いです。 ちなみにカレンダー…

Windows 10 SDK Preview Build 10158 で JavaScript の UWP Apps がビルドできない

下記の対処方法が書かれていますが、開発者のフラグを立てているにもかかわらずビルドできません。 Now that you have updated the project file, find the application’s Package.appxmanifest and do the following: Open that file (it should present yo…

Windows 10 Insider Preview Build 10159 - Microdsoft Edge の変更

Microsoft Edge changelog 変更がないため、以前書いたものとほとんど変わらないと思われます。 Windows 10 Insider Preview Build 10158 - Microdsoft Edge の変更 - Browserbrowser.hatenablog.com また、Microsoft Edge で Apple Music のページが正常に…

Windows 10 Insider Preview Build 10158 - Microdsoft Edge の変更

いつも通り http://dev.modern.ie/ の Change Log から参照 <a href="http://dev.modern.ie/platform/changelog/10158-pc-tablet/" data-mce-href="http://dev.modern.ie/platform/changelog/10158-pc-tablet/">Release version 10158 [PC/Tablet] : MSEdgeDev</a>dev.modern.ie 注意:今回、アプリ名変更に伴い、お気に入りの場所が変更されました。Project Spartan での…

Platform Status(旧 status.modern.ie) 6月の変更

Platform Status(旧 status.modern.ie)の変更内容前回調べた日付は5月8日です。 変更内容 ほぼ変りはありません。 検討中(Under Consideration)にHTML Form HTTP Extensions が追加されました。 現状、まだどのブラウザにも実装されていないはずので、機…

Windows 10 Insider Preview Build 10130 - Project Spartan (Microdsoft Edge) の変更

Build 10122 とほぼ変りはありません。多分、今後は全体の Bug Fix になるでしょう。 お気に入り、リーディングリスト、履歴、ダウンロード、Cortana、設定の右上にピンが付きました ピンのアイコンを押すとページ表示領域のクリック、タップやウインドウサ…

SIMD.js が Project Spartan (Microsoft Edge) で使えるらしい (Windows 10 Insider Preview build 10122)

アドレスバーに about:flags 入力、「Enable asm.js」のチェックをオンにし再起動すると SIMD.js が使えるようですね。 peterjensen さんがつくられた SIMD.js サンプル http://peterjensen.github.io/simd-asm-2/mandelbrot-asm-2.html 画像からの顔認識と…

Windows 10 の UI のフォントについて

以前、メイリオ UI と書いていましたが <a href="http://browser.hatenablog.com/entry/2015/04/23/182240" data-mce-href="http://browser.hatenablog.com/entry/2015/04/23/182240">Windows 10 Technical Preview for phones の Spartan で Meiryo UI フォントが使いたい - Browser</a>browser.hatenablog.com どうやら、Yu Gothic UI というものが使われているようです。 W…

Universal Windows Platform Apps のデザイン設計がすでに翻訳されていた

デザイン設計について Build のセッションと英語版 Web サイトの内容をまとめていたのですが、どうやら Web サイトの翻訳できている模様です。 「設計の基本」はインデックスととなるページで、「UWP アプリの概要」と「デバイスの基本情報」が概要、他はそ…

Universal Windows Platform Apps で 追加・変更された UI の見た目について

WinJS 版について。見た目に関しては他の言語版も同じだと思われます。 UWP Apps の UI については後日紹介し今回は 8 からの差分のみ紹介。 パーツ ボタン 8 は 外枠のみの矩形 + 文字 でしたが、色付き矩形 + 文字 になりました。 スライダー 矩形が角丸…

Windows 10 Insider Preview Build 10122 - Project Spartan (Microdsoft Edge) の変更

いつものところから抜粋 <a href="http://dev.modern.ie/platform/changelog/10122--desktop/" data-mce-href="http://dev.modern.ie/platform/changelog/10122--desktop/">Release version 10122 [PC/Tablet] : MSEdgeDev</a>dev.modern.ie input タグ HTML5 の input タグの type 属性 で date, week, month がデフォルトで使えるようになりました。 デフォルト 値を設定 ま…

Project Spartan (Microsoft Edge) で ローカルファイルを開きたい (Windows Insider Preview Build 10074)

修正されました browser.hatenablog.com ダブルクリックから起動 Build 10074 からは html を関連付ければダブルクリックで動くようです。ダブルクリックから開いたファイルなどの file:/// が先頭にある文字列をアドレスバーにコピーしても動作しないようで…

Project Spartan (Microsoft Edge) で BASIC 認証が動作しない (Windows Insider Preview Build 10074)

タイトル通りです。 Known Issues でも問題として挙がっていますが、FAQ でも上がっていないので今後動作するようになるかは不明です。 &lt;a href="http://dev.modern.ie/platform/changelog/10074/" data-mce-href="http://dev.modern.ie/platform/changel…

Firefox の input タグ、メイリオでの不具合

現状の Firefox で表示フォントがメイリオかつ、ページの拡大率変更した時に起こる現象。CSS の input のプロパティ line-height。これが 100% になっていると、ページを拡大縮小した場合パーセンテージによっては g などの文字のベースラインより下が一部切…

status.modern.ie 5月の変更

status.modern.ie の変更内容前回調べた日付は4月8日です。 変更内容 開発中から Preview Release へ変更 ASM.jsDefault parameterGenerators<main> elementMedia Capture and StreamsRegExp Built-ins (ES6) 検討中から開発中へ変更 Ambient Light Events 検討中</main>…

Windows 10 Insider Preview の細かすぎてわからない機能

赤枠をクリックすると Windows キー + D と同じ振る舞いをする。

Windows 10 Insider Preview Build 10074 の Project Spartan

Build 10074 では Microsoft Edge ではなく Project Spartan の名称のままです。ぱっと見た感じ、ほとんど変わりません。 改善 ローカルの html ファイルが実行できるようになりました。 どうやら来月5~6日にマウンテン・ビューで Microsoft Edge Web Summi…

Windows 10 TP の Desktop をノスタルジックにする方法

Windows の Desktop をノスタルジックにする方法のご紹介。

Windows 10 Technical Preview Build 10061 の Spartan

とりあえず、自分の Hyper-V 環境ですと OS 自体がものすごく不安定で、Spartan を含めアプリの挙動が重いです。 Spartan バージョンナンバーが変更され、Windows Phone と同じように 10 から 11 になりました。 Build NumberProject Spartan 10049 0.10.100…

Spartan でローカルファイルが開けない(Windows 10 Technical Preview Build 10049)

DNS エラーになるっぽい。 ms-appx-web: ってなってるから、Web コンパートメントから呼び込もうとしててアプリ内リソースに無いからアクセスできないみたい。 すでにフィードバックされてたんで みーちゅー ボタン押しておいた。 追記 一部解決されました。…

Internet Explorer 2015年4月のセキュリティアップデート

基本、自動更新されるはずです。 更新内容(英語)Microsoft Security Bulletin MS15-032 (3038314) また、インターネットオプション(ツールバーのツールタブ。もしくは Alt + T の一番下)詳細設定タブ SSL 3.0 がデフォルトで有効化されなくなりました。…

Spartan で CSS image-set / <img srcset> 使ってみる?(Windows 10 Technical Preview Build 10049)

CSS image-set が Preview Release になったということで試してみました。 CSS image-set とは? 今まで低,高解像度の画像や背景画像を端末別に表示するには複数のタグ、CSS を使用したり JavaScript を駆使する必要がありましたが、この機能を使うと1つのタ…

Spartan で Conditional Rules / CSS.supports() 使ってみる(Windows 10 Technical Preview Build 10049)

Spartan で Conditional Rules ( CSS.supports() ) が使用可能になったので試してみました。 各ブラウザーでの状況 http://caniuse.com/#feat=css-supports-api 現状 Sarfari / Opera Mini では非対応のようです。 使い方 こちらで "display: flex" に適応で…

status.modern.ie 4月の変更

status.modern.ie の変更内容を定期的に書いていこうと思います。前回調べた日付は3月10日です。 変更内容 Preview Release へ新規追加 ARIA Landmanrk RolesCSS Gradiet MidpointsFullscreen API 開発中から Preview Release へ変更 Conditional RulesDate …

Project Spartan で Google Polymer が動かない(Windows 10 Technical Preview Build 10049)

訂正 Google Polymer 1.0、Build 10130 で動作するようになりました。 Google Polymer 1.0 が Project Spartan (Microsoft Edge) で動作しました (Windows 10 Insider Preview build 10130) - Browserbrowser.hatenablog.com 以下の通り Spartan で閲覧する…

Internet Explorer 11 の F12 開発ツールは計算済みのスタイルを変更できる

Chrome、Safari、Firefox 等の「計算済み」「Computed」に当たる IE11 の F12 開発ツールの「属性」。こいつは、そのタグに適応されているすべての CSS のプロパティを列挙して表示することができます。 あんまり知られていませんが、IE11 では「属性」で表…

Internet Explorer 11 で、描画時間、フレーム率、メモリ、CPU使用量をささっと見る。

IE11 を起動して Ctrl + Shift + U か もしくは Alt + T > パフォーマンス ダッシュボード クッリック。 ダッシュボードが IE の全面にでて、ぱっと確認する場合に非常に便利。 描画時間 フレーム率 メモリ使用量 CPU使用量 この4つの項目とネットワークの要…

スポンサーリンク