テーブルの仮想スクロールとスクリーンリーダー向けのアクセシビリティ
Webアプリケーションで、大量のデータを表示したいときに使われる、「仮想スクロール」と呼ばれるテクニックがあります。 大量のデータを素直にDOMに挿入してしまうと、レンダリングの処理に非常に負荷がかかり、場合によってはブラウザをフリーズさせてしまったりします。そこで使われるのが「仮想スクロール」です。スクロール位置に応じて、視覚的に見える範囲のデータのみをDOMに挿入することで、レンダリング処理を最小限にするというものです。 この仮想スクロールについて、直感的にスクリーンリーダーでの閲覧に耐えられるのかの不安を感じました。しかし、あまりテーブルを仮想スクロールする場合についてのまとまった情報をWeb上で発見することができませんでした。 そこで、実際に仮想スクロールを採用した検証用のWebアプリケーションを作成し、スクリーンリーダーでの動作を確認してみることにしました。 「日本の郵便番号」ア
【OpenTelemetry】オブザーバビリティバックエンド8種食べ比べ
sumirenです。 技術顧問やSREをしています。 背景 2024年現在、OpenTelemetryが盛り上がっており、ベンダへの依存度を下げてテレメトリを収集・送信することがトレンドになってきているように思います。多くの企業様で、OpenTelemetry対応のオブザーバビリティバックエンドを選定されているのではないでしょうか。 一方で、E2E自動テストツールなどもそうですが、デベロッパーツールは画面やUXの情報がパブリックな情報として出回ることが少ないように思います。オブザーバビリティバックエンドの場合、シグナル3種に関してOpenTelemetryベースでもフルに機能が活用できるのかという疑問もあります。 そうしたこともあり、オブザーバビリティバックエンドは実際にトライアルしてみないと選定しづらいです。監視など狭義のオブザーバビリティ外の機能や、OpenTelemetryの範囲外の
授業・研修用コンテンツ：文部科学省
【情報Ⅰ】授業・解説動画をまとめたサイトを公開しました! 【情報Ⅰ】とりまとめたサイトはこちら! (外部サイトへ移動) 情報を学ぶみなさんへ インターネットサムライがやって来た！「楽しいデジタル社会を創ろう！」ダイジェスト版(1分54秒)(文部科学省/mextchannelにリンクします) インターネットサムライがやって来た！「楽しいデジタル社会を創ろう！」全編(50分03秒)(文部科学省/mextchannelにリンクします) 「情報Ⅰってなんだろう?」(文部科学省/mextchannelにリンクします) 【情報Ⅰ】授業・解説動画 コンピュータとプログラミング [0]「コンピュータとプログラミングについて」(文部科学省/mextchannelにリンクします) [1]「センサーライトを作ろう！」(文部科学省/mextchannelにリンクします) [1]スライド(PDF:1,618KB)
しずかなインターネット
しずかなインターネットは、日記やエッセイを書くのにちょうどいい、文章書き散らしサービスです。 ここでは有益な情報を書くことはあまり求められていません。「たくさんの人に読まれなくていい」「自分のために、ひょっとすると、どこかの誰かのために」そんな気楽さで文章を書くための場所です。 できることを見る
ユーザーインタフェースデザインのための10ユーザビリティヒューリスティックス
ヤコブ・ニールセンのインタラクションデザインのための一般的な原則。これらの原則は幅広い経験則であり、具体的なユーザビリティガイドラインではないため、「ヒューリスティックス」という。 10 Usability Heuristics for User Interface Design by Jakob Nielsen on November 15, 2020 日本語版2021年4月12日公開 この記事の最後で、ヤコブの10ユーザビリティヒューリスティックスの無料ポスター（英語）をダウンロードできる。 1. システム状態の視認性 デザインは、妥当な時間内に適切なフィードバックを通じて、今、何が起こっているのかを絶えずユーザーに知らせる必要がある。 ユーザーが現在のシステムの状態を把握できれば、彼らは自分がそれまでに行ったインタラクションの結果を知り、次のステップを決定することができる。予測可能
histogram_quantileはどのようにquantileを計算しているか - 1954
Prometheusには、quantileを計測する方法としてSummaryとHistogramの2種類があります。 prometheus.io 上記公式documentに記載がある通り、Summaryはclient sideでquantileを計測するのに対し、Histogramではprometheus sideでqueryを打つ際にアドホックに算出します。 Summaryはqueryの際にaggregationすることはできないため、たとえば「複数台のAPIサーバーがあり、それら全体での99th percentile response latencyをモニタリングしたい」といった場合は必然的にHistogramを選択することになります。（「1台1台からreportされた99th percentileの平均」などは、それはそれでモニタリングする価値のある指標ではあるかもしれませんが、統計
「正体がバレたときにする挨拶」って無いよな
知り合いと会ったら「こんにちは」 朝会ったら「おはよう」 別れるときは「さようなら」 こういう挨拶はあるけど 「さては貴様〇〇だな！！」って言われたときに返す挨拶ってないよな。 （追記） 思いのほかトラバブクマ集まったな。みんなサンキュー。 このトシになると気をつけててもちょいちょいバレちゃうんだよねー正体！ ちょうどいい挨拶が無くてこまってたんよ。 さっそく今日から参考にさせていただきますわ。 正体バレがちな生活の中にも先方へのリスペクトを欠かさない姿勢でいたいよな！
DevOpsの負の側面について
トランスクリプト Protsenko氏：私の名前はMykytaです。Netflixで働いています。私の仕事は基本的に、他の開発者が遅くまで職場に残らなくてもいいようにすることです。彼らが午後5時に退社しても生産的であることが私の実現したいことです。私はプラットフォーム組織、つまり生産性エンジニアリング部門で働いており、他のエンジニアのために労力を抽象化しようとしているのです。エンジニアが同じ退屈な技術的問題に何度も対処するのではなく、ビジネス上の問題の解決に集中できるようにします。 いくつか質問させてください。あなたたちのうち何人が、自分で作って自分で動かすという哲学を実践している会社で働いてますか？生産現場との間にゲートキーパーがいないこと、機能や修正をより早く提供できることに満足している人はどれくらいいますか？本番環境で発生したインシデントに対処しているときに、どうすればいいのか分から
9回、90分、78枚
みたいに、数と単位だけで察するもの他にもあるかな？ …もうやめましょうよ！！ 追記 お前ら、単位をつけなさいよ、単位。
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
微小重力下で紛失を防ぐ、久光製薬の粘着シート「Fixpace」–宇宙での驚くべき実用方法とは
UchuBiz > 特集 > 宇宙の暮らしを豊かにするイノベーターたち > 微小重力下で紛失を防ぐ、久光製薬の粘着シート「Fixpace」–宇宙での驚くべき実用方法とは #久光製薬#fixpace 微小重力下にある国際宇宙ステーション（ISS）では、物を一定の箇所に置いたままにしておけないため「物を紛失しやすい」という日常的な困りごとがある。そこに久光製薬が提案したのが、両面粘着シートの「Fixpace®（フィクスペース）」だ。JAXAが推進する「宇宙生活／地上生活に共通する課題を解決する生活用品アイデア募集」で2020年に選定され、2022年ISSに搭載された。 サロンパスやフェイタスなどの外用鎮痛消炎剤で知られる同社が、なぜ宇宙向けに粘着シートを開発したのか。その背景や開発における課題と苦労、今後の宇宙領域に向けた取り組みについて、開発に携わった担当者3名に話を伺った。 宇宙で貴重な「
Webサーバーアーキテクチャ進化論2023
はじめに 最近プログラマーとしてのキャリアに一区切りつけようと思っており、これまでのプログラミングの勉強の集大成となるブログを書きたくなったので書く。初めてプログラミングをして、フロントエンド開発をして、サーバーから値が返ってきたときは「どういう仕組みで値が返ってきたんだ？」と疑問に思っていた。ずっと理解したくて理解できていなかった。だからずっと勉強していた。そして最近になってようやく自分の言葉で説明できるようになった気がしたのでブログを書きたい。 2015 年版が自分の原点であり、この記事を書くモチベーションになった このような記事は実は過去に存在している。 FYI: https://blog.yuuk.io/entry/2015-webserver-architecture その記事はサーバーがどういう仕組みで動いていて、どのように進化し、2015 年に至るかを解説してくれた記事だ。自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KubeCon Europe 2024: Cloud Native in La Ville-Lumière | In the spotlight
新しい「公用文作成の要領」に向けて（報告） 令和３年３月 12 日 文化審議会国語分科会
ジョインしたチームのマイクロサービスたちを再計装した話 / Getting started tracing instrument micro service with OpenTelemetry
Vue.jsエコシステム動向2023
PC-8001を買ったほどの父が「松屋の食券機が分からなかった」というので「とうとう…」と思ったら自分も松屋で注文できなくて一度逃げてしまった
これからの⼈材育成を考える - ⽂部科学省 今後の教育課程、学習指導及び学習評価等の在り⽅に関する有識者検討会（第3回）2023/3/24
DON'T SAY YES
GPT-1→GPT-2→GPT-3→GPT-3.5→ChatGPT→GPT-4までの進化の軌跡と違いをまとめてみた｜スタビジ
