時間依存メディアについて（カッコカリ）
時間依存メディアの概要と対応方針の草稿 本記事は WCAG 2.0 A (シングルエー) に準拠する場合を想定して、時間依存メディアに関する内容の要約と対応方針の力加減をまとめたものです。 ようは時間依存メディアの項を読むのが苦しいのでマイルドにしてみた結果です。対応方針ほか諸々の内容はツッコミを受けて逐次修正される可能性があります。 対象 「時間依存メディア = 音声または映像」 であり、同時に 「同期したメディア = 音声付きの映像（動画）」 と読み替えて概ね問題ない。 「時間依存メディア」は、時間の経過に従って再生中の内容が連続的に変化する「音声、映像または両方を含むメディア全般」を指す。また、仕様書の中に登場する「同期したメディア」は、特に「音声と映像の両方を含むメディア（音声と動画が同期して変化するメディア）」を指す。 分類と必要な対応 音声しか含まないメディア → 書き起こしテ
パートさんの代わりに現場で働いたら「壁」の存在に気付いた。 - Everything you've ever Dreamed
僕は食品会社（中小企業）の営業部長だ。神奈川県に大雨被害が出た日、「どうせ営業はサボっているにちがいない」という先入観を持った会社上層部の命令で、出勤できなくなったパートさんの代わりとして、ヘルプで惣菜工場の現場に入り粛々とお稲荷さんを作った。休憩時間、最低賃金の話になった。パートさんは主婦たちである。昼の時間帯、パートとして働いている。「神奈川県の最低賃金はすごいよね（10月から1,162円）」「昔だったら考えられない」等々。僕が勤めている会社はパート人材確保と定着のために最低賃金より高めに時給を設定している。最低賃金が上がるとともに、時給も上がった。人材獲得競争に勝つためだ。フルで働いているパートさんには正社員への打診もしたが、社員を希望する人はわずかだったと話に聞いた。パートさん各々の働き方と家庭の事情があるからだろうと僕は考えていた。それは微妙に間違っていた。働けないのではなく働き
スクリーンリーダーで、すべて読み上げてくれる。すべてのボタンが反応する。freee会計なら、問題なく使えます。 - freee
スクリーンリーダーで、すべて読み上げてくれる。すべてのボタンが反応する。freee会計なら、問題なく使えます。マッサージ店経営 I.Kさま 「スクリーンリーダー」は、パソコンやスマートフォンの画面に表示されている内容を、音声で読み上げたり、点字ディスプレイという装置に表示したりするソフトウェアです。おもに視覚に障害のある方々が、視覚情報を音声や触覚で得るために利用しています。 パソコンでスクリーンリーダーを使う様子（動画） 『だれもが自由に経営できる統合型経営プラットフォーム』を掲げるfreeeでは、スクリーンリーダーの利用者のように、障害のある方にとっても使いやすいサービスを目指して開発に取り組んできました。 そんなスクリーンリーダーを用いてfreee会計を利用している、全盲（※視力がないこと）のI.Kさんにお話をうかがいました。 年齢、性別、利用環境、障害の有無、その他様々な社会的属性
手がとまらない！ 塩焼き手羽先のレシピ動画・作り方 | DELISH KITCHEN
しっかり塩味にレモンがほんのり香る、さっぱりとした塩焼き手羽先をご紹介！少ない調味料で簡単においしく作れます♪フライパン1つで外はパリパリ、中はジューシーな手羽先が作れます。おつまみにおすすめです♪
ブラウザはどのようにしてテキストを描画しているのか？――Chromiumにみるテキスト描画の深淵
ブラウザはどのようにして テキストを描画しているのか？ ―― Chromiumにみるテキスト描画の深淵
ブラウザはどのようにしてテキストを描画しているのか？――Chromiumにみるテキスト描画の深淵
ブラウザはどのようにして テキストを描画しているのか？ ―― Chromiumにみるテキスト描画の深淵
リファクタリングすべきか・してよいかの判断基準 - 千里霧中
リファクタリングは、設計やコードを綺麗に保つという普遍的に求められる活動の一要素です。常識的な習慣として推進すべき活動です。 ただ、有効性の理解を得られないままリファクタリングを行って物議を醸す場面も存在します（例えばここのはてなブックマーク等で巻き起こった議論などです）。 実際、リファクタリングは、以降の保守作業をサポートしてこそ価値がでるものであり、考えなしにいつでも一律実施すればよいというものではありません。リファクタリングの対象やチームの状況によって、リファクタリングをすべきかどうか、線引きがされます。 このリファクタリングをすべきかどうかの基準ですが、一言でまとめると「妥当な保守性の実現を、妥当な費用対効果で実現できるか」になります。今回はこの基準を構成する「妥当な保守性の実現」と「妥当な費用対効果」について、それぞれ解説します。 リファクタリングで妥当な保守性を実現できるかの基
なぜ、女性は体格や力が男性より小さいのですか？ - ヒトを含め、哺乳類のほとんどが平均的に雌より雄の方が体格や筋力で勝っているのには理由... - Yahoo!知恵袋
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13178606318 ヒトを含め、哺乳類のほとんどが平均的に雌より雄の方が体格や筋力で勝っているのには理由があります。それをきちんと理解することが生物学的に有意義です。 なお、哺乳類の中で雌の方が体格や筋力で勝る種は、ブチハイエナ、ヒョウアザラシ、シロナガスクジラなど僅かです。 本来は卵子と精子の関係のように、子どもを産む性の方が栄養分を蓄えるために体が大きくなりやすい性質を持っています。しかし、雌は大型の配偶子を作るために繁殖にかかる時間やコストが大きくなりやすいという性質も併せ持っています。そのぶん、雌は潜在的繁殖スピートにおいて遅くなりやすいために、一方の性である雄が配偶者獲得の場面においてあぶれ易くなるのです。 そうすると、雄同士で配偶者獲得をめぐって争う度合いが強
横長のテーブル、スマホでどう扱う？見やすくするためのレスポンシブ対応7選｜CRチーム@株式会社メタフェイズ
多くのWebサイトでは、様々なテーブル表現が使われています。 テーブルのメリットは、一覧性を担保しながら他の形式では理解しづらい情報を、全体像を捉えて分かりやすく提示することができる点です。 そのため、製品仕様 / 商品価格 / セミナー情報 / 会社案内といった複数の情報を扱う際には、特に効率的な情報の表現方法です。 ただし、ある程度自由に表現したPC版（Desktop / Laptop）のテーブルを、限られた領域のスマホに組み替える際にどのように表現するかは、見やすさにおいてユーザビリティに少なからず影響してくる部分だと感じます。 近年、レスポンシブWebデザインで構築するWebサイトが多い中で、見やすさを担保するためには、いかにデバイスに適したレイアウトにするかが重要です。 特に、PCに比べて画面幅が狭いスマホで、どのようにレイアウトするか課題になるテーブル表現について、今回7つの方
「地元の若い女性の流出が止まらない」と嘆く前に地方が考えないといけない視点（荒川和久） - エキスパート - Yahoo!ニュース
東京一極集中が全部悪い？少子化問題の原因として、「東京への女性人口一極集中」をあげる人がいる。 確かに、都道府県別の転入超過をみれば、コロナ禍の特殊な時期を除けば、東京への転入超過が顕著である。しかも、都道府県間の人口移動のほとんどは20代の若者で占められており、つまりは、日本の少子化は「東京が20代の独身女性を全国から集めておきながら、未婚化で東京の出生率は全国最下位だからだ」と結論づけたがる。東京の特定の区を「ブラックホール自治体」などと名付けたりする団体もある。 しかし、冷静にデータを紐解けば、別に東京だけに女性の人口が集中しているわけではない。正しく言えば、20代の女性は（男性もだが）都市部に集中的に移動するのである。 総務省の人口推計統計より2000年以降の女性（日本人のみ）の転入超過数の推移を、東京都とその他の政令指定都市合計（東京23区除く）とで比較したものが以下のグラフであ
もう使われなくなった任天堂ゲームソフトの公式ウェブサイトの世界 - 世界のねじを巻くブログ
ニンテンドーミュージアムもいいけれど 2024年にクラフトインターネットなど、 古き良きインターネットに注目が集まっていたけれど、僕は昔から「もう使われなくなった"ウェブ廃墟"」を探すのを趣味にしてます。 www.nejimakiblog.com 今年の秋、京都にオープンするニンテンドーミュージアムが話題なので、 史料価値的という意味でも読まれるべきだと思う 任天堂の「ゲームソフト公式HP」をいくつか紹介しようかなと。 ニンテンドーミュージアムもいいけれど スーパーマリオサンシャイン ポケットモンスター ピカチュウ版 メトロイドプライムハンターズ スターフォックス６４ 星のカービィ２ ゼルダの伝説 風のタクト モンスタータクティクス公式ウェブサイト ニンテンドウオールスター! 大乱闘スマッシュブラザーズ マザー２ スーパーマリオランド ６つの金貨 他社事例 まずは夏ということでこのゲームか
年100件ほどプロポーザルを読んで作った伝わりやすいプロポーザルのチェックリスト｜さとりゅう
この記事についてこの記事では、日本のスクラム系カンファレンスのプロポーザルを勝手に沢山読んできた筆者（さとりゅう）が考える「内容が伝わるプロポーザルの書き方」を提案します。筆者がこれまでに読んできた中で、講演内容がどのようなものなのかを伝える目的であるプロポーザルが、その役割を果たすのに不十分な記述のため、本当は素晴らしい講演内容が伝わらずに終わってしまっているのではないか、ということを危惧しています。そこで本記事では、講演内容がわかりやすいと読み手として感じたプロポーザルを思い出しながら、それがどのような構造であったのかをチェックリスト形式で提案します。このチェックリストを用いて、より多くの伝わるプロポーザルが生まれることを願っています。 動機先日、 株式会社カケハシの小田中さんが素敵なスライドを公開していました。これによって、多くの人がカンファレンスのプロポーザルを書こうというモチベー
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
Relearn CSS layout
Already purchased Every Layout, but lost your access? No worries. Add the email address that you used to purchase Every Layout and we’ll re-send your access link. Every Layout has helped thousands of developers and companies simplify CSS layout in their projects Employing algorithmic layout design means doing away with @media breakpoints, “magic numbers”, and other hacks, to create context-indepen
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない 2024.08.11 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモードではフォーカスリングが表示されない問題があります。この記事では、ハイコントラストモードでフォーカスリングを表示する方法について解説します。 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングはキーボード操作をしているユーザーにとって現在のフォーカス位置を把握するための重要な要素です。このことは WCAG 2.2 の 2.4.7 項目で要求されています。 (レベル AA) キーボード操
株式会社リクルート エンジニアコース新人研修の内容を公開します！（2024年度版） | Recruit Tech Blog
はじめに こんにちは！ 2024年度新卒エンジニアの山本です！ 株式会社リクルートの新卒エンジニアは部署配属される前にBootCampと呼ばれる研修を受けることになります。 今年は約３ヶ月間の研修があり、実際に受講した立場から講座の共有や紹介を行っていきたいと思います。 研修概要 研修では、配属後で活かせるエンジニアリング技術を体系的に学ぶことができるだけでなく、ヒューマンスキル育成や事業理解といったプログラムも準備されているため、エンジニアとして様々な観点から成長できる機会になっています。 エンジニアリング技術に関しては、フロントエンド、バックエンド、モバイルアプリ、インフラ、セキュリティなど幅広い講座が用意されています。講座によっては、チーム開発や競技形式での手を動かして学ぶ講座も用意されており、より理解を深められるような講座になっています。 ヒューマンスキル育成に関しては、ロジカルシ
スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita
Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こります。スクリーンリーダーの操作方法を伝えると、読み飛ばしたと思っていたところもちゃんと読みあげてくれたということがほとんです。 アクセシビリティをかなり意識したページであっても、Tabキーだけでスクリーンリーダーを操作しているかぎり、ページの隅々まで読めることはほとんどありません。スクリーンリーダーにはTabキーを押す以外にもいろいろな操作が存在して、それを憶える必要があるわけです。私はアクセシビリティチェックのやり方を説明するときには、必ずその操作方法のうち最低限のものを紹介しているつも
React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog
CTO 室の恩田(@takashi_onda)です。 一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / Remix への依存が最小になるように心掛けています。 今日は、そんな一見矛盾するような設計方針について、ご紹介したいと思います。 この記事を読んでいただき Remix に興味をもたれたら、明後日 2024/8/7(水) 19:00〜 のオンラインイベント offers-jp.connpass.com にもご参加いただけると嬉しいです。 この記事でご紹介している疎結合なフロントエンドアーキテクチャを実現する Remix の魅力についてお話します。 なぜ依存を最小にするのか？ R
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ピリ辛油そば風そうめんのレシピ・つくり方 | キッコーマン | ホームクッキング
音声ガイドに関するスタイルガイド v2.5