こちらは、Webアクセシビリティ Advent Calendar 2019 の２１日目の記事です。 Vue.js 開発における Web アクセシビリティ対応にまつわる内容となっております。（英訳記事） この記事は公開から１年以上が経過しています。内容が一部古い箇所があります。 自己紹介 大山奥人（おおやまおくと）と申します。ネット上では、おおやまみちのく、yamanoku と名乗って活動しています。 制作会社の Web デザイナーとして働き出し、株式会社GEEK でマークアップ・フロントエンドエンジニアとして従事した後、2019 年 10 月から株式会社クラウドワークスに在籍しております。 役職は UX エンジニアです。個人ではアクセシビリティ啓蒙も行っています。 著書 これからはじめるwebアクセシビリティ 技術書典で「これからはじめるwebアクセシビリティ」という技術同人誌を発表しまし
こちらは翻訳記事となります。原著者の許諾を得て翻訳・公開しております。 英語記事: The History of the URL原文公開日: 2020/03/05著者: Zack BloomURL: https://blog.cloudflare.com/the-history-of-the-url/ 1982年1月11日、22 人のコンピュータ科学者が「コンピュータメール」(今日の電子メール）の問題を議論するために集まりました。議論の参加者にはサン・マイクロシステムズを作った人、Zork の開発者に NTP の開発者、そして政府に Unix の支払いをするように説得した人も含まれていました。 問題は単純で、 ARPANET にある455台のホストが制御不能に陥っていたのです。 この問題は、ARPANET がもともとの NCP プロトコルから、今日の”インターネット”と呼ばれる TCP/I
![[翻訳]”URL”の歴史 — Cloudflare Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d08fa716709e9ce713da4039682c4ddc6011178/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fda%3Atrue%2Fresize%3Afit%3A514%2F0%2AvGh9FcrsUeIMw0DK.gif)
IEでのブラウザ確認にまだ意味はあるのか？
IEでのブラウザ確認にまだ意味はあるのでしょうか？ 2020年1月14日にWindows 7のサポートが終了し、翌15日にはChromium ベースのEdgeがリリースされました。そんな2020年の現在でもInternet Explorerでのブラウザ確認はまだ必要なのか、IEの現状とEdgeの登場でどう変わるのか、デベロッパーの目線で解説した記事を紹介します。 Does Browser Testing On Internet Explorer Still Make Sense? by Harshit Paul 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Internet Explorerでの確認に、まだ意味がまだありますか？ なぜInternet Explorerは終焉を迎えたのか EdgeとInternet Explor
WebAssembly Summitというカンファレンスへ参加してきました。その午前のセッションについてまとめました。午後のセッションについては別記事でまとめます。 TL;DR; 午前はWASMを取り巻く問題について扱ったように感じました。いくつかには解決策が提示され、いくつかは問題提起にとどまった印象です。 WebAssembly Summitとは？ Webブラウザの上で実行できる第2の言語、それがWebAssemblyです。誕生は2015年にW3Cのコミュニティグループが結成され、2019年末に正式な仕様としてリリースされました。このWebAssemblyのツールやランタイム、そしてWebAssemblyを使ったアプリケーションに関する発表を行うカンファレンスが、WebAssembly Summitです。 WebAssembly は、ネイティブのアプリケーションやエッジサーバにおける処
公式ブログによると、ThreadsはW3Cが確立したオープンソーシャルネットワークプロトコル「ActivityPub」と互換性を持たせる予定という。そうなれば、同じプロトコルをサポートするMastodonやWordPressと相互運用できるようになる。 「我々のビジョンは、互換性のあるアプリを使う人々がThreadsのアカウントなしでもThreads上の人々をフォローしたり交流でき、その逆も可能になることだ」としている。 Mastodonのオイゲン・ロチコCEOは同日、Threadsは分散型ソーシャルWebの一部になろうとしているが、Threadsとの通信を許可するかどうかはMastodonの各サーバーの運営者が決定することだと説明した。 「ユーザーがプラットフォームを乗り換えようとするときの最大の障害は、そのプラットフォームでのソーシャルグラフを放棄しなければならないことだ。（Threa
こんにちは。福岡オフィスエンジニアの @petamoriken です。趣味でFloat16Arrayのponyfill1を公開しECMAScriptに入れてもらうように活動していたところ、喜ばしいことに2023年5月のTC39会議にてStage 3となりました。折角なのでその経緯を書いていこうと思います。 ECMAScript excitement 😉@TC39 advanced these proposals this week 🎉 4️⃣ Atomics.waitAsync 4️⃣ RegExp v flag 4️⃣ Well-Formed Unicode Strings 3️⃣ Decorator Metadata 3️⃣ Float16Array 2️⃣ Base64 for Uint8Array 2️⃣ Promise.withResolvers 2️⃣ TimeZone C
前回の雪かき事故を知らせるアプリの通知先はiPhoneアプリでしたが、AndroidやパソコンのChrome, Firefox, Edgeでは、W3Cでオープンに規格化が進む WebPushこと「Push API」が使用可能とのことで、実験してみました。 コマンドラインから、webから、結構手軽に通知が送れるのでなかなか楽しく、便利です！うまく使えば、気になる情報のチェックや、リマインドに大きく力を発揮してくれそうです。 本ブログにもそのうち追加しようと思いますが、ひとまず、実験できるプログラム一式ができたので、公開します。 WebPushは、各ブラウザベンダーが運用している通知サーバーにデータを送って、そこから各ブラウザへと通信される仕様のようです。 Node.js 用のライブラリを使って、通知用の設定と、コマンドラインで送信するツール、Deno で作ったサンプル通知管理サービスと、クラ
本日、CloudflareはVercel、Shopify、およびNode.jsとDenoの両方の中心的な個々のコントリビューターと協力して、Webブラウザではない、JavaScriptベース開発環境で標準化Web APIを相互運用できる実装に焦点を当てた、新しいコミュニティグループの設立を発表いたします。 W3CおよびWeb Hypertext Application Technology Working Group（WHATWG）は、開発環境としての標準化APIとWebの機能を、長い間先頭に立って開発してきました。fetch()、ReadableStreamおよび WritableStream、URL、URLPattern、TextEncoder などのAPIは、現代のWeb開発における馴染みの、そして貴重なコンポーネントになりました。ただし、これら既存グループは常にWebブラウザの特定
【SEO効果も】 画像を貼るならalt属性（代替テキスト）を使わないともったいない！ 使い方からメリットまで詳しく解説 - 週刊はてなブログ
ブログにおいて、画像の存在は非常に重要なものです。撮影した写真や描いた漫画を掲載している記事はもちろん、文章をメインにした記事においても、画像をアクセントに貼る、という人も少なくないのではないでしょうか。 記事内に画像を貼る際、ぜひ設定しておきたいのがalt属性（代替テキスト）です。alt属性は、画像などの要素（img要素）が表示できないときに、代わりに表示される文字列のことをいいます。 一見すると難しそうですが、はてなブログでは記事編集画面（PC版）から手軽にブログの画像にalt属性（代替テキスト）を付与することができます。 alt属性（代替テキスト）って何？ そのメリットとは？ alt属性は、ネットワークの問題で画像が読み込まれなかった場合に画像の説明を補うために使われるほか、音声ブラウザで読み上げられる際にも使われています。 つまり、alt属性で画像の説明を付与しておけば、さまざまな
Beautiful PDFs from HTML
Foreword HTML and CSS are beautiful languages and one of the landmark achievements of collaboration and the open web. Together, they allow you to create beautifully typeset digital content that can be viewed on any device, without any special software or paid licenses. The web however was developed for scrolling content, and not paged media (by which we mean discrete pages, like in print or PDF).
AWSサービスのServerlessオプションの特徴・比較・まとめ・プロビジョニングとの違い －Aurora、Neptune、EMR、Redshift、MSK、SageMaker Inference、OpenSearch Service－ - NRIネットコムBlog
小西秀和です。 今回は「AWSサービスのServerlessオプション、オンデマンドモードの特徴・比較・まとめ・プロビジョニングとの違い」の記事の一部としてAWSサービスの一部でクラスターやインスタンスのプロビジョニングに対して用意されているServerlessオプションについて、主なAWSサービスごとに特徴、設定項目、料金、制限事項を見ていきたいと思います。 今回の記事の内容は次のような構成になっています。 Serverlessオプションが使える主なAWSサービス Amazon Aurora Serverless v1 Amazon Auroraの概要 Amazon Aurora Serverless v1の特徴 Amazon Aurora Serverless v1の設定項目 Amazon Aurora Serverless v1の料金 プロビジョニング型とServerlessオプショ
マストドン入門。脱Twitterで注目されるSNS「Mastodon」を始めてみよう | テクノエッジ TechnoEdge
ブロガー・著者・研究者。ブログLifehacking.jp管理人。著書に「ライフハック大全」「知的生活の設計」「リストの魔法」（KADOKAWA）など。理学博士。 @mehori 2017年5月、最初のマストドンブームの時に世界最速のマストドン入門書が出版されました。それから5年が過ぎ、イーロン・マスクによる買収で揺れるTwitterからの移行先としてマストドンが改めて注目されています。SNS事情に詳しく、最初のマストドン入門書の著者の一人である堀正岳さんに、アップデートされた入門記事をまとめてもらいました。 イーロン・マスク氏によるTwitterの買収に伴い、従業員大量解雇や広告主の離脱といった混乱が連日報じられています。 関連記事：イーロン・マスク、Twitter社員の大量解雇を開始。不当解雇の集団訴訟も 関連記事：広告最大手オムニコム、Twitter広告の一時停止を企業に勧告。ブラン
はじめに デザイナー以外の方でも、サイトやアプリを作るためにUIを作成することはよくあると思います。 そんな時に最低限知っておくと良さそうな、アクセシビリティに関するTipsをまとめてみました。 この記事で紹介する以外にも色々とあるとは思うので、是非コメントなどで「これも追加した方がいいんじゃないか」など提案いただけると助かります！ この記事ではFigmaなどのデザインツールでUIをデザインする段階を想定しています。 そのため、「ボタンはdivでなくbuttonで実装する」「アイコンフォントにaria-labelをつける」「音声を勝手に再生しない」といった実装段階のポイントは扱いません。 読みやすい文字のサイズや色、フォントを使う 文字サイズ Webサイトやアプリで使われている本文のフォントサイズは14~18pxが多いです。 また、W3Cでは英文の場合18ポイント以上もしくは、14ポイント
はじめに 本記事はAWS SAAの勉強中に、「とりあえず主要なサービスの概要ぐらい知っておいたほうがいいよな...」と思い立ち、自分用にまとめたものです。 2/3ほど記事を作成した後に見つけてしまった(悶絶) クラスメソッド先生の 【2020年】AWS全サービスまとめ がこの上なく、コンパクトで的確にまとまっていた ので、こちらを見たほうがいいと思います(本末転倒) 各サービスの雰囲気を掴むぐらいの温度感で見ていただければ(逃げ道) 対象のサービス 本記事で取り扱うサービスは2020年5月時点のAWSマネジメントコンソールの ここをクリックした際に表示されるサービス群が対象です。 結構な頻度でレイアウトが変更されたり、サービスが追加されるので 「おい！！！このサービスが書いてねーぞ！！！」 とかは許してほしいのだ(ハム太郎) コンピューティング アプリケーションを動作させるためのマシンリソ
登壇版 ConsoleFormatter HttpLogging ConsoleFormatterOptions.IncludeScopes W3C Trace Context ExceptionHandler DbDataSource HttpClientFactory まとめ References 登壇版 .NET ラボ 2023/07/22 で発表した資料です。 スライドはこちら。 スライドはアニメーション豊かなので、スライドと本投稿合わせながら見るといいかもです。 登壇のアーカイブはこちら。 30 分程度です。 ConsoleFormatter ログはだいた標準出力、まぁコンソールに出力しますよね。 そしてコンソールにログを出力するといっても、当然ながら複数のフォーマットがあります。 C# で現在ロガーとしてデファクト的に使われている Microsoft.Extensions.Lo
第4のWebブラウザ用言語「WebAssembly」、誰がどのように使っているのか：他の言語から呼び出して使う ソフトウェアコンサルティング会社のScott Logicが第4のWebブラウザ用言語「WebAssembly」の使用状況について、調査結果を発表した。WebAssemblyアプリケーションの作成に使われている言語やWebAssemblyの使用目的、今後大きな影響を与える分野、改善を要する分野などが明らかになった。 WebAssemblyとは WebAssembly（「Wasm」と略される）は、Webブラウザを含むモダンな実行環境での効率的なコード実行とコンパクトなコード表現を実現するために設計された、安全でポータブルな低レベルフォーマットだ。 企業の独自規格ではなく、World Wide Web Consortium（W3C）が2019年に標準化を完了し、コア仕様をW3C勧告とし
おはようございます、ritouです。 Google I/O の "A path to a world without passwords" っていう発表、ご覧になりましたか？ www.youtube.com FIDO, WebOTP, FedCM...いいネタ揃ってますね！今回はFIDOの話をしましょう。 パスワード認証はもう終わり！時代はパスワードレス認証ですよと言い続けてはや数年経ちましたが、最近こんなプレスリリースが出ていました。 prtimes.jp すべての人にとってウェブをより安全で使いやすいものにするための共同の取り組みとして、Apple、Google、Microsoftは本日、FIDOアライアンスとWorld Wide Web Consortium（以下、W3C）が策定した共通のパスワードレス認証のサポートを拡大する計画を発表しました。 何やら大ごと感ありますが、3行でまと
Apple、Google、Microsoft、Mozillaは6月4日（米国時間）、W3CでWebブラウザの拡張機能を改善するためのコミュニティグループ「WebExtensions Community Group」（WECG）を立ち上げたと発表した。 Appleは「Safari」、Googleは「Chrome」、Microsoftは「Edge」、Mozillaは「Firefox」というWebブラウザを提供している。WECGは他のWebブラウザメーカーや開発者などにも参加を呼び掛けた。 拡張機能の共通のビジョンに沿って、将来の標準化に向けて取り組むことを目指す。開発者が簡単に共通の拡張機能を作成できるよう、一貫性のあるモデル、機能、API、アクセス許可の共通コアを指定することや、悪用されにくいアーキテクチャの概要を説明していく。 まずは、各Webブラウザの既存のモデルとAPIを基盤とし、仕様
こんにちはスマートバンクのデザイナーのputchomです。普段は「家計簿プリカ B/43」のプロダクトデザインやデザインシステムの構築を担当しています。 先日、CreatorZineさんでプロダクトデザインに関するスマートバンクの連載記事を書かせていただいたのですが、今回はその中でお伝えしきれなかった「デザイントークンの設計」についてご紹介しようと思います。 デザイントークンとは？ そもそもデザイントークンとは、色、タイポグラフィ、サイズ、不透明度、影などのデザインをするための最小要素のことであり、スマートバンクではデザインの一貫性を保ったり、関わるメンバーがよりデザインに対する共通認識を持てるようにして、プロダクトの価値提供を早くするために定義しています。 まず完成形です。このあと説明する様々な工程を経て、以下のようなデザイントークンをJSONで定義しました。（すべて記述するとかなり長く
Cookieの改訂版仕様 rfc6265bis について、その変更点をざっと眺めていく はじめに SameSite属性 Cookie名プレフィックス (Cookie Name Prefixes) __Secureプレフィックス __Hostプレフィックス 非セキュアなオリジンからの Secure属性の上書きを禁止 nameless cookieの許容 Cookie名、Cookie値の上限長の指定 Expires属性の年が2桁の場合の処理の指定 Max-Age/Expires の上限 その他 今回入らなかった機能 はじめに Cookieの仕様は『RFC 6265: HTTP State Management Mechanism』として標準化されています。 そのCookieの仕様の改訂版が『rfc6265bis』と呼ばれているもので、現在標準化作業が進められいています。"SameSite属性"
GMOアドマーケティングのT.Oです。 今回はMacからSeleniumとpythonプログラムを利用してiPhone実機のSafariを操作してみます。 0.Seleniumの説明 Seleniumは、WebアプリケーションをWebブラウザで表示したときに正常に表示されるか、ある操作をしたときに想定通りの画面に遷移するかなどユーザーインターフェイスのテストを自動化するために開発されたツールです。 現在ではテストに使われるだけでなく、タスクの自動化やWebサイトのクローリングなど様々な用途で利用されています。 SeleniumがWebブラウザを操作するために開発したのが、プログラム上からWebブラウザを操作するためのライブラリWebDriverです。 現在ではWebDriverは標準技術としてW3Cに取り入れられており、主要なブラウザのベンダーがWebブラウザの標準機能としてWebDriv
ブレンドモード - Wikipedia
ブレンドモード（またはレイヤーの合成モード、描写モード）とは、デジタル画像編集およびコンピュータグラフィックス（CG）の分野において、2つのレイヤーが互いにどのように合成されるかを決定するための設定である。 解説[編集] ほとんどのアプリケーションのデフォルトのブレンドモードは、単に上のレイヤーで下のレイヤーを覆い隠すというものである。一方で、2つのレイヤーをブレンドするブレンドモードがたくさん用意されている。それぞれの「レイヤー」の画像を構成するピクセルの一つ一つが、RGB値（カラーチャンネル）やアルファ値（アルファチャンネル）などを表す数値を持っており、それに応じて適切なブレンド方式を使い分ける必要がある。 Adobe PhotoshopやGIMPなど多くのCGソフトでは、「基本的」なブレンドモードだけでも結構あり、ユーザーはレイヤーの不透明度を変更するなどして、レイヤーの合成方式をい
福岡のWebアクセシビリティ/フロントエンドエンジニア。株式会社ディーゼロ所属。Webにインクルーシブな未来を夢見てる人。よりセマンティックでアクセシブルなHTMLをマークアップできるように開発者を手助けするmarkuplintというオープンソースツールを個人の活動として開発しています。 これはエンジニアである僕がアクセシビリティを学ぶことによりデザインの知識と理解が深まったという経験談です。もしも今、あなたがデザインに関わっていく上で物足りなさやスキルの向上に伸び悩んでいるのであれば、アクセシビリティの知識がその助けになるかもしれません。広範囲でしかも大袈裟な話に聞こえるかもしれませんが、気になったところからちょっとずつ覗いてみるだけでもいいと思います。 アクセシビリティとは Accessibilityは英語なので人によって訳や解釈が若干異なりますが、これから話すアクセシビリティは、一般
Windows10 / Microsoft Edge での自動テスト(Selenium WebDriver)を Azure DevTest Labs 上で実行して高速化したお話 | メルカリエンジニアリング
Windows10 / Microsoft Edge での自動テスト(Selenium WebDriver)を Azure DevTest Labs 上で実行して高速化したお話 この記事は、Mercari Bold Challenge Month の 2日目の記事です。 メルカリで QA Automation Engineer をしている 根本 征 です。 私は現在、メルカリWeb版のUIテスト自動化に取り組んでいます。 今回は、Microsoft Edge ブラウザでの UIテスト自動化 (Selenium WebDriver) とその環境構築についてお話します。 マルチブラウザ時代のUIテスト戦略 Windows10 / Microsoft Edge で Selenium WebDriver のテストを動かす Windows 10 / Microsoft Edge のテスト環境への課題
Apple、Google、Microsoft、Mozillaのブラウザーベンダー大手4社が構成する業界団体が、ワールドワイドウェブ（WWW）の標準化団体であるWorld Wide Web Consortium（W3C）と合意し、主導権争いに勝利した。これは事実上、業界団体側がサポートしなければ、W3Cがウェブ標準を規定できないことを証明するものだ。 業界団体のWeb Hypertext Application Technology Working Group（WHATWG）は2004年に結成された。団体結成は、W3Cが現代的なHTML標準を開発するペースが遅かったことと、XMLに似た構造を持つXHTMLにHTMLを移行させるW3Cの計画を受けての動きだった。ブラウザーベンダー側は当時、XHTMLに賛成していなかった。 当時Apple、Mozilla、Operaが構成メンバーだったWHATW
テックタッチアドベントカレンダー 22 日目を担当する、フロントエンドエンジニアの shoko です。クリスマスが大好きで、12 月に入ってからは毎日うきうきしています！ 本日のテーマは「アクセシビリティ」です。 アクセシビリティとは？ アクセシビリティとは、Web システムやサイトを可能な限り多くの人が利用できるようにすることを意味します。 「可能な限り多くの人」というのは、ハンディキャップを持つ人々だけではなく、さまざまな状況や環境も含まれます。例えば、モバイルデバイスや回線の遅いネットワークを利用する場合、屋外の光が眩しい場所でデバイスを利用する場合、機械の故障でマウスが使えずキーボードで操作する場合…などです。このような状況や環境になることは誰でも考えられることであり、アクセシビリティを改善することは多くの人にとってメリットがあります。 しかし、アクセシビリティに興味を持っても、「
情報システムのUX（ユーザーエクスペリエンス）デザインにおいて、ユーザーにとってわかりやすい画面をつくる重要な要素の1つが色の使い方です。 まず「色が持つ意味」について注意が必要です。人がある色を見たときに、想起するイメージや心理効果があります。赤色はエネルギッシュで元気なイメージがあるため、スポーツに関連したシステムに利用するとよいでしょう。また赤色には、食欲を増進させる効果もあるとされており、食品関係のシステムやサイトでもよく利用されています。 一方で青色は落ち着いたイメージで、リラックスする、集中力を高めるなどの効果があるため、業務システムに向いています。 ただし、ユーザー層や利用環境を考慮から外してはいけません。色に対して抱くイメージは、文化的背景によるものが多く、国や時代、性別によって変化します。デザインする情報システムを提供するユーザー層を思い出し、そのユーザー層が持つであろう
Push notifications are now supported cross-browser Stay organized with collections Save and categorize content based on your preferences. Push notifications were standardized in 2016 with the release of the Push API and the Notification API, which are part of the W3C's Web Applications Working Group. These APIs provide the necessary functionality for web developers to incorporate push notification
rabble.md fiatjafはブログ記事を投稿しましたが、これがblueskyに関していくつかの議論を巻き起こしました：https://fiatjaf.com/ab1127fb.html これは、bluesky開発者のPaul Frazeeから長いskeetストリームの返信が来たことを引き金にしました：https://staging.bsky.app/profile/pfrazee.com/post/3jv72j3fp6g2r そして、私はいくつかの考えをまとめました： 分散型プロトコルの世界は勢いを増しており、NostrやBlueskyのようなプロジェクトが先頭に立っているのは興味深いことです。私たちの多くは、これらのプロトコルの開発に何年もの時間を費やしており、今では世界中で関心を集めています。私は長い間、さまざまな分散型ソーシャルメディアプロトコルを追跡しており、興味がある方は
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo! JAPAN研究所の大神 渉です。 パスワードの代わりに生体認証などを使うシンプルな認証技術「FIDO」の標準化活動に携わっています。 2020年6月4日に、FIDOアライアンスから私が著者として関わった「White Paper: Multiple Authenticators for Reducing Account-Recovery Needs for FIDO-Enabled Consumer Accounts」というホワイトペーパー（FIDOのベストプラクティスや標準技術の活用に関してFIDOアライアンスが発行する文書のこと）が発行されました。 本記事では、私の経験をもとにヤフーがパスワードレス認証
本連載では第一線のPerlハッカーが回替わりで執筆していきます。今回のハッカーは白方健太郎さんで、テーマは「実践Fediverse」です。 本稿のサンプルコードは、WEB+DB PRESS Vol.114のサポートサイトから入手できます。 Fediverse──非中央集権型ソーシャルネットワーク 2017年春に日本でブームとなったMastodonが構成するような非中央集権型ソーシャルネットワークは、Fediverseと呼ばれます。Fediverseは、中央に全体を制御するサーバがおらず、各サーバが連合と呼ばれるゆるいネットワークを構成することが特徴です。 本稿では、Fediverseに参加するために最小限実装する必要がある機能と、Perlにおける実装方法を説明します。 Fediverseを構成する仕様群 Fediverseは複数の仕様を組み合わせることで実現されています。本節では、それぞ
公開日 : 2023年7月19日 (2024年3月20日 更新) カテゴリー : アクセシビリティ 国連の「障害者の権利に関する条約 (Convention on the Rights of Persons with Disabilities)」の批准に伴う国内法制度の整備の一環として、「障害を理由とする差別の解消の推進に関する法律」(いわゆる「障害者差別解消法」) が2016 (平成28) 年4月1日より施行されています。 現在はその改正法 (「障害を理由とする差別の解消の推進に関する法律の一部を改正する法律」) が2021 (令和3) 年6月4日に公布されており、政令により2024 (令和6) 年4月1日に施行されることになっています。併せて基本方針 (「障害を理由とする差別の解消の推進に関する基本方針」) も改訂され2023 (令和5) 年3月14日に閣議決定されたところで、こちらも
Passkey の動向 2023年ふりかえり - Money Forward Developers Blog
はじめに こんにちは、マネーフォワード ID 開発チームの @nov です。 2023年はマネーフォワード ID として本格的にパスキーのサポートを開始した年でした。 2023年4月にリリースしたマネーフォワード ID のパスキー実装ですが、2023年末の時点でマネーフォワード ID へのログインアクションの7%ほどがパスキーによるログインになっており、Google Sign-in や Sign in with Apple などを抜いてパスワードに次ぐ第二位の認証手段となっています。 この一年で、Money Forward Developers Blogにも、最初に Passkey Autofill に全面対応した実装でリリースに至った経緯や、定期的な利用状況レポートなどを挙げてきました。 Passkey autofillを利用したパスワードレスログイン導入で得たものと、得られなかったもの
ウェブの変更の追っかけ方
✍️ 仮メモ。需要があったらちゃんと書く 基本方針 RSSは購読数を気にせずに購読していく Watchを長く続けていくと、更新の方が止まるので、増やしても購読数は一定になる 情報の更新は一箇所に集まるようにする 自分の場合はRSS メールマガジンなどもRSSにまとめる メールの受信トレイを空にするInbox Zeroを始めた | Web Scratch 後で読む も自動でRSSにまとまるようにする 一箇所に集約することで色々と楽になる 追っていて、新しい追い方を見つけたら増やす まとめている場所とかがグルーピングできたら、それをグループ化して機械的に扱えるようにRSSなどに変換する おそらく、量を扱う場合はpushではなくpullにすることでスケールする。 一方で、質を扱う場合は逆のアプローチをとる。 コメントで追い方が増える GitHubのリリースノートの追い方 GitHubでリリースが
2024年度の大学入学共通テストが2024年1月13日、14日の2日間で実施された。筆者の息子は受験学年ではないが、テレビニュースで試験の様子が流れるとなぜかそわそわしてしまう。 今どきは共通テストの同日模試といったものが存在する。一部の予備校が受験学年未満の学生を対象に、試験当日もしくは数日以内に共通テストと同じ問題を使って試験を実施するのだ。この同日模試に参加した息子が、試験を受けた直後、私と会って最初に口にしたのが「『WWW』って何？」だった。 2025年度の共通テストから国公立大学受験の必須科目として「情報Ⅰ」が加わる。2024年度には情報Ⅰの問題はないが、息子が受験した同日模試では予備校が情報Ⅰの問題を独自に作成していた。 息子が質問してきたのは同日模試の情報Ⅰの問題で、WWWが取り上げられていたからだ。問題文の正否を答えさせる内容で、その問題文を要約すると、「インターネットでは
《この記事は約 21 分で読めます（1分で600字計算）》 少し遅くなってしまいましたが改めて、新年あけましておめでとうございます。 2022年も HON.jp News Blog をどうぞよろしくお願いいたします。 毎年恒例、編集長 鷹野凌による出版関連の動向予想です。 2021年の予想と検証 2021年の予想は、以下の5つでした。自己採点の結果を右端に付けておきます。 出版社系ウェブメディアの飛躍 → ○ 既刊の電子化が急がれる（というか急げ） → ○ 描き手争奪競争の更なる激化 → ○ 電子図書館サービスの普及がついに始まる → ◎ 映像コンテンツの需要がより高まる → ○ コロナ禍が簡単には沈静化せず、「2020年3月以降に起きた劇的な社会的変化は2021年も継続し、感染予防のため身体的な接触機会を減らすべく、さまざまなことの“遠隔化”は今後も急速に進む」という社会環境も含め、おお
Web3.0研究会報告書
Web3.0 研究会報告書 ～Web3.0 の健全な発展に向けて～ 2022 年 12 月 Web3.0 研究会 ■ 構成員（敬称略、座長・副座長以外は五十音順、肩書は研究会設置時のもの） 座 長 國領 二郎 慶應義塾大学総合政策学部 教授 副座長 稲見 昌彦 東京大学 総長特任補佐・先端科学技術研究センター 身体情報学分野 教授 石井 夏生利 中央大学国際情報学部 教授 伊藤 穰一 株式会社デジタルガレージ 取締役 チーフアーキテクト 千葉工業大学 変革センター センター長 河合 祐子 Japan Digital Design 株式会社 CEO 株式会社三菱 UFJ フィナンシャル・グループ 経営企画部 部長 株式会社三菱 UFJ 銀行 経営企画部 部長 殿村 桂司 長島・大野・常松法律事務所 弁護士 冨山 和彦 株式会社経営共創基盤 IGPI グループ会長 藤井 太洋 小説家 松尾 真
Apple・Google・Microsoftが「世界パスワードの日」にあたる2022年5月5日に、FIDO AllianceとWorld Wide Web Consortium(W3C)が手がけるパスワードレスのサインイン標準規格「パスキー」の利用拡大に合意しました。 Apple, Google and Microsoft Commit to Expanded Support for FIDO Standard to Accelerate Availability of Passwordless Sign-Ins - FIDO Alliance https://fidoalliance.org/apple-google-and-microsoft-commit-to-expanded-support-for-fido-standard-to-accelerate-availability-
z-indexバトル観戦 - hogashi.*
こんにちは、 id:hogashi です。 whywaita Advent Calendar 2022 - Adventar 3日目です。 目次 目次 z-index バトル z-index が 100 より小さいもの z-index が正の値のもの 統計 z-index バトルの頂点はどこか あそびかた むすび z-index バトル id:whywaita さんの好きなアルファベットは流石に Y ということでした。ありがとうございます。 やはり僕も id:whywaita さんの id を眺めていて、 w とか y とかから z-index を想起しまして、世の中の z-index バトルがどのように繰り広げられているのか見たいと思い、 GitHub で language が css と scss のコードを検索しました。 API でバリバリ検索したら 1000件しか検索できないという
【CTOmeetup】CTO・テックリードのその先は…に行ってきました | acchanBlog
※好評につき増席※【CTOmeetup】CTO・テックリードのその先は… https://flexy.connpass.com/event/149487/ に参加してきたので、そのときのレポート 登壇者の方 ファシリテーター 株式会社 一休 執行役員CTO 伊藤 直也 様 グリー株式会社 取締役 上級執行役員 最高技術責任者 藤本 真樹 様 株式会社メルカリ 執行役員CTO 名村 卓 様 ヤフー株式会社 取締役 常務執行役員 CTO 藤門 千明 様 パネルディスカッション1：「CTO・テックリードのその先はどうしたいのか？どうなりたいのか？」 自己紹介兼、今回のテーマについて 伊藤さん 「CTO になって最初はマネジメントしていなかった しかし、組織体制に問題を感じて、それを壊そうと思ったところが発端です。」 藤本さん 「人数もだけど、プロダクトの数も仕事の仕方に関わるかなとも思っている。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js から考えるアクセシビリティについて - 2019
[翻訳]”URL”の歴史 — Cloudflare Blog
WebAssembly Summitまとめ（前編）｜chikoski
MetaのThreads、Mastodonなどと相互運用可能に ActivityPubプロトコル採用で
6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside
オープンな技術で開発進む通知システム「WebPush」を簡単に使ってみるJavaScriptプログラム
Web相互運用性JavaScriptランタイムコミュニティグループ
サイトやアプリのUIデザインをする時に知っておくと良いアクセシビリティのこと - Qiita
【2020年5月版】AWSのサービスをゆるく大体3行で - Qiita
【C#】明日から使える ASP.NET Core ロギング術！ - ねののお庭。
第4のWebブラウザ用言語「WebAssembly」、誰がどのように使っているのか
FIDOの最新動向から考える巨大プラットフォーマーとの関係 - r-weblife
Apple、Google、Microsoft、MozillaがWebブラウザ拡張機能改善グループ結成
初公開！「家計簿プリカ B/43」のデザイントークンの設計 - inSmartBank
Cookieの改訂版仕様 rfc6265bis の変更点 - ASnoKaze blog
Selenium+PythonでiPhoneのSafariを操作する
アクセシビリティからデザインを学ぼう
HTML標準めぐりブラウザー業界団体とW3Cが合意--主導権は業界側に
いますぐできる！Webアクセシビリティ改善3選 - Techtouch Developers Blog
アプリで「赤色部分は必須入力です」はNG、理由が分からない技術者は修行不足
Push notifications are now supported cross-browser | Blog | web.dev
Nostrのrabble氏の投稿の日本語訳
パスワードのないログインを目指して 〜 ヤフーのFIDO標準化活動
第59回 Fediverse入門―非中央集権型SNSサーバを作ろう！（1） | gihyo.jp
改正障害者差別解消法とウェブアクセシビリティ | Accessible & Usable
大学入学共通テストの「情報Ⅰ」は大丈夫か、2024年の問題を見て不安になった話
2022年出版関連の動向予想 | HON.jp News Blog
Apple・Google・Microsoftがパスワードなしの認証システム「パスキー」の利用拡大に合意