VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に マイクロソフトは、コードエディタのVisual Studio Code(以下VS Code)とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them? We heard you! Today we moved the "Mic
2022年4月27日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう! ↑私が10年以上利用している会計ソフト! SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと
本日16日にマイクロソフトが公開した新しい(Chromiumベースの)Microsoft Edgeブラウザーですが、日本でのWindows Updateを通じた配信は4月1日以降に延期されると日本マイクロソフトが明らかにしました。 同社はその理由を「確定申告の影響を考慮」したためと説明しています。 なお、延期となるのはWindows Updateによる自動更新のみ。新Edgeをユーザー自身で(英語版のEdge公式サイトなどから)ダウンロードして更新することは可能です。国税庁のサイトによると、確定申告に必要なe-Taxソフトを使用するための推奨環境は、Windowsでは「Microsoft Edge」または「Internet Explorer 11」とされており、ChromeなどのBlinkエンジンベースのWebブラウザーやFirefoxはサポートされていません。 新しいMicrosoft
サイトに行くとポンとでる「通知送っていい?」のやつ、Firefoxはとりあえず全ブロックへ2019.11.07 18:0028,438 Victoria Song - Gizmodo US [原文] ( 岡本玄介 ) 邪魔くさい通知よ、サラバ。 「通知送っていい?」のポップアップは、控えめに言っても“死ぬほどウザすぎ”です。定期的にウェブサイトへアクセスしているからといって、ポップアップ通知で飽和されたがっているということではないのです。 Mozillaさんグッジョブということで、Mozillaはこの問題に対抗するため、Firefox 72ではそうしたポップアップ通知を自動的にブロックし、URLバーに小さなアイコンで表示するようにしました。 変更は2段階で行なわれます。MozillaはFirefox 70から、通知ポップアップの許可オプションをデフォルトで「Not Now(いまはしない)」
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す
最近、CSSのリセットを見直す動きが少しずつあるようです。 2018年おすすめのCSSリセット!「Reboot.css」の特徴と使い方を解説、CSSリセットの2019年用私流カスタマイズ方法など、当ブログでもCSSリセットの記事を公開しました。 今回紹介するのはMozilla Developerによる新しいプロジェクトで、後方互換性を備えつつ、現在のデスクトップやスマホの環境に合わせたCSSリセットです。 CSS Remedy -GitHub CSS Remedyの特徴 CSS Remedyのコード CSS Remedyの特徴 CSS RemedyはMozilla Developerによる、CSSリセットの新しいプロジェクトです。 CSSリセットの今までの流れ 何年もの間、リセット用やベース用のスタイルシートは、Web制作者がより早く作業を始めるのに役立ちました。 初期のリセットではすべて
Microsoftがウェブブラウザの「Microsoft Edge」で、独自開発のブラウザエンジンである「EdgeHTML」から、オープンソースの「Chromium」互換のプラットフォームに移行することを正式に発表しました。その理由について、Edgeの開発チームに所属していたという人物が、掲示板上で「Googleが意図的にEdgeを蹴落とそうとしていた」と指摘しており国内外で話題になっています。 “I very recently worked on the Edge team, and one of the reasons we decided to end EdgeHTML was because Google kept making changes to its sites…”https://t.co/BQKYNUlXAm— comex (@comex) 名前出しての告発。Joshua
Windows 10ユーザーがChromeやFirefoxなどの他社製ブラウザをインストールしようとすると、すでにMicrosoft製のブラウザが入っていることを知らせるありがた迷惑な警告が話題となっています。 ポップアップに激怒するユーザー Microsoftは10月に発表予定のWindows 10のアップデートのテストの最終段階にあるといわれていますが、テスターが奇妙な新ポップアップを目撃したとの情報です。 MicrosoftがWindows 10で迷惑な広告やポップアップを表示するのは以前から知られています。それが最近はライバル社のブラウザとの競争をさらに加速させているためか、他社製のブラウザをインストールしようとすると、Microsoft Edgeを使用するよう薦めてくるありがた迷惑なポップアップが新たに追加されたようです。 テスターのショーン・ホフマン氏は(@SeanKHoffm
Internet Explorer の今後について 07/18/2018 2 minutes to read こんにちは。Microsoft Edge / Internet Explorer サポート チームです。 以前に「Internet Explorer および Microsoft Edge での Flash の今後の対応予定について」という記事を公開しましたが、「Internet Explorer」自体の今後の予定についてお問い合せをいただくこともありましたので、今回はそのお話をします。 2014 年の 8 月 7 日に Internet Explorer のサポート ポリシー変更を発表しました。この変更により、2016 年 1 月 12 日をもって各 OS 上で動作する最新バージョンの Internet Explorer のみがサポート対象となりましたが、それから 2 年半が経過し
とても個人的な話ですが、ここ最近で自分自身のプライバシー意識の高まりを感じて、ブラウザの設定を見直す機会がありました。見直したのはCookieの設定で、許可したドメインにしかCookieを記憶しないようにしました。設定変更によるある程度の不便は覚悟していました。とはいえ、ま〜せいぜい、初回アクセスの時のモーダルが何度も出るようになるとか、ログインできなくなるとか、そのくらいかなと思っていました。 しかし実際は、悪い意味で期待を裏切られることになりました。 Cookieが無効なだけで、“全く”動かなくなってしまうウェブサイトやウェブアプリが、本当にたくさんあることに気づいたのです。 全く動かなくなってしまう原因は単純(後述)だったのですが、ちょっとした対処で簡単に直せることなのに、サイト全体が一切使い物にならなくなってて、もったいない!! と思いました。 フロントエンドの想定外 ウェブサイト
それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk(ブリスク)とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
デスクトップ向けのブラウザシェアは現在、Google Chromeが過半数を占め、さらにじわじわとその勢力を拡大中ですが、その後方の2位争いで、かつてしのぎを削ったライバルのInternet ExplorerにFirefoxが追いつき、そして追い越したことが明らかになりました。 Firefox edges out Microsoft globally for first time in browser wars | StatCounter Global Stats http://gs.statcounter.com/press/firefox-browser-edges-out-microsoft-globally-for-first-time Firefox tops Microsoft browser market share for first time | Ars Technica
2016年8月2日 12時53分 by ライブドアニュース編集部 ざっくり言うと Net Applicationsが7月のブラウザシェアを発表した Chromeのシェアが50%を超え、Internet Explorerは大きく減少 Windows 10へ移行したユーザーがChromeへ移行しているとみられる Net Applicationsから2016年7月のデスクトップブラウザシェアが発表された。7月はついにChromeのシェアが50%を超えた。それ以外ではFifefoxが微増、、Safari、Operaはシェアを減らした。特にInternet Explorerの減少率が大きく、Microsoft Internet Explorerの減少とChromeの増加という傾向が現れている。。 MicrosoftはWindows 10のデフォルトブラウザにMicrosoft Edgeを採用している
本日 9/1 から、「日本マイクロソフト IE Team」の Twitter アカウント(@ie_japan)が、「Microsoft Edge Japan」の アカウント名称を変更するようです。 Windows 10 のリリースから約1ヶ月。長年の Internet Explorer ユーザーの私(jz5)が、Microsoft Edge をメインに使ってみて約1ヶ月。そろそろ Microsoft Edge について、一言言っとかねばなるまい。 ※ 下記は、個人の Microsoft Edge の使用感であり、新しバージョンでは修正されていたり、内容が間違っていたりするかもしれません。また、個人が、日常的に使う機能による発見のため、さらなる劣化点があるかもしれませんし、良い点も見つかるかもしれません。 Microsoft Edge 3大機能 Edge 公式ページ でアピールしている機能は
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア(無料)とオンラインサービス(無料と有料)です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
Windows 10に搭載される新ブラウザ「Edge」に新たにパスワード・ブックマーク・タブなどを複数のデバイスで同期できる機能が追加されることが判明しました。 Microsoft Edge https://www.microsoft.com/en-us/windows/browser-for-doing Microsoft confirms Edge will sync passwords, bookmarks, tabs and more http://www.neowin.net/news/microsoft-confirms-edge-will-sync-passwords-bookmarks-tabs-and-more Neowinによると、以前はSpartanというコードネームで開発が進められていたブラウザのEdgeにパスワード・ブックマーク・タブなどを複数端末で同期させる機能
先日の記事「フォントサイズの指定方法(翻訳版)」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ビューポートの単位(Viewport Units)とは 要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (
Microsoftの本気をみた!新しいWebブラウザ「Microsoft Edge」にかける思いとは? 仲 裕介(HTML5 Experts.jp副編集長) みなさん、昨日公開の、de:code2015 キーノートレポート(前編/後編)はご覧いただけましたか? 2日目の今日は、HTML5Experts.jpオススメセッションのレポートを速報でお届けします! マイクロソフトのWebブラウザのいままでとこれから HTML5 Experts.jpのエキスパートであり、日本マイクロソフトのエバンジェリストである春日井さんのセッションです。 IE9は大きなターニングポイントだった マイクロソフトはブラウザをレガシーブラウザとモダンブラウザに分類しています。Windows8までは、以下のように、IE8以前はレガシーブラウザ、IE9からはモダンブラウザという括りになります。 IE9からモダンブラウザと言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く