最近のHTMLを改めてちゃんと学んでみた
この記事は、以下のモダンCSSに関する記事のHTML版です。 せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。 HTML Living Standardの時代へ 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。 この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で紹介する2019年以降の新機能を見ると、以下のような傾向が明確に現れています： 宣言的UI構築への移行 - JavaScript実装から、HTML属性による宣言的な記述へ ブラウザネイテ
「Firefox 141」正式版リリース、Windows版でWebGPUが使用可能に
ウェブブラウザ「Firefox 141」の正式版が公開されました。Windows版限定ですがWebGPU APIがリリースされています。 Firefox 141.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/141.0/releasenotes/ ◆Windows上でWebGPU APIが使用可能に 今回の更新でWindows版のWebGPU APIがリリースされました。 Shipping WebGPU on Windows in Firefox 141 – Mozilla Gfx Team Blog https://mozillagfx.wordpress.com/2025/07/15/shipping-webgpu-on-windows-in-firefox-141/ W
Firefox 141.0リリース — ローカルAIが自動でタブを整理、垂直タブがより使いやすく
7月23日、MozillaがFirefox 141.0を公開した。この記事では、最新版Firefox 141に追加された機能と改善点について詳しく紹介されている。以下に、その内容を紹介する。 主要な新機能・改善点 ローカルAIによるスマートタブ整理 ローカル実行のAIモデルが類似タブを自動判別し、グループ化とグループ名提案まで行う。全処理がデバイス内で完結するためプライバシーを確保できる。 垂直タブのツールエリア可変化 サイドバー下部の区切り線をドラッグすることで、ツール領域とタブ領域の比率を調整できる。余剰ツールは自動でオーバーフローメニューへ移動。 Linux版のメモリ最適化とシームレスアップデート Linux環境でメモリ消費を削減し、パッケージマネージャによる更新後も強制再起動が不要になった。 アドレスバーを単位変換ツールとして強化 長さ・温度・質量・力・角度に加え、タイムゾーン変換
【注目】FirefoxがWebGPU準拠を正式発表 — Webアプリの可能性を大きく広げる大きな一歩
7月16日、FirefoxがWebGPUを正式に搭載することが発表された。この記事では、Windows版Firefox 141でWebGPUを正式リリースする計画と実装状況、さらなる課題について詳しく紹介されている。 7月16日、FirefoxがWebGPUを正式に搭載することが発表された。この記事では、Windows版Firefox 141でWebGPUを正式リリースする計画と実装状況、さらなる課題について詳しく紹介されている。 以下に、その内容を紹介する。 WebGPUがもたらすもの WebGPUはブラウザからGPUを直接扱うための最新インターフェースであり、ゲームやデータ可視化、ローカル計算の上限を引き上げると期待されている。Chromeでは2023年に実装済みで、Safari 26でも今秋に対応予定だ。FirefoxはNightly版で全プラットフォームに提供してきたが、安定版とし
「ChatGPT」「Perplexity」など8つのAI検索エンジンを対象とした調査で60%以上の検索フレーズでニュース記事の誤った引用が提供されるとの結果、特に「Grok 3」は検索フレーズの94%に誤って回答するというひどさ
「BrowserOS」は、Perplexity Cometと同様にAIエージェントをローカルで実行するエージェントブラウザです。AGPL-3.0ライセンスの下、オープンソースで開発されており、エージェントには独自の「BrowserOS AI」のほかOpenAIやAnthropicのClaude、Google Gemini、さらにローカルで動作するOllamaを使うことができます。 BrowserOS - Open-Source Agentic Browser https://www.browseros.com/ browseros-ai/BrowserOS: BrowserOS is an open-source agentic web browser. https://github.com/browseros-ai/BrowserOS BrowserOSはmacOS版とWindows版が
AI搭載ウェブブラウザ「Comet」をPerplexityがリリース、AIでメールやGitHubを自動操作＆音声で対話しながらの指示も可能で合言葉は「思考の速度でブラウジング」
AI検索サービスを展開するPerplexityがAI搭載ウェブブラウザ「Comet」を2025年7月10日(木)にリリースしました。ユーザーはCometにテキストや音声で指示して「メールを送信する」「コードを書く」といった作業を実行可能。PerplexityはCometを「Browse at the speed of thought(思考の速度でブラウジング)」というキャッチフレーズでアピールしています。 Perplexity Comet https://comet.perplexity.ai/ Browse at the speed of thought. pic.twitter.com/vDqWr3r0kO— Comet (@PerplexityComet) July 9, 2025 Cometの見た目はこんな感じ。CometにはPerplexity独自の検索エンジンが搭載されており、
OpenAI、Webブラウザ発表へ Chromeに対抗
対話型生成AI（人工知能）「ChatGPT」を手掛ける米OpenAIが近くWebブラウザを発表すると、関係者3人が明らかにした。市場で支配的地位にあるAlphabet傘下Googleの「Chrome」に対抗する。 数週間以内に発表する予定で、AIを通じてWeb閲覧を根本的に変えることを目指しているという。Google成功の鍵となったユーザーデータに直接アクセスすることも可能になる。 関係者によると、新ブラウザは検索結果をクリックする形ではなく、ChatGPTのように利用者とやりとりするよう設計されている。OpenAIが提供するAIエージェント「オペレーター」などと統合すれば、ブラウザが利用者の代わりに予約やフォーム入力などのタスクも実行できるようになるという。 一方、週間で5億人に上るChatGPTのアクティブユーザーがOpenAIの新ブラウザを利用すれば、Googleの広告収入源に圧力と
JavaScript で Wasm 使ってるなら要注意！ そのメモリ、本当に解放されてますか？ - カミナシ エンジニアブログ
数ヶ月前、画像処理ライブラリ OpenCV.js を使って Web カメラの映像をリアルタイム処理するプロトタイプを作っていたときのことです。 OpenCV.js は C++ で書かれたコードを WebAssembly（Wasm） にコンパイルして作られており、Wasm ならではのブラウザ上での高速な処理が可能なライブラリです。 実際、画像のフィルタ処理や特徴点検出など、ユニットテストの段階では高速に実行でき、開発は一見順調に進んでいるかのように見えました。 ところが、いざアプリケーションに画像処理モジュールを組み込んでみると、起動したカメラが数秒経つとなぜか止まってしまいました。 コンソールにもエラーは出ず、Chrome を再起動すればまた数秒だけ動く……そんな不可解な状態に悩まされました。 原因は、Wasm のメモリリーク。 そう、恐ろしいことに C++ 製 Wasm で作られたライブ
AIエディタ「Cursor」に、スマホ版が登場 Webブラウザ版も同時提供
またIDEのワークフローとも連携しており、モバイル・ブラウザ版の作業をそのままIDEで継続できるという。Slackとの連携も可能で、「@Cursor」と会話で入力してモバイル・ブラウザ版を立ち上げたり、AIエージェントがタスクを完了した際に通知を受け取ったりできる。 モバイル・Webブラウザ版の料金は、Cursorの「Background Agents」機能と同じ料金体系となっており、選択したAIモデルの使用量に応じて決まる。 関連記事 AIエディタ「Cursor」、月額200ドルの新プラン「Ultra」発表 従来の20倍のAI利用枠 AIエディタ「Cursor」を手掛ける米Anysphereは、Cursorの月額200ドル（2万9000円、1ドル145円換算、以下同）の新プラン「Ultra」を発表した。今後1週間以内に提供予定。 学生必見、AIエディタ「Cursor」のProプランが1年
Claude CodeをWebブラウザ上で操作するツールをClaude Codeで作っている - すぎゃーんメモ
経緯 ターミナルでの日本語入力問題 技術仕様 backend claude CLIによるstreaming出力 Claude Code SDK session_idによる会話の継続 permission制御 Denoについて frontend Claude Codeによる実装 GitHub上でOSSとしての開発進行 ワークフローの整備 記録としてのissue駆動開発 templateは人間向けのツール 開発速度のインパクト 今後の展望 まとめ 経緯 6月某日より、Claude Pro Planに加入すると従量課金ではなく月額固定でClaude Codeを使えるようになった。そこで自分もようやくPro Planに加入し、改めてClaude Codeを試してみた。課金額を気にせずに使い続けられるのは、やはり心理的に大きな違いがあると感じる。 Claude CodeのTUIは十分に操作性に優れて
日本語Webサイトを意識したモダンリセットCSS「kiso.css」をリリースしました – TAKLOG
kiso.css - 日本のWebサイトのための「基礎」となるリセットCSS kiso.css は、日本のWebサイトのための「基礎」となるリセットCSSです。日本語に最適化しつつ、アクセシビリティやカスタマイズのし易さを重視しています。 tak-dcxi.github.io kiso.cssは、単なるスタイルのリセットを超えて「より良いデフォルト」を提供することを目指したリセットCSSです。その名が示すように、Webサイト構築の「基礎」として機能します。 有用なUAスタイルシートは活かしつつ、独自のスタイルも追加しているため、厳密には「リセットCSS」の定義から外れるかもしれません。しかし、類似のCSSが一般的に「リセットCSS」として紹介されている現状を踏まえ、検索性を考慮して本記事でもそのように呼称します。 kiso.cssはdestyle.cssやUA+を参考にしつつ、独自性も加え
Apple、WebコンテンツをSwiftUIアプリに統合できる「WebKit for SwiftUI」を発表。
AppleがWebコンテンツをSwiftUIアプリに統合する「WebKit for SwiftUI」を発表しています。詳細は以下から。 アプリを開発する際に、WebコンテンツをSwiftUIアプリに統合したい場合がありますが、現地時間2025年06月09日から開催されているWWDC25では、そのような際に利用できる「WebKit for SwiftUI」が新たに発表されています。 WebKitを使って、WebコンテンツをSwiftUIアプリに簡単に統合する方法を学びましょう。Webコンテンツをロードして表示する方法や、Webページと通信する方法などを紹介します。 SwiftUI向けWebKitの紹介 – Apple Developer WebKitエンジニアリングチームのRichard Robinsonさんによると、WebKit for SwiftUIは、Safariにも採用されているWe
Perplexity の AI ブラウザ「Comet」、Android 版が今秋登場か。 Windows 版先行リリースも
今年 2 月に Perplexity が発表した AI 搭載ウェブブラウザ「Comet」に関して、CEO が最近の AMA (Ask Me Anything) で Android 版が今年の秋、Windows ではベータ版がまもなくリリースされる予定であることを明らかにしました。 Comet のリリース時期と対応プラットフォーム Perplexity の CEO、Aravind Srinivas 氏は Reddit での AMA において、Comet の Android 版について「開発は順調かつ迅速に進んでおり、今秋には何らかの発表ができる見込み」とコメントしました。具体的な日付はまだ不明ですが、Android ユーザーはそう遠くないうちに新しい AI ブラウザを試せる可能性があります。 さらに、Comet が Android だけでなく、デスクトップ版も提供する予定であるとしており、m
Visual Studio Code、Web標準の「Baseline」チェックに対応。コード内のHTMLやCSSにカーソルを合わせれば説明表示
Visual Studio Code、Web標準の「Baseline」チェックに対応。コード内のHTMLやCSSにカーソルを合わせれば説明表示 Visual Studio Code 1.100もしくはそれ以後のバージョンでは、標準でコード内のHTMLやCSSがWeb標準のBaselineに対応しているかどうかをチェックする機能が搭載されていることが、web.devブログで紹介されています。 これにより、HTMLやCSSが主要なWebブラウザで問題なく表示されるかどうかが、Visual Studio Codeで簡単にチェックできるようになりました。 Baselineは安心して使えるWeb標準 Baselineとは最新のWeb標準のサブセットです。Baselineに含まれているHTMLやCSSの機能であれば主要なWebブラウザで実装済みであるため、Webアプリケーション開発者が安心して使える機
ECMAScript source phase imports がはやく動くようになってほしい
Node.js 24.0.0 でECMAScript source phase importsが動くようになりました。 (--experimental-wasm-modules が必要です) Node.jsエコシステムは様々なサードパーティーツールに支えられているので、Node.js自身が新しい機能をサポートしたからといってすぐさまアプリケーションやライブラリで採用できるわけではないですが、この機会に何が嬉しいのか説明しようと思います。 サンプル まず以下のサンプルコードを見てください。 本コードで重要なのは以下の3行だけです。 import source addModuleSource from "./add.wasm"; const addModule = await WebAssembly.instantiate(addModuleSource); console.log("123
2025-05-29のJS: TypeScript Native Previews、Firefox 139、Angular 20、Chrome 137
JSer.info #736 - TypeSciptのGo言語でのネイティブ実装である@typescript/native-previewが公開されました。 Announcing TypeScript Native Previews - TypeScript TypeScriptをGo言語に移植した実装で、コンパイラであるtsgoと合わせてVSCode拡張などもリリースされています。 TypeScriptネイティブ移植観察レポート TSKaigi 2025 - Speaker Deck Firefox 139がリリースされました。 Firefox 139.0, See All New Features, Updates and Fixes Firefox 139 for developers - Mozilla | MDN hidden=until-found属性のサポートとTempora
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox Security & Privacy newsletter 2025 Q2
【CSS】まだ width: 100% つかってるやついる⁉︎ いねぇよな⁉︎ - Qiita
WWDC25にて、Safari 26の詳細が明らかに — SVGファビコン対応、WebGPU実装など、開発者必見の新機能が多数
「Microsoft Edge」にPDFを丸ごと翻訳する機能、内蔵AIを活用するAPIも提供へ／エンタープライズ向けには「Copilot」エージェントなどの機能を利用可能に
