The World Wide Web Consortium の略。 ティム・バーナーズ=リーが創設したWebの標準化団体で、HTML, XML, DOM, CSS, PNGなどの規格の標準化を行っている。
本記事の内容は個人の見解によるものです。 この記事 is 何? 2023年10月11〜15日に開催された TPAC 2023 にオブザーバとして参加してきました。TPAC に参加するのは初めてだったので、初心者なりに体験したことや気づいたこと、今後初参加する方がどのように臨めば良いかについて記してみようと思います。 なお、議論内容等といった技術的なトピックについては登壇イベントや こちらの記事 のように別途紹介していきますので、本記事では対象外とします。 TPAC とは TPAC は (Technical Plenary and Advisory Committee) は W3C1 が年に一度…
https://www.w3.org/TR/ctaur/#collaboration-tools これはアクセシビリティアドベントカレンダー 16日目の記事です。W3CのCollaboration Tools Accessibility User Requirements(CTAUR) を紹介します。内容は執筆時点の情報です。 www.w3.org Collaboration Tools Accessibility User Requirementsとは Collaboration Tools Accessibility User Requirements(CTAUR)は、コラボレーションツー…
www.ttc.or.jp TTC(一般社団法人情報通信技術委員会)から、情報通信分野における標準化活動のための標準化教育テキストの入門編及び実践編の改版が公開されました。 このテキストでは、ITUや、IETF、W3C、3GPPなどのグローバルな標準化団体におけるお作法などがとても詳しくわかりやすく整理されています。 標準化の意義や、標準化団体の概要、標準化の事例など、標準化活動にとても役立つ内容ばかりです。 グローバルな標準化活動で使用される英語の解説などはとても重宝すると思います。 分量は多いですが、辞書的・参考書的に、少しずつ、つまみ食いしながらでも読んでいただければ、標準化活動への理解…
色々なシステムがごたまぜでよく分からなかったので、自分なりに調べたメモ。間違ってたら指摘ください・・。 まず、 ブラウザをプログラムから動かすためにはそのブラウザ用のドライバが必要。 昔は、それぞれのブラウザが独自実装していたらしいが、 Selenium が Webdriver という名前でそれらを吸収するHTTP APIを提供した。開発者は各ブラウザドライバの仕様を知らなくてもそのHTTP APIを用いれば各種ブラウザを扱うことが可能になる。それが後にW3Cで Webdriver として標準化された、という流れのようだ。つまり、 クライアント(開発者のプログラム)→(HTTP )→Selen…
こんにちは。クラウド推進技術部の牧田です。 今回は、HLS での VOD 配信において字幕のつけ方をご紹介したいと思います。 はじめに 動画に字幕をつけるには 1. 字幕ファイルを用意する。 2. 字幕のメディアプレイリストに字幕ファイルを記述する。 3. マルチバリアントプレイリストに字幕のメディアプレイリストを記述する。 VTT ファイルの内容 VTT ファイルのサンプル VTT ファイル作成のルール おわりに はじめに 字幕には大きく、オープンキャプションとクローズドキャプションがあります。 オープンキャプションは焼き込み字幕とも呼ばれ、動画自体に字幕を入れる方式であり、常に字幕が動画に…
おにじと申します。 はい、いつものセール記事です。 当記事では、対象製品を更新していく感じ。 ブログで取り上げたのを中心としつつも、 Amazon系統 オーディオ系統 Echo Buds SOUNDPEATS ガジェット系 CIO UGREEN Baseus 液晶タブレット XPPen HUION SUNEAST ミニPC類 スマートホーム系統 Nature Remo SwitchBot スマートウォッチ系列
nordot.app JR東海によりますと、きょう午後5時20分ごろ、東京駅に到着した東海道新幹線の上り「こだま730号」から降りた客が、「車内にヘビがいる」と駅の係員に伝えました。 係員が確認したところ、6号車の車内で体長およそ40センチくらいのヘビが見つかり、捕獲して保健所に渡しました。 けが人などはいないということです。 「こだま730号」は名古屋駅を午後2時38分に出発し、東京駅到着後は「ひかり653号」として折り返し運転する予定でしたが、急きょ車両を変更したため、出発が17分ほど遅れたということです。 意味深なニュースですね。数字がいっぱい。 蛇と龍。 辰年、中日ドラゴンズ、朝青龍、…
はじめに 本稿は、オープンソースの可観測性(Observability)プロジェクトである OpenTelemetry を取り上げた書籍「Learning Opentelemetry」の読書感想文です。従来の可観測性の課題であったデータの分断を解消し、トレース、メトリクス、ログなどの様々なテレメトリデータを統合的に扱うことができる OpenTelemetry は、可観測性の分野における革命的な存在と言えます。 過去10年間で、可観測性はニッチな分野から、クラウドネイティブの世界のあらゆる部分に影響を与える数十億ドル規模の産業へと発展しました。しかし、効果的な可観測性の鍵は、高品質のテレメトリデ…
今回はQubes OSの中の Whonixテンプレートを日本語化するやり方を解説します。日本語化するとプライバシーに一定の悪影響があることも説明します。 日本語化とプライバシーへの影響 この記事でのWhonixテンプレート日本語化の方針 whonix-workstation-17テンプレートの日本語化 ロケールをja_JP.UTF-8にする 日本語フォントのインストール 日本語入力システムのインストール anon-whonix など各キューブのfcitx5設定を修正 プライバシー強化のために英語専用のWhonixテンプレートを作成 whonix-workstation-17 テンプレートの名前…
はじめに こんにちは。 株式会社iimonでフロントエンドを担当している保田です。 今回はブラウザがレンダリングする際に構築されるDOM(Document ObjectModel)とCSSOM(CSS Object Model)について書きました。 レンダリングとは? ブラウザに指定されたURLをブラウザの画面に表示することです。 ブラウザには以下のように、さまざまな機能が搭載されていますが、レンダリングの役割を担っているのがレンダリングエンジンです。 以下のサイトでまとまっているように使用されているレンダリングエンジンは使用されているブラウザごとにさまざまです。 webukatu.com 引…
こんにちは。ムキムキマッチョマンになりたい人です。心も体もムキムキマッチョマン。 フロントエンド領域でのムキムキマッチョマン目指して頑張っています。 この記事は技術記事の皮を被った、IT知識トレーニングの記録です。 導入 我々フロントエンドエンジニアなら誰しも一度は記述するHyper Text Markup LanuageことHTMLですが、書き方やタグのルールはどのようにして決められているのでしょうか? HTMLの標準仕様における現行版「HTML Living Standard」を読み、Web標準について理解を深めるブログです。 Webを支える「標準」 HTMLのルールはブラウザ開発会社のエ…
はじめに この記事はセキュリティ意識向上を目的とした啓蒙記事です。情報流出した人たちに対して不快な思いをさせる意図は一切ありません。 情報が流出するとどうなるの? インターネット上で情報が流出するなんていうニュースを最近よく見ると思います。 もちろん、これらの事件は人為的なミスによりサーバーの内部データが閲覧できるような状態になってしまったり、ハッカーからのサイバー攻撃に端を発するもので、あなたは一切悪くありません。 流出したデータはダークウェブ*1で高額取引に使われたり、紐づいた口座情報、クレジットカードを悪用されて不正利用される原因にもなります。 その対策として、主に「2段階認証」「パスキ…
2024/4/13 https://www.webtouchmeeting.com/event/21 アクセシビリティの話はよく聞きますが新しい学びもあって広島まで行ったかいがありました 障害者差別解消法についてしっかり説明を聞けたのは初めてだった スクリーンリーダーはmacのVoiceOverしか使ったことなかったのでNVDAがどんな感じか知れた iPhoneのVoiceOverで自分が作ったページを聞いてみようと思った 読字障害の人がブラウザ拡張で行間を広げる時に思ってた以上に広くしてたのが学びだった ウェブアクセシビリティ、今知っておくべきこと 植木 真さん アクセシビリティ UXを構成…
TerraformでEC2プロビジョニング時に、ユーザーデータ内でパブリックDNS名を参照しようとしたらすんなり実装できなかったのでメモ。 AWSでEC2をプロビジョニングする際にホスト上の初期処理を投入したい場合は、実行したいコマンドをシェルスクリプトとして記述できるユーザーデータが便利。 ただし、Terraformなどから利用する場合にテンプレートを使ってパラメタも指定できてさらに便利に使えるけど、EC2をデプロイした結果決まる値を渡すことはできない。たとえばIPアドレスとか。 TerraformのNG実装例 よくある(?)例として、EC2上にデプロイするアプリケーションに自信のホスト名や…
はじめに OpenTelemetryは、分散システムの可観測性を向上させるためのオープンソースのフレームワークです。アプリケーションのパフォーマンス、動作、エラーなどを追跡し、収集されたデータを分析および視覚化することで、システムの健全性を監視し、問題の早期発見と解決に役立てることができます。約2年前にOpenTelemetryについてブログに書きましたが、その内容は現状と大分差異があるように感じます。OpenTelemetryプロジェクトは急速に発展しており、公式ページの充実や新しい機能や改善が続々と追加されています。また、多くの組織がOpenTelemetryを採用し、勉強会などで資料を公…
例によって、オイラのアンテナが低かったって話。 2019年に、W3C が縦書き言語への対応をしてくれていたのですね。 それまでは、あれこれ苦肉の策(ドリキャスで縦書き表示の実験とか懐かしいわ~)で実現できていた縦書き表示が、簡単な CSS で可能に。 これ、たぶん中華マネーの力ですね。 日本がいくら言っても、W3C に聞く耳などなかった。 口惜しいですが、まあ結果オーライということで。 縦書き構成サイトがどんどん出てくると面白いのですが、さすがにそこまではいかないか。 ということで。 本宅の拙作頁を縦書きに変えちまいました。 いちおう、Edge と Vivaldi と Firefox で確認し…
Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペット…
春分の日が過ぎたというのに、まだ寒い日が続きますね・・・。電気代も上がっているのでいい加減暖かくなってきてほしいですね。 たまにサイトのリニューアルをやるのですが、ソースコードを見てびっくりすることがあります。「div病」とかは有名なんですが、それはユーザーにあまり影響はないので百歩譲るとして、imgタグがsrc属性のみになっていたことがあったんですね。これ、はっきり言うとダメです。