10月24日、デザイナー兼フロントエンド開発者のDave Bushell氏が「Reactを規制するべき時期ではないか？（Is it Time to Regulate React?）」と題した記事を公開した。この記事では、近年のWeb開発におけるReactの支配的地位と、それがもたらす弊害について論じられている。Bushell氏は、Reactがもはや「便利なフレームワーク」ではなく、Webを劣化させる一因になっていると強く批判している。以下に、その内容を紹介する。 Reactがもたらした「Webの劣化」 Bushell氏は冒頭で、Reactに対する「規制」という刺激的な言葉を用いながらも、真意は「開発者自身による自省と是正」にあると述べている。 彼によれば、今日のWebは「遅く」「壊れやすく」「アクセシビリティを欠いた」状態にあり、その多くがReactによって構築されているという。過剰なJa
社会と同様、ウェブも人間が思考を重ね、比較し、自らが何かを発見することで進化します。Vivaldi はブラウジングという行為は能動的であるべきだと考えています。ブラウジングは、探索し、疑問を投げかけ、自分自身の判断を下すという行為です。 業界を見回すと、人工的なアシスタントがブラウザに直接埋め込まれるようになっており、答えを得るための近道のように提案されています。Google はページの内容を要約するために Chrome に Gemini を組み込んでいますが、ごく近い将来、ユーザーの代わりにタブを操作し、サイトをナビゲートする機能も追加されるでしょう。Microsoft は画面に表示される内容をスキャンし、ユーザーの行動を予測する新しいモードを含む AI ブラウザとしての Edge を推進しています。 このような動きは、アドレスバーを単なる AI への指示入力欄とし、ユーザーの探索する喜
この記事は、以下のモダン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属性による宣言的な記述へ ブラウザネイテ
先日、HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになりました。この変更は6/25にリリースされたChrome 138やFirefox 140をはじめ、Edge, Safariも次のバージョンでサポートされる予定です。 この変更は主に、XSS脆弱性の防止に役立ちます。Web制作者に与える影響と潜在的な問題について紹介します。 HTML spec change: escaping < and > in attributes 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに 変更点 変わらなかった点 何が壊れないのか 何が壊れるのか 終わりに はじめに 2025年5月20日にHTMLの仕様が変更され、属性内の<と>がエスケープされるようになりました。これによ
tl;dr foobarhogehoge.invalidは絶対にリクエストが飛ばないのでおすすめ あらすじ 書いていたコードは、とあるミドルウェア向けに内部利用するURLを環境変数で受け取るようになっていた。普段は実際の内部のURLが書かれているのだが、テスト時には以下のようにダミーを設定していた: FOOBAR_EXTERNAL_URL="https://example.com/foobardummy" テストではこのURLを利用しないのだが、内部で環境変数のバリデーションを行っている都合上、とりあえず適当なURLを指定しなければ起動してくれないから、こうなっていた。重ねて言うが、実際はこの環境変数を利用していないのでこれでいい。 しかしこれだと、うっかり内部の様子がおかしくなったりエンジニアが狂ってしまった場合に、example.comに本当にアクセスしてしまう。なおかつ、セキュリティ
公開日 : 2025年6月13日 (2025年6月14日 更新) カテゴリー : アクセシビリティ / ユーザビリティ EC サイトやクチコミなどで、商品やサービスに対するユーザー評価を、星の数で示すユーザーインターフェース (UI) があります。端的な日本語表現はなさそうですが、英語では「star rating」と言うようです。 白地の背景に黄色い星印という外観が一般的ですが、それだとコントラストが低すぎて (特にロービジョンや高齢者などにとって) 星が視認しにくい可能性があります。こうした問題をはじめ、星の数による評価 (star rating) の UI は、アクセシビリティがおざなりにされることが少なくないように (実際に EC サイトなどのアクセシビリティ診断をしていて) 感じます。 この記事では、星の数による評価 (star rating) をアクセシブルにする方法について、解
ネット検索から調べものや買い物まで、普段何げなく使用しているWebブラウザは、閲覧履歴や使用状況などユーザーに関するさまざまな情報を収集している。しかしそうした情報の収集量は、各ブラウザによって大きな差がある実態が、セキュリティ企業の調査で浮き彫りになった。飛び抜けて貪欲にユーザー情報を収集していたのは、世界で筆頭人気のあのブラウザだった。 この調査はプライバシー保護に重点を置くオランダのサイバーセキュリティ企業Surfsharkが、5月現在の米国のトップ10ブラウザを対象に実施。それぞれについてApple App Storeで公開中のプライバシー情報を分析し、ユーザー情報の収集や広告目的のデータ収集状況について調べた。 その結果、収集しているデータの種類は「Google Chrome」が20種類と突出して多いことが分かった。これと比較して、他の9ブラウザが収集しているデータは平均で6種類
Metaアプリ、数カ月にわたるAndroidユーザー監視の実態が明らかに。 Metaに個人データやプライバシーの尊重を期待しているわけではありませんが、データ収集のためならそこまでやるのかと、その執念に毎回驚かされます。 最新の衝撃的な話は「暴露：Androidにおけるlocalhost経由の秘密裏なウェブからアプリへの追跡」と題された報告書から明らかになりました。 かいつまんで言うと、MetaとYandex（ロシアのテクノロジー企業）は、Androidのセキュリティ上の抜け穴を悪用して、潜在的に数十億人のAndroidユーザーを追跡していたというのです。 この抜け穴により、これらの企業のAndroidアプリがインストールされていさえすれば、あなたのウェブブラウザから個人を特定できる閲覧データにアクセスできてしまう状況でした。 この記事のポイントは？ MetaとYandexは、Androi
About this translation ボランティアによる本翻訳は原文（英語）の内容を正確に反映できていない可能性があります。 翻訳者 Hiroya UGA. 寄稿者 Naoki Nakamura. WAIは全ての翻訳者に感謝し、また他のtranslationsも歓迎します その画像はテキストを含んでいますか？ Yes: かつ、そのテキストが実際のテキストとして近くに記載されている場合 空のalt属性を利用します。詳細は装飾目的の画像 (英語版)を参照してください。 かつ、そのテキストが視覚効果のためだけに表示されている場合 空のalt属性を利用します。詳細は装飾目的の画像 (英語版)を参照してください。 かつ、そのテキストがアイコンなど特定の機能を持つ場合 alt属性を、画像の機能を伝えるために利用します。詳細は機能を持つ画像 (英語版)を参照してください。 かつ、画像内のテキスト
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 Misskeyでは2025年も大きな機能改修・リファクタリングに取り組んでいます。 その中にCSS Variablesに関する作業もあったので、今回はその紹介も兼ねてMisskeyで使っている便利なテクニックなどを取り上げます。 CSS Variablesとは CSS Variables（CSS変数）は、カスタムプロパティとも呼ばれ、CSSで変数を使用できる機能です。 CSS変数を使うと、ウェブサイト内で共通して使われるテーマカラーなどの値を使いまわしたり、動的にプロパティの値を変更することが可能です。さらに、CSSで用意されている色関数と組み合わせると、同じく動的に相対的な色の定義が行え、表現の幅を大きく広げることが可能です。 MisskeyのWebクライアントに
Browsers are starting to roll out changes in default UA styles for nested section headings. Developers should check that their sites don't rely on UA styles for certain cases to avoid unexpected results and failing Lighthouse checks. In this post, we'll have a look at what the incoming changes are, how to identify if it's an issue on your pages, and some hints for conformant and better-structured
The 88x31 GIF Collection: Part 1 A collection of 4540 classic 88x31 buttons from the 1990s, 2000s, and today in GIF format. I try to update this page regularly. Feel free to copy buttons to your website, but avoid hot-linking if possible. Part 1 / Part 2 / Part 3 / Part 4 / Part 5 Last updated: 2023/12/13
マンガ図書館Zについて 15年前の2010年、漫画家・赤松健（現・参議院議員）が創設者となり、前身のサービス「Jコミ」が発足しました。 「Jコミ」は電子書籍という存在もあまり一般的ではない当時、再販されていないマンガ、単行本化されることのなかったマンガ、不法な海賊版でしか読めることのなかったマンガを世から埋もらせることのないよう、広告付きで無料で配信し広告収益を作家に還元していくという理念のもと、サービスを開始します。 2010年11月、最初に赤松健の代表作「ラブひな」を広告付きのPDFで無料公開するという試みを行ったところ多くのファンの支持を受け、200万ダウンロードを達成しました。 2012年に配信を開始したがぁさん先生のだいらんどは名作として爆発的な大人気となりました この成功を受けて12月には新規に3作品を公開、翌年2011年からは多くのマンガの配信を始めています。 2015年8月
けんすう @kensuu アルという会社の代表取締役。ネットメディアとコミュニティが専門です。 学生時代からインターネットサービスを作りまくり、したらば→ライブドアに売却→リクルートで新規事業→2009年に株式会社nanapiを創業→2014年にKDDIグループにジョイン youtube.com/@kensuu けんすう2 @kensuu こちらですが、お名前.comさんとやりとりをさせていただいて、色々教えていただいたんですが、結論で言うと「僕の勘違い」でした！大変申し訳ございません！ 先方は「我々が誤解させてしまったので・・・」と言っていただいたんですが、完全に僕が悪いので、訂正させてください、めちゃくちゃご迷惑をおかけしてしまいました・・・。 以下に経緯を説明します。 -- # 前提 ・勘違いした理由の一つとして「お名前.comは確かに、何かの文字列のドメインを取得したときに.sho
「State of HTML 2024」でキャッチアップ。HTMLの最新トレンドと注目機能 2025年1月7日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主
米グーグルに排除命令へ スマホに検索アプリ搭載強制―独禁法違反・公取委 時事通信 社会部2024年12月22日21時49分配信 米ＩＴ大手グーグルの本社＝２０１７年５月、米・マウンテンビュー 米グーグルが、自社の検索アプリを搭載することなどをスマートフォン端末のメーカーに強いていたとして、公正取引委員会が独禁法違反（不公正な取引方法）で排除措置命令を出す方針を固めたことが２２日、関係者への取材で分かった。公取委が「ＧＡＦＡ（ガーファ）」と称される巨大ＩＴ企業の一角に対し同命令を出すのは初。 米グーグルが独占是正案 クローム標準搭載求めず 公取委はグーグルに処分案を通知しており、意見聴取を経た上で最終判断する。 関係者によると、グーグルは同社の基本ソフト（ＯＳ）「アンドロイド」端末メーカーに対し、専用アプリストアの搭載を許諾する代わりに、検索アプリ「グーグル・サーチ」やウェブブラウザー（閲覧
Open UI はW3Cのコミュニティグループの一つ 以下の文章は上記サイトに書いてあることをまとめたもの 発足背景 WHATワーキンググループは、多数のWebサイトで見られる最も一般的なパターンをHTML自体で体系化する取り組みに着手した。 それにより、Web開発者がHTMLを使用するだけでリッチなフォームを実装できるようになった。 しかし、それらの最後の大幅な改定から15年以上経過し、現在のWebアプリケーションはより多くの複雑なインターフェースを提供するようになった。 したがって、HTMLをもう一度最新化し、今日のWebサイトのUIの最も一般的なパターンを作成するために必要な技術を標準化する時期が来ている。 目標 Web開発者が最新のカスタムなUIを作成するためには、どのようにHTML・CSS・JS・Web APIを組み合わせればいいかについて、構築計画を立てること 標準そのものを定
Cardのマークアップでもう悩まない！NestedでClickableなUIを実現する、Link Area Delegationとは Table of Contents Table of Contents はじめに Link Area Delegationとは Link Area Delegation 提案の背景 - マークアップの制限 クリッカブルなコンテナを実現する既存の方法 既存方法とその問題 現状検討されている4つの実装方法 1. Link delegation attributes 2. <linkarea> Element 3. Use CSS pointer-area Property 4. Use Invokers おわりに Appendix はじめに Open UI Community Groupで、仕様の策定が検討されている Proposal の一つに、Link Are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く