Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
任天堂とアクセシビリティ
先日、任天堂の株主総会が行われた。例によって詳細をまとめているので前回の記事をご覧いただきたい。 任天堂株主総会レポート2024 | N-Styles 株主総会レポートでも記載したが、質疑応答で最初に指名された質問者が「任天堂は視覚障害者対応が遅れているのではないか」と指摘し、私はこの質問に非常に驚いた。 なぜなら、私自身が株主総会参加の半年以上前から用意していた質問とほぼ同じだったからだ。 この質問内容を7月1日に任天堂が掲載した議事録から引用する。 Q1 ゲームを遊びたいと思っている視覚障がいを持つ人も、世の中にはいると思う。任天堂がこうした方に向けて取り組んでいることがあれば説明してほしい。 A1 代表取締役社長 古川俊太郎： 当社では、世界中の多くの方々に当社のゲームを遊んでいただきたいと考えています。この場で具体的な取り組みを申し上げることは控えさせていただきますが、視覚障がいの
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
Invoke、Comfy Org、Civitai、LAIONは6月25日、米コミュニティーサイト「Reddit」の「r/StableDiffusion」スレッドで、画像・動画・音声生成のためのオープンライセンスAIモデルの開発を推進することを目的にしたプロジェクト「Open Model Initiative」の立ち上げを宣言した。 企業による技術の独占を防ぎ、アクセシビリティを確保 「Open Model Initiative」の初期メンバーは、企業向け生成AIプラットフォームを提供するInvoke、直感的に操作できるオープンソースの画像生成AIツール「ComfyUI」を開発するComfy Org、クリエイター向け生成AIモデル共有サイトを運営するCivitai、大規模な学習データセットを構築するLAIONだ。 彼らは、最近の制限的ライセンス下でのAIモデルのリリースに懸念を示し、オープン
こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM
Googleマップは人気がありますが、それには理由があります。 このアプリはデフォルトの設定でもかなり優れていますが、もっと深く掘り下げると、便利な機能の宝庫です。 徒歩ルート案内をわかりやすくする裏ワザからシークレットモードまで、Google マップには意外と知られていない便利な機能がたくさんあります。 1. 北を常に地図の上部に表示するGoogleマップは、ユーザーが向いている方向に地図を向ける傾向があります。 常に北を画面の上部に表示させたい場合は、「Googleマップの設定」→「ナビゲーション」と進み、「マップの北を上に表示する」を有効にしましょう。 紙の地図に慣れていると、この設定でGoogleマップがもっと使いやすくなるかもしれません。 2. ナビゲーションの設定を見直すナビに変更を加えたままの状態にするのは危険です。 たとえば、以前Googleマップに有料道路を避けるように設
デザインシステム浸透の取り組み：目安箱の運用とデザインシステム株主総会 - enechain Tech Blog
はじめに なぜ民主化か 目安箱の設置と対応件数 デザインシステム株主総会の開催 第一回：前期の事業報告と今期の事業計画について 第二回：プロダクトAで先行して実装した新・共通UIと今取り組むべきアクセシビリティ 第三回：プロダクトBで取り組んでいたカレンダーコンポーネントのFIXまでのプロセス振り返りとユーザー像をどうイメージするか デザインシステム名称の全社募集 まとめ はじめに enechainプロダクトデザインデスクのマネージャーの近藤（@add_kk）です。 1つ前のtakurintonの記事『デザインシステムの開発者体験向上の試み』に続いて、弊社のデザインシステムでの取り組みについて紹介させていただきます。 enechainでは会社全体のOKR *1 に基づき、4ヶ月サイクルで各組織がOKRを立てています。デザインシステムチームは専任メンバーがいない有志のチームであるため、OKR
Stailerがスクリーンリーダーに対応するまでの道のり~Flutterでのスクリーンリーダー対応について、あるいはユーザビリティやユーザー獲得の話~ - 10X Product Blog
こんにちは、ソフトウェアエンジニアの@futaboooです。 先日スクリーンリーダーへ対応したプレスリリースを配信しました。今日はその裏側について紹介です。 10x.co.jp はじめに とあるパートナーのネットスーパーシステムをStailerへリプレイスして少しすると、お客様から「今まで使えていたのに使えなくなった！」という切実な声が届きました。この問い合わせを通じて、視覚障害者のお客様がスクリーンリーダーを使って買い物をしていたこと、そしてStailerがそのニーズに応えていないことに気づきました。 そこで、我々は視覚障害者のお客様へのヒアリングを開始し、どのような環境でアプリを使っているのか、使用しているデバイスやスクリーンリーダーソフトウェアの種類など、具体的な情報を収集しました。このプロセスを通じて、アプリがより多くの人々にとって使いやすいものになるための重要な改善点を発見しまし
Macには削除したファイルやフォルダを一時的に保存しておくことができる「ゴミ箱」機能が搭載されています。 ゴミ箱は、間違えて削除したファイルを元に戻すことができる便利な機能ですが、その便利さのおかげで不要なファイルがいつまでも完全には削除されず、空き容量が復活しない原因ともなります。 このゴミ箱の整理をユーザーに促してくれる、画期的なアプリが「BananaBin」です。 ゴミ箱が一定容量溜まってしまうと、ハエが発生し、マウスでハエを追い払うことができるというシンプルなアプリです。 現在ベータ版として提供されていて、ベータ期間中は無料で使用することができます。開発者のLeon Schrijvers氏によると、正式版は少額の1回限りの課金が計画されているとのこと。 以下使用方法を説明します。 BananaBinの使用方法 BananaBinの実行ファイルは公式サイトからダウンロードできます(メ
現場で使えるモードレスUIの具体例と実践テクニック
はじめに 先日「Modal、Dialog、Drawer の違い」について解説した記事を書きました。 この記事の中で「モードレス」について軽く触れましたが、 「そもそもモードレスってなに？」 「モードレスな UI ってどんなものがあるの？」 と疑問をもった方が多いかと思います。 本記事ではモードレスにフォーカスを当て詳しく解説します。また、記事の後半では厳選した具体例 5 選を紹介します。 この記事を読み終えれば、現場で使えるためのエッセンスが身についているはずです。 モードレスとは モードレスは言い換えると「モードがない」「モードを持たない」となります。 ユーザが特定のタスクを強制されることなく、任意の UI オブジェクトを操作できる状態を指します。 モードレスな UI は自由に操作できるため、ユーザビリティを向上させます。 アクセシビリティの観点でも短期記憶に負荷をかけないため、ユーザに
Blueskyに「オススメユーザーをまとめて新規ユーザー招待リンクを作成する機能」や「リプライできるユーザーを後から制限する機能」などが追加される
2024年6月27日、複数の機能を追加したBlueskyのバージョン1.87が配信されました。このバージョンから、おすすめのユーザーを他人に紹介できる「スターターパック」や、投稿に返信できる人を後から制限する機能などが追加されました。 Introducing Bluesky Starter Packs - Bluesky https://bsky.social/about/blog/06-26-2024-starter-packs 📢 App Version 1.87 is rolling out now (1/4) Bluesky is all about building communities! Today we’re launching a tool to help you build yours: Starter Packs. Learn about them here: [i
【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係 2024年7月12日 Ubie株式会社 デザインエンジニア 大木 尊紀 WebフロントエンドエンジニアとしてWebアプリケーション開発に従事した後、UIデザイナーを経てデザインエンジニアとなる。デザインとエンジニアリングが交わるところが最近の主戦場で、プロダクト開発の他にデザインシステムの開発・運用にも取り組んでいる。また個人的な活動としてデザインシステムやUIデザインの同人誌を書いたり勉強会を主催したりしている。 X: @takanoripe 個人サイト 2024年4月1日に障害者差別解消法の改正法が施行されました。この記事ではWebエンジニアに向けて、今回の改正の内容と実際のプロダクト開発にどのような影響をもたらすのかについて解説します。また具体的にどんなところからプロダクトの改善を
Re: HTMLのルート要素ではcolorとbackground-colorをセットで指定すべき - 水底の血
ちょっと間が空いて、亀リプっぽくなっちゃいましたけど、HTML のルート要素では color と background-color をセットで指定すべきというお話について。 昔からブラウザには配色設定があり、テキスト色と背景色をユーザーが任意に指定できます。 ……という話は Web アクセシビリティとフェイルセーフの記事に以前書いたのでその詳細は省略しますが、WCAG 2.2 達成方法集の F24(W3C) において達成基準 1.4.3（レベルAA）などの失敗事例として掲載されているにも関わらず、このことは世間ではなぜか認知が薄いようです。 認知も薄いというか、私も言われるまで気づかなかったあたり、まあそういうことなんじゃないかなと*1。……という話だけはあまりにもアレなので、ざっくりとですが、ほんのちょっと深掘りしてみましょう。 WCAG 2.1 達成方法集のF24のタイトルは、「達成基
Apple Vision ProはApple初のゴーグル型ARデバイスで、目線と手の動きで基本操作が可能な一方で、そのほかの操作も可能にするアクセシビリティ機能も充実しています。自身も極度の弱視という視覚障害を抱えているライターのアンドリュー・リーランド氏が、実際にApple Vision Proのアクセシビリティ機能を使っているユーザーや、Apple本社でアクセシビリティ機能の開発に関わったエンジニアに取材しています。 What Is the Apple Vision Pro? A Lifesaver for Disabled Users https://nymag.com/intelligencer/article/apple-vision-pro-disabled-users.html マキシン・コラードさんはカリフォルニア大学サンフランシスコ校で神経科学と医学の博士号課程に在籍する
デジタル庁デザインシステム デジタル庁デザインシステムとは、名前の通りデジタル庁が提供しているデザインシステムです。 行政機関や公共性の高い組織のWebサイト、アプリケーションを構築する際に利用することを念頭に置いて構築されています。 2024/05/30にv2.0.0としてベータ版が公開されました。 デジタル庁デザインシステムの内訳 デジタル庁デザインシステムには以下の成果物が含まれています。 デザインシステム本体 Figmaのデザインデータ v2系 Figmaのデザインデータ v1系 React製のコードスニペット イラストレーション/アイコン素材 以降は内容物をそれぞれ確認しつつ、デジタル庁デザインシステムがどのようなものかを考えていきます。 デザインシステム本体 デジタル庁デザインシステムベータ版のWebサイトのことを指します。 はじめて本ウェブサイトを見る方への業務での活用につい
昨今の暑さ🥵…『夏本番』はこれからなのに“異常”・“異次元”、いや、“殺人級”！（皆さま、お身体にくれぐれもご自愛を） さて、本日も唐突ながらのご報告。 皆さま「スクリーンショット」活用してますか（一般的な方法は？…資料👇お借りしました） コレだと「両手を使う」必要がありしかも、通勤電車（座れない）では“操作し難い”😣 ここで、ワタクシのスマホの『待ち受け👇画面』 琥珀の左横 ◉ 『◉』… 通常だと“印影”はもう少し『薄く』 （通常状態👇待ち受け画面） （これだとあまり気にならないですよね） （◉位置…画面上のどこにでもスクロール🉑） 実は‼️この『◉』をポチッとするだけでスクリーンショットが撮れるんです！ ご興味がありましたら以下手順参照して下さい 1️⃣ ・設定画面 をスクロールして ・アクセシビリティをポチッと 2️⃣ ・タッチをポチッと 3️⃣ ・AssistiveT
Appleは対応するカーオーディオやカーナビにiPhoneを接続してマップなどの各種アプリを使用可能にする「CarPlay」というシステムを提供しています。そんなCarPlayについて、iOSの次期メジャーバージョン「iOS 18」で追加予定の機能を紹介するムービーをAppleが公開しています。 次世代のCarPlayのデザインシステムの紹介 - YouTube iOS 18 Adds These 5 New Features to CarPlay - MacRumors https://www.macrumors.com/2024/06/13/ios-18-carplay-features/ ◆1：メッセージアプリへのアイコンの追加 iOS 18にアップデートしたiPhoneでCarPlayを実行すると、メッセージアプリの名前の横にアイコンが表示され、会話の相手が識別しやすくなります。
近藤銀河さん=篠田英美撮影 近藤銀河(こんどう・ぎんが) 1992年生まれ。アーティスト、美術史家、パンセクシュアル。中学の頃にME/CFSという病気を発症、以降車いすで生活。2023年から東京芸術大学・先端芸術表現科博士課程在籍。主に「女性同性愛と美術の関係」のテーマを研究し、ゲームエンジンやCGを用いた作品を発表する。ついたあだ名が「車いすの上の哲学者」。ライターとして雑誌「現代思想」「SFマガジン」「エトセトラ」、書籍『われらはすでに共にある─反トランス差別ブックレット』『インディ・ゲーム新世紀ディープ・ガイド─ゲームの沼』など寄稿多数。本書が初の単著。 ＞【前編】「フェミニスト、ゲームやってる」近藤銀河さんインタビュー 安全に失敗できるから「可能性 」がある ゲームが研究にヒントをくれた ——近藤さんは美術史家として、19世紀末から20世紀初頭のレズビアンの美術史を研究しています。
slide-ai-codegen.md
slide-ai-codegen.md marp theme paginate true gaia true LLMによるフロントエンド生成自動化 mizchi | Plaid Inc TechFeed Expert Night 31 LLM 使ってますか？ 便利ですよね ChatGPT / GitHub Copilot WebUI じゃなくて CLI で自動化したいですよね？ 黎明期でまともにモジュール化しても無駄そうだし、 Deno の書き捨てスクリプト量産するぞ！ Deno for LLM 設定や依存のインストール不要のTS実行環境 書き捨ての CLI スクリプトが書きやすい => 実験しやすい npm 資産が使える import {z} from "npm:zod" コード評価に Deno Sandbox を用意できる(後述) @luca/esbuild-deno-loader で
アクション,アクティビティ,アクセスログ,アクセシビリティ,追加する,アプリを連携させる,メンバーを追加する,Slack に追加する,管理者すべてのパスワード,アナリティクスandroid,社内通知,社内お知らせ,App ディレクトリ,アプリのアイコン,Apple Watch,アプリの承認,アーカイブする,Asana,Atlassian,オートメーション化アプリ,バッジ,お支払い情報,請求,Bitbucket,ボットユーザー,box,ブラウズする,通話,通話：、キャンセル,変更,チャンネル,簡単にチャンネルを作成,チャンネルの管理,チャンネルの通知,チャンネルのおすすめ,ドメインを申請する,閉じる,企業文化,プラスデータエクスポート,作成する,コンピューター,会話,変換する,接続する,連携アカウント,接続,接続する,メッセージをコピーする,作成,カスタマイズ,カスタマイズする,カスタム S
誰のためのアクセシビリティ？ | リトルモア
スロープや字幕を付ければ終わりではない。 アクセシビリティの先には、生々しい身体を持った人間がいる。 映画を観る、ゲームをする、アートを鑑賞する。 そのために、チケットを買う、座席を選ぶ、会場に行く。 多くの人が日常的にしていることを、マジョリティとは異なる身体を持つというだけで同じように楽しめない人たちがいる。 コンテンツを作るとき、情報を発信するとき、イベントを催すとき。 わたしたちは、自分と異なる身体と感覚を持つ人のニーズをどのくらい想像しているだろう？ そもそも人が「体験する」とは、どういうことだろう？ アクセシビリティについて考えることは、“当たり前”を問い直すこと。 『ルール？展』や『音で観るダンス』など、常識をくつがえすプロジェクトを生み出し、アクセシビリティを研究してきた著者が、障害のある人と対話・実験しながら書き上げた初のエッセイ！ 障害のある人13人との対話・鑑賞ワーク
SmartHRが目指す「誰もがその人らしく働ける社会」。これを実現するには、働く人々が言葉という最も基本的な社会との接点を、自分だけの力で理解でき、さまざまな手続きを行えることが重要です。 しかし、外国人や知的障害のある方など、日本語の読解に難しさを抱える方を雇用する企業が増えているいま、言葉が原因で手続きが難しくなってしまう人が増えています。 SmartHRのアクセシビリティ本部では、「やさしい日本語」がユーザーにとっての「わかりにくさ」に対する力強い解決策になると考え、ヒアリングやアンケートなどの調査を進めてきました。 そして、この度「SmartHR」ホーム画面のやさしい日本語切り替え機能を提供開始しました。 この記事では、難しい労務手続きの代表である年末調整を主軸に、企業で働く外国人に対して行った調査の結果をまとめました。 「やさしい日本語」とはやさしい日本語とは、難しい言葉を簡単な
ravixUI がアクセシビリティ対応の参考になりそう
まえがき Astro のブログではコミュニティ発のライブラリも紹介されているのですが、What's new in Astro - June 2024 で An open-source, accessibility-focused component starter kit built with Tailwind CSS and optimized for Astro と紹介されていた ravixUI がアクセシビリティに配慮したマークアップの参考になりそうだったので紹介します。 ravixUI とは Tailwind CSS によってスタイリングされ、特に Astro 用に最適化された、アクセシビリティ重視のコンポーネントスターターキットです。 なお HTML 版と Astro 版が提供されているため、Astro を使っていない人でも使えます。 （Astro コンポーネントを書いたことがあ
JSer.info #696 - Storybook 8.1がリリースされました。 Storybook 8.1 Storyファイルを作成するUIの追加、Subpath importsを使ったモックの対応、Playwright Component Testの対応しています。 pacakge.jsonのimportsフィールドで特定のモジュールを条件分岐して読み分けるための仕組みであるSubpath importsについては、次の記事でも解説されています。 Type-safe module mocking in Storybook Mocking modules • Storybook docs その他には、React 19/Angular 18のサポートなども含まれています。 Turborepo 2.0がリリースされました。 Turborepo 2.0 Turborepoはmonorepo向
可逆性 ものごとが可逆（reversible）であるとは、それが「逆に戻りうること。もとの状態に戻りうること※1」である。しかし、二項演算としての加減乗除の計算は、一般に可逆ではない。例えば、 \(4 + 3 = 7\) であるが、足して\(7\)になる2つの数の組み合わせは、整数だけに限っても \(7 = 7 + 0\) \(7 = 6 + 1\) \(7 = 5 + 2\) \(7 = 4 + 3\) \(\vdots\) \(7 = -1 + 8\) \(\vdots\) のように無数にある。だから二項演算は不可逆、つまり計算の答えから元の数を一意に導くことができない。 可逆計算 可逆計算（Reversible Computation）とは、過去に遡ることができる計算のことである※2。例えば、ここで「\(\pm\)」という演算を定義してみる。この演算は、2つの数の入力に対して、その和
はじめにLayerX の @qluto です。 今年4月に LayerX へ機械学習エンジニアとして入社しました。 ごく簡単にバックグラウンドをお伝えすると、これまで、機械学習エンジニアやエンジニアリングマネージャー（VPoE 的な役回りも）としての経験をそこそこ積んできたという感じのバックグラウンドを持ったという人です。 早くも3ヶ月近くが経とうとしており、入社前に LayerX に抱いていた気持ちや実際に入ってみて感じたことが言語化できるくらいに固まってきたので、筆を取っています。 「論語」と「論語と算盤」という書籍が両方とも好きなので、それに LayerX で感じたことを重ね合わせてのタイトルに仕立ててみました。 論語 -> LayerX の掲げる行動指針 "徳" に照らし合わせて 算盤 -> LayerX の掲げる行動指針 "Fact Base" や経済活動をデジタル化するというミ
動画を600本作ったので編集方法についてまとめる｜tyauzo
さぼってんちゃうぞです。 Youtubeチャンネル「らっだぁ」の編集を4年ほど請け負っており、現在までに600本ほどゲームプレイ動画を作成いたしました。 笑顔に騙されるな 本記事ではこれまで作ってきた動画を例に「何が課題で」「どのように解決を目指したか」を示しながら、なるべくどなたでも実践できるような形で解説いたします。 何のために編集するのか💡要点 編集の基本方針は「新規でも楽しめる、古参でも新たな発見がある」動画であり、この点だけ押さえてもらえれば読み飛ばしても大丈夫です。 「じゃあ”みんなが楽しめる”って具体的にどういう状態のことを指すのか？」について考えたのが以下の文章になります。 情報を整理する仕事 動画は情報の塊です。 画面上には次々に数字や記号が現れては消え、当然ながらそれらが意味するものを理解できなければ動画の面白味は大きく損なわれてしまいます。 今のシーンは何が重要で、
いきなりですが、個人開発の良さとはなんでしょうか? 私は「技術的チャレンジをしやすい」という点に魅力を感じています。 業務上の開発ではアウトプットを最優先にする必要があるため、コスパ良く実現することを求められます。 しかし、個人開発に締切ありませんし、開発の優先順位も自分で決められます。 この記事に書いてあること Hover,Pressedを考慮したボタン アクセシビリティを考慮したボタン デスクトップアプリを考慮したボタン そんなボタンを作る方法を考えていきます。 Buttonをイチから作る。 Flutterで提供されているButton系のWidgetを使えば、簡単にボタンを実装できますがどうしてもマテリアルデザインよりの見た目になってしまいます。 もちろんカスタマイズもできるのですが、個人開発ということでイチからButtonを作ってみようと思います。 イチからButtonを作るときに考
SPA におけるアクセシビリティ課題について シングルページアプリケーション（SPA）は、1 つの HTML ファイルに対して JavaScript と Web API を活用して、ユーザーに素早いページ切り替えの体験を提供するウェブアプリケーションの一形態です。 しかし、SPA にはアクセシビリティの課題があります。例えば、視覚障害のあるユーザーが使うスクリーンリーダーという支援技術ではページが遷移したことを認識できないことがあります。これは、JavaScript を使ってページを切り替える際に発生する問題です。 具体的には、ユーザーがあるページから別のページへ移動した際、スクリーンリーダーが新しいページに移動したことを認識しないことがあります。 この問題を解決するために、JavaScript と WAI-ARIA という技術を使って、Route Announcer という方法があります
Chrome 127 betaの公開など: Cybozu Frontend Weekly (2024-07-09号)
こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめに サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/07/09のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 React & Codemod Announcement React 19への移行を支援するツール（codemod）が公開されました。例えば、次の移行作業を自動化してくれます。 Context.ProviderをContextに置き換え forwardRefの削除 useContextをuseに置き換え next-cache-toolbar Next.jsのData Cacheの中身を視覚的に見れるツールです。 Diving
Turborepo 2.0リリースなど: Cybozu Frontend Weekly (2024-06-18号)
こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024/6/18 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 feat: Add support for TypeScript config files ESLint の設定ファイルを TS でかけるようにする RFC がマージされました。 TS で設定ファイルを書く場合は読み込む際にトランスパイルする必要があり、これには UnJS のパッケージの１つである jiti が利用される予定のようです。(2024/06/18 現在は draft PR なので今後変更される可能性がありま
こんにちは、SmartHRでキャリア台帳の開発を担当しているプロダクトエンジニアのhosoyaです。 今日は、私たちがどのようにPlaywrightを使ってキャリア台帳のE2Eテストを実装しているかについてお話しします。 なぜPlaywright？ E2Eの導入・運用の検討を始めた当時、SmartHRで運用されているE2Eは、Rspec x Selenium x Capybaraが主流でした。 キャリア台帳は新規プロダクトという事もあり、新しいツールの選定をしてもよいのではないかということでチーム内での検討がはじまりました。 採用理由に関しては以前紹介された「E2Eテストを Playwright で作り直して開発プロセスに組み込む話」とほぼ被ってしまうのですが以下のような理由になります。 PlaywrightはMicrosoftから公開されているE2Eテストフレームワーク 定期的な更新と新
はてなブログ独自の集計による人気記事のランキング。6月16日（日）から6月22日（土）〔2024年6月第4週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 どうすれば相手の意見を変えられるのか──『エビデンスを嫌う人たち: 科学否定論者は何を考え、どう説得できるのか?』 - 基本読書 by id:huyukiitoichi 2 増田へのお返事（Mrs.GREEN APPLEの『コロンブス』について） - lady_jokerのはてなブログ by id:lady_joker 3 高度に発達したウォーターフォールはアジャイルと見分けがつかない - An Epicurean by id:Songmu 4 脳に収まるコードの書き方を読んだ。面白かった。 - Mitsuyuki.Shiiba by id:bufferings 5 Win95時代より1000倍速いはずなのにPCちっとも
効果的なトップページとは、シンプルでアクセスしやすく、組織やサイトの目的を伝え、魅力的なコンテンツを表示し、ユーザーの行動を促すものである。 Homepage Design: 5 Fundamental Principles by Huei-Hsin Wang on March 15, 2024 日本語版2024年6月18日公開 トップページ（homepage）は、どのウェブサイトにおいても最も重要なページの1つである。それはしばしば、ユーザーを魅了し、サイトに関与させるための最初の、そして場合によっては唯一の機会となるからだ。適切にデザインされたトップページは、ユーザーを明確かつ的確に彼らの目的に導くと同時に、ブランドのアイデンティティやサイトの提供するサービスを効果的に反映するものである必要がある。 この記事では、トップページのデザインに関する5つの基本的な原則を、それぞれ実践的なガイ
第５回 本を音で読む・後編 - 新文化オンライン
前回、オーディオブックが真にアクセシブルなものになるための課題として、コンテンツの量的充実と、サイト・アプリのアクセシビリティ対応をあげた。後者は事業者の対応に期待したいが、前者は出版社が取り組むべき課題だ。小学館でも近年、作品点数増に力を入れている。 コンテンツを増やすにあたり、おそらく多くの版元にとってハードルとなるのは、著作権者の許諾を得る権利処理作業、音源制作作業の２点だろう。 オーディオブックは本の内容をそのまま読み上げるため、小説やエッセイなど、いわゆる文字ものはいいが、コミック・写真集・絵本などビジュアルがメインのものは音声化に向かない。出版物のタイプにより向き不向きがあるので、企画時や出版契約時に、事前に音声化を見込んで包括的な許諾を得るのは難しく、どうしても刊行後の個別対応にならざるを得ない。出版のフローに組み込みにくい、と言ってもいい。 音源の制作には一般に３、４カ月か
本稿のねらい2024年3月13日、足掛け3年近い歳月を要し、欧州議会（European Parliament）がArtificial Intelligence Act（AIA）を採択した。 AIAは、その第113条に従い、2024年5月から7月にかけて官報（"the official Journal"）に掲載され、掲載から20日後に発効し、原則として発効日から2年で施行されるが、禁止AI（"Prohibited Artificial Intelligence"）や汎用AI（"General Purpose AI Models": GPAI）などの一部の規定は次のとおり2024年末から2027年夏までに段階的に施行される予定である。 第Ⅰ章・第Ⅱ章：発効日から6か月で施行 第Ⅲ章§4・第Ⅴ章・第Ⅶ章・第Ⅻ章：§101を除き発効日から12か月で施行 第6条(1)とこれに対応する義務：発効日から
株式会社トルクの本田一幸さん、堀江哲郎さんが選ぶ「アクセシビリティがいい」サイト5選 | Web Designing
本田 一幸さん 株式会社トルク代表取締役。数々の広告サイト、コーポレートサイトなどの制作プロジェクトを手掛けた後、2020年、デザインファーム株式会社トルクを設立。 X Facebook デザインとアクセシビリティを兼ね備えたアニバーサリーサイト Ameba20周年記念サイト | つくる、つむぐ、つづく、Ameba LIFE https://content.ameba.jp/amebalife/20th_anniversary/ サイバーエージェントは日本の代表的なインターネット企業として知られていますが、アクセシビリティの分野をリードする企業としても有名です。 同社は事業のミッションに「人と情報をつむぎ 暮らしが豊かに育ちつづけるための機会をつくる。」を掲げています。また、アクセシビリティにおいては「サイバーエージェントのサービスを利用する全ての人が、心身の機能や利用する環境に関係なく、
DMIウェビナー『アクセシビリティの本質を考える』(2024年6月25日開催) https://dmi.jaa.or.jp/general-event/view/3713 上記イベントの第1部にて使用したスライドを公開用に編集したものです。 作者：森田 雄 / 株式会社ツルカメ https:…
無意識のうちに「スクロールロック」がオンに Excelのアクティブセルを移動するときは、矢印キーを押しますよね。しかし、なぜかアクティブセルではなく、画面がスクロールしてしまう現象がたまに起こります。 アクティブセルを移動しようとして、［↓］キーを押すと...... 画面がスクロールしてしまいました。アクティブセルはA1のまま移動していません。［→］キーを押すと、右方向に画面がスクロールします。 これは「スクロールロック」（ScrollLock）が有効になっている状態です。今回は、スクロールロックを解除する2つの方法を紹介します。 目次 キーボードからスクロールロックを解除する スクロールロックが有効になる理由 スクリーンキーボードからスクロールロックを解除する キーボードからスクロールロックを解除する 矢印キーを押したときに画面がスクロールしてしまう場合は、Excelのステータスバーを確
こんにちは。Webフロントエンド担当の熊野です。 「2024年4月に施行される障害者差別解消法の改正により、民間事業者もウェブアクセシビリティの配慮が義務化されます。」という情報からこの記事の作成を始めて色々調べての結論ですが、義務化されるって部分は間違いでした。 義務化されたのは、「障害のある人への合理的配慮の提供」であり、ウェブアクセシビリティの対応は義務化されていませんし、ウェブアクセシビリティの対応に関して法的な罰則等はありません。 しかしながら、障害者差別解消法が2016年4月に施行された時からあったウェブアクセシビリティの努力義務のニュアンスがより強化されています。また、海外ではウェブアクセシビリティの対応が法律で義務化されている国もあり、世界的な流れからもウェブアクセシビリティの重要性は高まっています。今後もますます、すべてのユーザーが平等にウェブを利用できる環境が求められる
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
米政府系サイトの常識を変えた「デザインシステム」革命
無料で使える画像生成AIの定番は「Stable Diffusion」ではなくなるかもしれない
React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
Googleマップの知らないはずがない便利機能18選 | ライフハッカー・ジャパン
Macのゴミ箱整理が捗る？画期的アプリ「BananaBin」 | ソフトアンテナ
【デザインエンジニアが解説】施行されたばかりの改正障害者差別解消法とウェブアクセシビリティの正しい関係
Apple Vision Proを障害者が使うためのアクセシビリティ機能について使用者やAppleスタッフにインタビュー
Explore デジタル庁デザインシステム ベータ版
『【スマホ特殊機能】スクリーンショット：指１本、画面をポチッとするだけ‼️』
AppleがiOS 18で「Car Play」に追加される機能や将来的な機能について語る
ゲームも書籍も「バリアフリー」が重要に 「車いすの哲学者」近藤銀河さんが初の単著執筆で考えたこと｜好書好日
無料ワークスペースのメッセージとファイル履歴の最新情報
「働く×やさしい日本語」で外国人にとっての人事・労務手続きをわかりやすくしたい｜株式会社SmartHR
2024-06-13のJS: Storybook 8.1、Turborepo 2.0、Node v22.3.0(Snapshot Testing)
久保田晃弘「予言とアーカイヴ」 | ÉKRITS / エクリ
論語と算盤と技術 ーー LayerX 入社エントリ｜Qluto
より良いユーザー体験を求めて "ボタン" を深掘りする
SPA のアクセシビリティを強化する Nuxt の Route Announcer 機能
キャリア台帳のE2EテストでPlaywrightを利用している話 - SmartHR Tech Blog
今週のはてなブログランキング〔2024年6月第4週〕 - 週刊はてなブログ
トップページデザイン：5つの基本原則
【AI】EU AI Actが2024年3月13日欧州議会において採択！？｜弁護士 YS
アクセシビリティって何だろう？ -アクセシビリティの概念、そして向き合い方まで-
Excelでカーソル（アクティブセル）が動かないときの対処法。矢印キーが効かないときはどうしたらいい？
ウェブアクセシビリティについて - Fenrir Engineers