ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

2023/11/05 939 users 挙動 jxck.io キャッシュ 全て INTRO

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modif... 続きを読む

Cache Storage がめちゃくちゃ肥大化する問題について調べる | ぴんくいろにっき

2023/04/27 559 users いろにっき 増田 ストレージ TBS 肥大化

Cache Storageがめちゃくちゃ肥大化する問題 TBSのニュースサイト、TBS NEWS DIGがめちゃくちゃブラウザのストレージを消費しているという話がはてブや増田で話題になっています。 TBSのニュースサイトヤバない？ – はてな匿名ダイアリー 同・はてなブックマーク 確かに、手元でも同様の状況を観測できる。 当該サイトの... 続きを読む

iPhoneのホーム画面から「ChatGPT」をサクッと使える方法が話題 – 究極の時短に！

2023/03/25 790 users iPhone chatgpt AIチャットボット ご存じ 時短

高クオリティなオリジナルのテキストを生成してくれる、AIチャットボット『ChatGPT』。今、世界中で大きな注目を集めている『ChatGPT』だが、利用するにはブラウザを経由しなければいけないので、起動に多少の時間がかかってしまうのは、すでに読者の皆さんもご存じの通りである。せっかく便利なツールなのだから、さら... 続きを読む

Linuxコンテナの「次」としてのWebAssembly、の解説

2023/01/29 571 users WebAssembly wasm Linuxコンテナ 解説

はじめに WASMをブラウザの外で動かすトレンドに関して「Linuxコンテナの「次」としてのWebAssemblyの解説」というタイトルで動画を投稿したのですが、動画では話しきれなかった内容をこちらの記事で補完したいと思います。 2022年もWebAssembly(WASM)の話題が多く発表されましたが、そのひとつにDocker for DesktopのWA... 続きを読む

NASA公開の“天体投入ゲーム”が混沌。ブラウザで遊べる、天体物理学に基づく星系づくり - AUTOMATON

2022/06/20 519 users AUTOMATON 混沌 天体物理学

NASAの運営するAstronomy Picture of the Day（APOD）は6月19日、ブラウザゲーム『Super Planet Clash』をサイト上で公開した。 『Super Planet Clash』は、惑星系に天体を投入していくゲームだ。投入された天体は公転を始めるが、その軌道はほかの天体の引力による影響を受ける。そのため、考えなしに天体を投入してい... 続きを読む

ブラウザで動くサービスを作るときの技術選定

2022/02/10 565 users 技術選定 サービス ネイティブアプリ 案件 要求

はじめに 私の仕事は、新規サービスをまるっといい感じに開発するのを委託されることがほとんどです。最近はネイティブアプリを作ることよりもブラウザで動くWebサービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えな... 続きを読む

ちいさな Web ブラウザを作ってみよう

2021/07/17 1039 users Web ブラウザ 講義 セキュリティ機構 攻撃手法 発展

ようこそ本オンラインブックはセキュリティ・キャンプ全国大会 2021 オンラインの講義「ちいさな Web ブラウザを作ってみよう」 の事前課題資料です。 同講義の概要Web ブラウザが持つセキュリティ機構や、Web ブラウザ内で行われる先鋭的な攻撃手法の研究は発展を続けています。 この流れに沿って、それらの中には、Web... 続きを読む

生産性が爆上がりするブラウザ：Sidekick｜One Capital｜note

2021/05/10 532 users Note Sidekick 生産性 三好 安定

こんにちは、One Capital の三好（@saas_penguin）です。 Product hunt で話題になったため、すでに知っている方も多いかと思いますが、今回は超高速ブラウザ「Sidekick」について紹介します。ずっと使いたいと思っていたものの、なかなかM1 Macで安定稼働してくれず・・・ようやく安定してきたので、使ってみた感想や気... 続きを読む

ブラウザレンダリングの仕組み

2021/05/05 1073 users ブラウザレンダリング レンダリング サーバ HTML 解析

以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバか... 続きを読む

Webページがブラウザに表示されるまでに何が起こるのか？

2021/04/14 1008 users Webページ

## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) ... 続きを読む

国産ブラウザアプリSmoozはあなたの閲覧情報をすべて外部送信している | reliphone (for iPhone)

2020/12/16 1417 users reliphone Smooz ユーティリティ デフォルト

Smoozというブラウザでは、その利用情報がすべて開発元のアスツール社に送信されている。 Smooz (スムーズ) ブラウザ Astool Inc. ユーティリティ, 仕事効率化 評価: 4.65651(38,447件) +無料 調べた事実を列挙してみる。 ・デフォルトの設定では、設定・操作・閲覧情報がユーザーID、デバイスIDと共にアスツール社のサ... 続きを読む

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス

2020/11/12 1084 users レンダリング CSS コリス HTML 実装時

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む

長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方..

2020/07/27 696 users JavaScript 次男 長男 HTMLファイル 動作

