なぜブラウザエンジンは 1 つではダメなのか? または Ladybird への期待 | blog.jxck.io
Intro Ladybird は、他のブラウザエンジンをフォークせず、企業との取引に頼らず、寄付だけで作ることを宣言した新しいブラウザエンジンだ。 Ladybird https://ladybird.org/ これがいかに価値のある取り組みなのか、 Web を漫然と眺めてきた筆者による N=1 の妄言を書いてみる。 ブラウザエンジンとは ブラウザは、「ブラウザ UI」と「ブラウザエンジン」と、大きく二つの構成要素に分けて考えることができる。 ブラウザエンジンとは、いわゆる Web 標準の技術を片っ端から実装した、ブラウザの土台となるものだ。 ビルドすれば、入力した URL からネットワーク経由でリソースを取得し、パースしてレンダリングして表示できる。そのための IETF RFC や WHATWG HTML や ECMAScript が実装されている、標準技術の結集だ。 その上に、例えばタブ
2022年におけるフロントエンド開発のベースライン
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
Web のセマンティクスにおける Push と Pull | blog.jxck.io
Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話ではない。 「自分は今 Push で実装しているのか、 Pull で実装しているのか」この観点を意識するかしないかによって、セマンティクスに対する視野が広くなり、その応用として、たとえば今自分が行っている実装が、将来の Web においてどのような互換性の問題を生じるかなどを想像できるようになるだろう。最近問題になる Ossification を、こうした視点の欠如の結果とみることもできる。 (本エントリでの Ossification は、一般に言われている Pro
晩年のIEに思いを馳せる
昨年くらいから多くのプロダクトでIE11のサポート終了が盛んになり、今年はIE11自体がサポートを来年終了することを発表したり、Google検索のIEサポート終了があったり、1つ大きな時代の節目のようなものを感じる1年でした。 IEは最盛期は95%近くのシェアを占めていたそうですが、2021/10時点のデータではIEのシェアはPCで4%程度とやはりだいぶシェアも落ちてきた印象もあるし、そもそも昨今はスマホブラウザの流入が多いプロダクトなんかではIE対応自体ほとんどやってなかったという方も多いのかもしれません。 僕は昔IE7までは対応したことがあり、当時の感覚で言うとIE11って相当バグや特殊な仕様が少ない方だったイメージだったのですが、下記のIEサポートを終了すると使える機能一覧を見るとやはり数年の進化の差は大きくすでにだいぶ取り残されてる状態だったのだなと思います。 一方、「Safari
見ているサイト上に露出している機密情報(APIトークン、IPアドレスなど)を見つけるブラウザ拡張を作りました
見ているサイト上に露出している機密情報(APIトークン、IPアドレスなど)を見つけるブラウザ拡張を作りました SecretlintというAPIトークンなどの機密情報がファイル内に含まれているかをチェックできるツールを書いています。 Secretlintはコマンドラインツールとして動くので、主にCIやGitのpre-commit hookを利用して、リポジトリに機密情報が入るのを防止できます。 SecretlintでAPIトークンや秘密鍵などのコミットを防止する | Web Scratch 一方で、実際のウェブサービスなどは機密情報がファイルにハードコードされているわけではなく(Secrelint自体がこういうハードコードを防ぐツールです)、環境変数やDatabaseに保存していると思います。 このような場合にも、コードのミスなどによって公開するべきではない情報(秘密鍵、APIトークン、Sl
ブラウザのUser-Agentが滅茶苦茶になってしまった理由 - Qiita
はじめに ブラウザとそうでないもの（ブラウザのふりをしないボットなど）を見分けるためには、HTTPリクエストで使われているUser Agentヘッダーを使用することが多いです。 例えば、みなさんもこの怪しいUser Agentを見たことがあると思います。ChromeのUser Agentです。 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36 ChromeがWebKitを使っているのは分かるのですが、Mozilla、Geckoとかとは全く関係ないはずですがｗ... むしろ敵同士です。しかも何故かSafariのバージョンまで入ってます。 少し古いですがUser Agent一覧を見ると、ほとんど全てのブラウザがMoz
CSRF is (really) dead
Scott Helme Security researcher, entrepreneur and international speaker who specialises in web technologies. More posts by Scott Helme. A little while back I wrote a blog post about how "CSRF is dead". It focused on SameSite cookies, a powerful yet simple feature to protect your website against CSRF attacks. As powerful as it was, and as much as it will kill CSRF, you had to enable it on your site
私のURLはあなたのURLとは違う : curl作者の語る、URLの仕様にまつわる苦言 | POSTD
1996年にcurlプロジェクトの先駆けとなるhttpgetを始めたとき、私は初めてURLパーサを書きました。当時はまだ、ユニバーサルアドレスは URL : Uniform Resource Locators と呼ばれていました。その仕様は1994年にIETFによって発行されたものでした。この”URL”という用語からインスピレーションを得てツールとプロジェクトに命名したのが curl でした。 URLという用語は後に事実上、 URI : Uniform Resource Identifiers (2005年発行)に変わりましたが、「オンラインでリソースを指定する文字列のための構文と、そのリソースを得るためのプロトコル」という、基本的な点は変わりませんでした。curlでは、この構文仕様RFC 3986の定義に従う”URL”を許容するとうたっていますが、それは厳密には正しくありません。その理由
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされます。Chrome ブラウザをヘッドレス環境で実行する方法です。基本的には Chrome を使わずに Chrome を実行しますこれにより、Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォーム機能がすべてコマンドラインに組み込まれます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、UI シェルを表示する必要のない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのウェブページを PDF 化したりできます。また、ブラウザが URL をどのようにレンダリングするかを検査することもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くこと
IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
【本日正式リリース】スマートフォンユーザーのためのデスクトップブラウザ Sleipnir 3 for Windows / Mac (3.5) があなたのスマホライフを激変させる！
みなさん、こんにちは。坪内です。 ついにこの日がやってまいりました。 Sleipnir 3 が新たな一歩を踏み出す日。そう、Sleipnir 3 for Windows / Mac (3.5) 正式版リリースの日です。 つい先ほど、全てのリリース作業を終え、もうすでにダウンロードできる状態になっています。 待ちきれない方には、すぐにお試しいただきたい。 でも、この Sleipnir 3 がどのくらい特別なプロダクトなのか、皆さんに知ってもらいたいから、少しだけお付き合いくださいね。 デスクトップブラウザなのにスマートフォンユーザー向けの Web ブラウザ Sleipnir 3 for Windows / Mac (3.5) から、「スマートフォンユーザーのためのデスクトップブラウザ」という、新コンセプトに変更しました。 スマートフォンユーザーが急増しています。 スマートフォン経由のインター
Yahoo！が独自の新ブラウザ「Yahoo！ Axis」をリリース
Google Chromeがブラウザの世界シェア1位になりましたが、ここでGoogleのライバルであるYahoo！から新たなブラウザ「Yahoo！ Axis」がリリースされました。Windowsの各種ブラウザ向け拡張機能としてのほか、iOS向けにもリリースされています。 Yahoo! Axis - A new way to search and browse http://axis.yahoo.com/ Yahoo to Launch "Chrome Killer" Tonight - LAUNCH - こちらがそのデモムービー。 Yahoo! Axis is a new kind of browser that redefines what it means to search and browse the web. Watch this video to see how Axis wo
Sleipnir 3 for Mac には、なぜアドレスバーがないのか
こんにちは！UI デザイン担当の松野です。 今日は、Sleipnir 3 for Mac で私が大事にしていることについて書いてみます。それは、アドレスバーがないことです。 アドレスバー、いります？ 私には以前から考えていた疑問がありました。それは「アドレスバーは誰のためのものだろう」ということです。 というのも、少なくともそれは「今の人々のためではないな」と思っているからです。 ウェブブラウザといわれるアプリケーションには、実に20数年の歴史があります。登場当時、インターネットには今ほど多くのウェブページがあったわけでもなく、Google もなく、人々は決まった URL をアドレスバーに打ち込むことも多かったことでしょう。また、インターネット黎明期にはまだまだコンピュータ技術者などの専門家のためのものでした。 歴史に名を残す偉大なアプリケーションのひとつ「NCSA Mosaic」。 19
iPhone、Android ユーザーを虜にするかもしれないブックマークレットにまつわる２つのプロダクトをリリースしました。
こんにちは。坪内です。 最近、にわかにブックマークレットがブームのような気がしてなりません。昨日もブックマークレットがキャズムを超えた夢を見ました。 先日、AppBank さんが以下のような記事をアップされていましたが、風が吹いた！と感じました。 AppBank ：ブラウザ「Safari」の使い方。 Safariを格段に強化する「ブックマークレット」編。 機は熟しました。 フェンリルのブックマークレットプロジェクト、始動です。 さて、先日の記事で、リリースを予告した Tapmarklets が晴れてリリースされました。 iPhone、iPad、Android のブラウザで利用できるブックマークレットを紹介するサイトで、ひとつひとつのブックマークレットが登録しやすいように、紹介されているのが特徴です。「このブックマークレットを試す」というリンクを押せば、ブックマークレットを登録する前に、どう
Firefox4でタブの位置をアドレスバーの上へ変更する4つのメリット
「Firefox 4」ではタブの位置のデフォルト設定がアドレスバーの上になるわけですが、このような決定をMozillaが下した理由について、ユーザーエクスペリエンスデザインチームのAlex Faaborg氏が実に7分間にも及ぶ解説ムービーをYouTubeにて公開しており、その中で4つのポイントを述べています。 タブの位置をアドレスバーの下から上に変更することで得られるメリットの詳細は以下から。 Why Tabs are on Top in Firefox 4 << Alex Faaborg http://blog.mozilla.com/faaborg/2010/06/24/why-tabs-are-on-top-in-firefox-4/ YouTube - Why Tabs are on Top in Firefox 4 ◆その1：コンセプチュアルモデル 緑色がタブのコントロールに関す
迷った時に！Google Chromeが便利になる5つの“定番”拡張機能 - はてなニュース
Webブラウザ「Google Chrome 5」の最新版（Ver.5.0.375.55）が5月25日にリリースされ、Mac OS X／Linux向けとしては初の安定版の公開となりました。そこで、最新版を機に「Chrome 5」を使ってみようかという方にもこれまで使ってきている方にもオススメ、はてなブックマークでも人気の“定番”ともいえる「Google Chrome 拡張機能」を5つご紹介します。 ■長いページでも1ファイルに「webページショット」 ▽ https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki 見ているWebページのスクリーンショットが簡単に撮れるのが、この「webページショット」。PNGファイル形式でページ全体や見ている範囲でのスクリーンショットを撮れるほか、リサイズも可能とな
近所の子が「くらえ！インターネットエクスプローラー！」と叫んでたから、いい大人がこぞって対抗したまとめ
kotoba_bot の「近所の子が「くらえ！インターネットエクスプローラー！」と叫んでた」ツイートがきっかけで、全国から「インターネット戦士」が結集。いい歳をした大人が、ノリノリで対抗しあった結果を、まとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer に会いたくなったら...
Internet Explorer 11 はサポートを終了しました。長年のご愛顧ありがとうございました。 - Windows Blog for Japan
世界中の「Firefox」が一時的に使用不能になった問題について、Mozillaが詳細を明かす／ロードバランサ―の設定とHTTP/3接続に関する問題が引き金に
