2022年におけるフロントエンド開発のベースライン
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
Today, the Trident Era Ends
When I was a child, I was always fascinated by stories about ancient civilizations. I devoured books about Atlantis, or the story of Heinrich Schliemann's discovery of Troy, stories about the Greek, the Romans, the Inca Empire, or Ancient Egypt. And I was always fascinated by the extent of their capabilities in the fields of astronomy, math, and medicine, their incredible achievements, like buildi
3月31日をもってIE9のサポートを終了します - Qiita Blog
Qiita, Qiita Teamをご利用いただきありがとうございます。 2016年1月13日より、Microsoft社は各バージョンのWindows OSにおいてサポートされる最新のInternet Explorer (以後「IE」)だけに技術サポートを提供するようになりました。これによって、Windows Vista, Windows Server 2008を除きIE9の技術サポートが終了することになります。 参考: Internet Explorerサポートポリシー変更の重要なお知らせ – Microsoft またQiita, Qiita TeamのアクセスユーザのOS環境を調査した結果、当該環境からのアクセスは全体の1%未満であることが判明しました。 これを受けて Qiita, Qiita TeamでのIE9のサポートを3月31日を持って終了する ことにしました。それ以降のサポート
【Visual Studio Code】1.0 GAリリース予定日、決定！ - 好きな技術を好きと言える幸せ - AYA TOKURA BLOG - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
modern.IE を Vagrant で使う - Qiita
Mitchell さんの Tweet で modern.IE の Vagrant 用イメージが公開されていることを知ったので試してみました。 Modern.ie is now beta testing Vagrant images as a choice for running IE test environments! http://t.co/c8j8G8V9X5 — Mitchell Hashimoto (@mitchellh) 2014, 9月 19 Modern.IE については「 無償で Web ページの検証ができる modern.IE. とは? - monoe's blog - Site Home - MSDN Blogs 」で詳しく説明されていました。 Vagrant 用で対応している仮想環境は今のところ VirtualBox だけの様ですです。Vagrant 用でなければも
2015年のWeb標準 | gihyo.jp
株式会社ミツエーリンクスの渡邉卓です。昨年の「2014年のWeb標準」と同様に、2015年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2015年のWeb標準については「より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加」「ECMAScript 6仕様の利用増加」「IE7・IE8 未サポートWebサイト増加」をキーワードとして取りあげます。 より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加 2014年10月28日、ついにHTML5がW3C勧告 (Recommendation) となりました。すでに多方面で利用されているHTML5仕様ですが、勧告になったことで、今まで利用を躊躇していた方々にも確実に浸透していくと予想できます。詳細は後述しますが、現役のWebブラウザでありながら
IE10 以下を切る場合の JavaScript チェックリスト - Qiita
この投稿は、 JavaScript Advent Calendar 18日目の記事です。 更新履歴 こちら をご覧下さい JavaScript の書き方をアップデートする JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。 正直なところ、自分はあの本が「今でも」良書だとは思っていません。 初学者に勧めることもしません。まんべんなさと普遍性と客観性から「パーフェクト JavaScript」 を勧めています。 その頃と比べると、 JavaScript をとりまく環境は変わりました JavaScript の進化に合わせて書き方もアップデートしていくべきなので、今回は分かりやすいしきい値として 「IE10 以下を切れるとしたら」 という前提で、列挙してみます。 たとえば XHR2 や File API に依存したサービスをやる場合な
trifleJS: Headless automation for Internet Explorer
A headless Internet Explorer browser using the .NET WebBrowser Class with a Javascript API running on the V8 engine. The API is coded as a port of PhantomJS. Perfect for test automation. If you have used phantom before then you already know how to use TrifleJS. It supports different version of IE interchangeably depending on the current version installed (IE9 can emulate IE7, IE8 or IE9 but not IE
A Graceful Fallback for SVGs in Old IE — SitePoint
There are plenty of good reasons to use SVGs instead of rasterized images. The benefits include better image quality, image flexibility, and smaller file size. But one obstacle you might still face is browser support. SVGs are supported by all modern browsers except IE8 and below. In the following sections I’ll outline how you can handle this in a graceful way by falling back to PNGs for older bro
How to Build a Responsive Website That Supports Older Browsers — Zell Liew
Responsive websites have became increasingly important over the years. Unfortunately, we still need to make older browsers support responsive websites due to various reasons once in a while, and searching around for the correct way of doing it can take up some of your precious time. This article is designed to help you answer the question on supporting responsive websites on older browsers. What B
Windows Boxes for Vagrant Courtesy of Modern.ie « Cloudy Thoughts by SyntaxC4
The following post is releasing experimental bits for feedback purposes. If you’re like me, a clean development environment is crucial to being effective. I used to carry around a portable hard drive with my golden image (starting point VM) and a number of other environments I’ve had already configured for the projects I was currently working on. This could be for a number of different reasons, De
レガシーIEのデバッグ環境について - Qiita
口上 モダンブラウザが普及した今日、いまだレガシーIEは死なず。 つまりそれはクロスブラウザ動作確認をIEでも行わなければならないことを意味する。 IEである。 レガシーIEの入手方法について モダンな開発者であれば仮想マシンは常識であるのでmodern.IE( https://www.modern.ie/ja-jp/virtualization-tools )を使用する。各ホストOS向けにイメージが配布されているのでそれをダウンロードすればよい。 ただし中身はIEしか入っていないWindows環境なので後述する方法でデバッグ環境を構築する必要がある。さもなければ死ぬ。 デバッグ環境の構築について Microsoft Script Editorかそれが同梱されているMicrosoft Officeを所持しているならばそれをインストールして使用する。 所持していなければVisual Stud
)
Prerender and prefetch support
Use prerender and prefetch in Internet Explorer 11 to improve your website's navigation. Prerender (also called preload) specifies a webpage to be loaded (rendered) in the background while the user reads the current page and prefetch identifies resources to be downloaded in the background. Because both features download content before it's needed, the resources are instantly available when needed
Google Chrome Frame の開発が終了
Googe Chrome Frame の開発終了 が発表されました。2014 年 1 月以降はアップデートとサポートもおこなわれないそうです。 HTML に Chrome Frame 用のコードが残っていても、ただちに問題になるということはないと思いますが、これから新たに作るサイトに埋め込む理由はあまりないですし、公開しているサイトで手を入れることが可能なら修正しておくと良いと思います。 <!--[if lt IE 9]> <p class="ie-prompt">お使いのブラウザはバージョンが古いため、サイトを快適にご利用いただけないかもしれません。<a href="http://browsehappy.com/">最新のブラウザにアップグレード</a> するか、<a href="http://www.google.com/chromeframe/?redirect=true">Goog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer 11 はサポートを終了しました。長年のご愛顧ありがとうございました。 - Windows Blog for Japan
Tools | Microsoft Edge Developer
SVG MANIAX Ver.2 - Mars vanilla
http://2ndidea.com/svg/svg-path-drawing-animation-even-ie/
Using modern.IE to Identify Common Coding Problems — SitePoint
How to Test Your Site Locally with Modern.IE — SitePoint