長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方とブラウザでの動作確認を軽く教えた 次男も感化されたようで長男の真似をし始め、今は簡易な動作のHTMLファイルであれば作れるようになっている ある日、二人の空気が険悪だった(大喧嘩したあとの空気だった) まずは長男に事情を訊いてみると... 続きを読む

ぴょまいらのパソコンで一番好きなソフトなあに

2020/06/11 512 users 特打 ヨドバシ CD-ROM パソコン まえら

ぽまえらの最近のパソコンの使い方で気に入ってるのなあに ほぼブラウザとメール？ 昔はポストペットとか特打とか、いろいろ面白いソフトがあったんだぞ ヨドバシにいってきれいな風景画像のCD-ROMを買ったりしてたんだぞ 続きを読む

ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？ - GIGAZINE

2019/06/23 820 users GIGAZINE GitHub ウェブブラウザ ウェブページ

ウェブページを表示するためのアプリケーションであるウェブブラウザは、今や多くの人が毎日のように利用する生活に欠かせないツールとなっています。そのブラウザがどのような仕組みで成り立っているのかについての解説がGitHubで公開されています。 GitHub - vasanthk/how-web-works: What happens behind the scenes ... 続きを読む

ブラウザでVS codeが使えるクラウド IDEの大本命「Coder」 - Qiita

2019/02/28 503 users coder Qiita Dockerコンテナ クラウドIDE

TL;DR ブラウザ上でほぼVS codeが使えるサービス「Coder」 他のVS codeライクのクラウドIDEと異なるのは「拡張機能がそのまま使える」。現状で大半の拡張機能を利用可能 現在はアルファ版 ChromebookやiPadでの利用も想定している Dockerコンテナにプロジェクトを作成するので自由度が高い 無料プランでも十分に使える。... 続きを読む

Chromeの新しい機能拡張が便利すぎる！デザイナーやディレクター向けの新しいデザインツール-ProjectVisBug

2018/11/29 656 users Chrome デザイナー ディレクター向け グリッド アイデア

VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、... 続きを読む

実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか

2018/09/12 604 users 実際 ところ Chrome ページ 解釈

問題のツイート 面接の質問で「ブラウザを立ち上げてページが表示されるまでの仕組みを全て知ってる限り説明してください」ってのをやると結構Web系の知識どれだけあるか分かると思ってる — (@tan_go238) September 10, 2018 解釈 今回は「ChromeのURL欄に入力してからページが表示されるまで」をやります。ブラウザの... 続きを読む

Chrome拡張の高速な英語辞書ツールをつくりました

2018/09/04 1850 users Chrome拡張 webstore wtetsu https

Mouse Dictionary Chrome拡張の高速な英語辞書ツールです。 https://chrome.google.com/webstore/detail/mouse-dictionary/dnclbikcihnpjohihfcmmldgkjnebgnj とりわけ、ブラウザでよく技術文書を読む人(含自分)に最適かと思いますが、どなたでもご活用いただけます。 ソースコード https://github.com/wtetsu/mouse-dic... 続きを読む

ブラウザでつくれる履歴書「yagish（ヤギッシュ）」

2018/07/11 826 users 記入例 パソコン 外出先 自宅 履歴書

yagish(ヤギッシュ)はブラウザ上で履歴書がつくれる無料サービスです。記入例や入力補助機能がついた履歴書テンプレートを選んで入力するだけ。自宅でも外出先でも、スマホでもパソコンでも、必要なときにいつでも履歴書を作成できます。 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください． デモページはこち... 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください． デモページはこち... 続きを読む

年間休日が120以下の会社は入る価値がない

2018/03/04 782 users 年間休日 価値 コネ 真っ先 会社

すべての就活生に伝えたい 企業の採用ページを見つけたら、真っ先に年間休日数を見よう それが120以下ならブラウザの戻るボタンを押そう 年間休日数が書いてない場合は120以下と判断して構わない どうしてもその会社でなければいけない目標やコネでもない限り、年間休日が120以下の会社は入る価値がない 年間休日が少ないということは、従業員の稼働時間を多くしないと儲からない利益率の低さだったり、社員の休暇に... 続きを読む

ECMAScript 2015以降のJavaScriptの`this`を理解する | Web Scratch

2018/01/04 608 users this js-primer Web scratch 挙動

この記事はJavaScriptの入門書として書いている js-primer の this に関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所に js-primer 版のか this についての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては js-p... 続きを読む

ブラウザのしくみ: データ構造とアルゴリズムと雰囲気で理解する DOM と Shadow DOM — hayato.io

2017/12/25 505 users hayato.io DOM アルゴリズム データ構造 雰囲気

この記事は Chromium Browser アドベントカレンダー 24 日目の記事です。 内容の一部は Chromium の Git レポジトリの Source/core/dom フォルダの README ファイル （英語）が元になっています。README の想定読者は Chrome の開発者でしたが、この記事の想定読者は一般の Web 開発者です。 この記事の一部は README ファイルに還... 続きを読む