2020/02/13DevSumi 発表資料

今更ですが、**CORS (Cross-Origin Resource Sharing)**を色々試していたら、思っていた以上に色々パターンがあることに気づいたので、改めてその扱い方についてまとめてみました。 そもそも 現在のWebブラウザでは、あるWebサイトが持つ情報が別の悪意あるWebサイトに悪用されるのを防ぐために、Same-Origin Policy(日本語では同一生成元ポリシー)が適用されます。 例えば、あるWebサイト https://guiltysite.com をブラウザで表示している時に、このWebページからXMLHttpRequest(以下、XHR)やFetchAPIで別のWebサイト https://innocentsite.net からHTTP(S)でデータを読み込もうとすると、エラーになる、というわけです。 しかし、アクセス元が悪意あるWebサイトならともかく

この記事はCSS Advent Calendar 2016 の5日目の記事です。 W3C Houdini Task Forceで進められている「Houdini」と呼ばれるプロジェクトの話をします。 FlexBoxの例 突然ですが、FlexBoxの話をします。 モジュールの横並びには重宝しますよね。 今年になってだいぶ利用が進んだ印象がありますが、随分と前からFlexBoxの仕様は存在していました。 一番最初の草案に遡ってみると、なんと2009年。 7年前です。 2013年くらいからFlexBox良いぞという記事はちらほら出始め、おそらく皆認識はしていました。 が、ブラウザの対応状況などを考慮し実装できずにいたと思います。 仕様定義の議論から実際にここまで普及するまで7年間もかかっているわけです。 流れを整理してみると、以下のようになります。 提案、議論、仕様書作成あたりに時間がかかるのは

一般的にCSS で要素の幅や高さを指定する際は px や % といった単位を使いますが、最近のブラウザにおいてはこの他に vw, vh, vmin, vmax という単位を使うことが出来ます。 ついさっきまでこんな単位があるなんて知らなかったので、少し調べてみました。 Viewport パーセンテージ vw の v は Viewport のイニシャルで、それぞれこのような意味を持っています。 vw
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to haveit included. Better yet, if you've done the research you can even submitit yourself! You can importusage data from yourGoogle Analytics account and
追記:最速インターフェース研究会 :: Firefoxでの開発を高速化する自動リロードスクリプトで既出でした。 デモを 2008-11-03_1209 -javascripter's library に置いた。 ライブラリ本体はjavascripter'sgist: 21788 —Gist にある。 (function () { var last = null; (function request() { with (new XMLHttpRequest()) { open('get', location.href, true); send(null); onload = function () { if (!last || last == this.responseText) { last = this.responseText; setTimeout(request, 500)
この翻訳について¶ この文章はHTML5 Rocks で公開されている How Browsers Work: Behind the Scenes of Modern Web Browsers を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく, 文章はCreative Commons Attribution 3.0 License , サンプルコードは Apache 2.0 License です. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします.GitHub に この和訳のリポジトリ があります. 以下の Preface でも言及されていますが, この文章は Tali Garsiel さんが自身のサイトで公開していたものを Pa
高速起動で動作も軽快なタブ切り替え型Webブラウザー「TheWorld Browser」v2.1 Spring (2.1.1.8)が、3日に公開された。Windows 98/2000/XP/Vistaに対応し、非商用の個人利用に限りフリーソフトで、現在作者のホームページからダウンロードできる。 「TheWorld Browser」は、IEコンポーネントを利用したタブ切り替え型Webブラウザー。一般的なタブ切り替え型Webブラウザーの場合、タブを開く数が増えれば増えるほど処理に時間がかかってしまうが、本ソフトはマルチスレッド技術を利用していることにより、多数のタブを同時に開いていても軽快に動作するのが特長。 一般的なWebブラウザーとしての基本的な機能を十分に備えているのもうれしい。基本機能以外には、マウスジェスチャーやポップアップウィンドウのブロック、指定した一定間隔での自動更新などが搭載
(池田 豪彦) ウェブサイトを作るときに大変な作業のひとつに、正しく表示されているか否かを調べるブラウザチェックがある。どんな環境のユーザーが閲覧しても、スタイルシートやテーブルの表示が崩れないよう、制作者の意図するとおりに表示させるためには欠かすことのできない作業だ。 主要なブラウザだけを挙げてみても、「Internet Explorer」「Netscape」「Firefox」「Opera」「Safari」などがあり、それぞれにWindows版とMac版、そしてさまざまなバージョンが存在しているから、合計したら相当な数になる。 まず、WindowsとMacの本体を用意して、チェックに必要なブラウザをインストールして……。普段から検証機があるなら話は早いが、これから揃えてブラウザチェックを行おうというなら、少し考えたほうが良い。手軽に、スピーディーに、特になにも用意せずともブラウザチ
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く