[B! HTML][browser] ihokのブックマーク

Content-Length: 277127 | pFad | http://b.hatena.ne.jp/ihok/HTML/browser/

[B! HTML][browser] ihokのブックマーク

ihok id:ihok

HTMLとbrowserに関するihokのブックマーク (8)

ブラウザレンダリングの仕組み
Webの用語を100秒で解説するチャンネルを作りました！よかったらチェックしてみてください！はじめに以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」でブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。全体図レンダリングの大まかな流れです。 HTMLのダウンロードサーバから送られてきたHTMLをダウンロードします。 HTMLの解析サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな
ihok 2021/05/07
コード

html

ブラウザ

browser

web

プログラミング

javascript
リンク
HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita
はじめにみなさんHTMLタグの一つであるinputタグはご存知だと思います。その中でもtype="file"についてぼくはこんな疑問を持ちました。選択したファイルはどこのファイル？コピーとかされているの？これみなさん知っていますか？ちょこっと調べたんですがなかなか情報がなかったのでいろいろ自分で調査してみました。（本音は調査が面白そうだったのでそんなに本気で調べてないだけです仮説を立てるまずは仮説をいくつか立ててそれぞれを検証していきます A. ブラウザはファイル参照だけ持っている B. ファイル選択時にTemp領域へコピーしている C. メモリ上に抱えているたぶんこれらのどれかじゃないかなと思っており、個人的にはBが濃厚だと勝手に考えています。調査開始ファイルアップロード機能が必要なので簡単にファイルをアップロードするだけのアプリを自前で作りました。 http
ihok 2019/01/07
html

web

ブラウザ

browser

アプリ

ファイル

edge

qiita

file
リンク
ゲーム開発初心者が教えるブラウザゲームのつくり方 / How to make games JavaScript
2018/06/29 さくらの勉強会フロントエンドナイト〜「さくらのクラウド」のスタッフがエイプリルフール企画でブラウザゲームを作るまで〜勉強会で発表した内容にいくつかスライドを追加したフルバージョンです。発表した内容を文字起こし版 https://kuroeveryday.…
ihok 2018/07/03
javascript

HTTPS

スライド

html

game

ゲーム

browser

勉強

開発
リンク
大量の要素を高速に表示するためのバーチャルレンダリング入門 / Virtual Rendering Introduction
第68回HTML5とか勉強会の資料です。
ihok 2017/02/24
html

browser

javascript

レンダリング

プログラミング

web制作

slide

フロントエンド

技術
リンク
開発者のための WebKit (“WebKit for Developers” 日本語訳)
このノートは、Paul Irishによる記事 “WebKit for Developers” の日本語訳です。僕ら開発者の多くにとって、WebKit はブラックボックスだ。HTML, CSS, JS, その他のアセットを投げると、WebKit は魔法でもかけたかのように、綺麗な Web ページを返してくれる。しかし、僕の同僚 Ilya Grigorik は本当の WebKit はこうだと言っている。 WebKit はブラックボックスではない。ホワイトボックスなんだ。さらにそれだけではなく、オープンなホワイトボックスなんだ。じゃあ、これから次のことについて理解していこう。 WebKit ってなに？なにが WebKit じゃないの？ WebKit ベースのブラウザで WebKit はどう使われているの？なんですべての WebKit が同じじゃないの？さて、世の中に数多くの WebKi
ihok 2016/10/21
Developers

Html

css

gpu

JavaScript

html5

document

browser

WebKit
リンク
HTTPキャッシュ。なぜ嫌われるのか。 - それマグで！
忌み嫌われるキャッシュたち。キャッシュはどうやら、世間では嫌われ者のようです。 ScrenCaptured_2016-03-05_0.54.33 どうして、そんなにキャッシュされるのがイヤなんだろうか。そもそもキャッシュってなんだっけ？キャッシュとは、更新されていないコンテンツ（画像、CSS、JS、HTML、DNS結果など）を何度も何度も取得行かずに済むように、クライアントPC側で保存し再利用する仕組み。つまり、転送量の節約。無駄な転送を控える。非常にエコな仕組みであります。 HTTPのエコ。HTTPはエコなプロトコルだったはず。 3つのR です。 Reduce Reuse Remix 。複数のファイルをそれぞれ、別途管理して１つのページとして構成(Remix)する仕組みです。ブラウザのキャッシュを利用するメリット通信料の節約、画面表示の高速化、戻るボタン対応など。ブラウザは
ihok 2016/03/05
http

HTML

browser

cache

キャッシュ

web

サーバ

server

ブラウザ
リンク
jQueryは有害なのか | POSTD
ずっと「～は有害なのか」という記事を書いてみたかったんです ^(1) 。まず本題に入る前に、1つ言わせてください。 jQueryはWeb業界の発展に大いに役立ったと私は考えています。jQueryがあることで、開発者はこれまで想像もできなかったことをできるようになりましたし、そういった機能をブラウザの製作者がネイティブに実装するきっかけにもなりました（もしjQueryが開発されていなければ、今でもdocument.querySelectorAllは存在していなかったでしょう）。jQueryは、今ある便利なツールを使うことができなかったり、IE8やそれ以下の過去の遺産をサポートしなければならない際に今でも必要になってきます。しかし、そのようなケースはもはや稀なものとなりました。Web開発者の大半は、マーケットシェアの縮小した古いブラウザをサポートする必要はありません。更に、忘れてはならな
ihok 2015/08/02
jQuery

web

javascript

development

html

Ajax

browser

column

プログラミング
リンク
JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。例えば、以下は単なるin
ihok 2015/07/21
browser

INDEX

Html

javascript

api

windows

design

development

tutorial
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx