フロントエンドエンジニアの嶌田です。株式会社 LIFULL でプロダクトのアクセシビリティ向上をミッションとして活動しています。 本日は、不動産・住宅情報の総合サービスである LIFULL HOME'S のスマートフォンサイト において、過去半年間で実施したアクセシビリティ向上施策をご紹介します。ご紹介する施策のうちいくつかは、内容を掘り下げて実装コードを交えて解説をしていきます。 それでは、早速アクセシビリティ向上のために実施した施策を見ていきましょう。 ボタンを正しくボタンにする 追加コンテンツを読み

プロダクトエンジニアリング部の千葉です。 2022年に新卒で入社して、 売却査定領域 の開発に携わっています。 この記事では、2022年10月から取り組んでいる売却査定CRO（Conversion Rate Optimization）チームの施策について紹介していきます。 CROチーム取り組み紹介 ABテスト施策実施の背景 直面した壁 高速に回るPDCA よかったこと 大変だったこと ユーザーファーストGとの連携 エラーメッセージの見せ方改善の施策化 まとめ CROチーム取り組み紹介 売却査定CROチーム

はじめに 株式会社 WinTicket でネイティブアプリエンジニアをしている長田卓馬(@ostk0 ...

こんにちは、フロントエンドエンジニアの樫福です。 タイミーのフロントエンドの開発に関わるエンジニアの人数が増えてきました。大人数で開発しながら品質を高い状態に保つには、品質に対する共通認識を作ることが大切です。 このたび、チームでフロイントエンドの 単体テスト についての勉強会を開催しました。 testing-library というフロントエンドのテストに使うライブラリを例に挙げ、具体的な手法よりも、テストを実装する前に抑えておきたい思想についてフォーカスしました。 フロントエンドでテストしたい項目 フロ

はじめに イベントについて 参加してみて 当日の資料等 当日の Togetter の様子 スライド スライド内で紹介したプロダクトなどのリンク さいごに はじめに こんにちは！NewsPicks の Web Reader Experience Unit で Web フロントエンドを中心にエンジニアをしております、イイダユカコ（ @becyn ）です。 このブログは、3月8日に Findy 社主催の アクセシビリティのイベント、「高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエ

こんにちは。エンジニアの中島です。 現在はアクセシビリティ推進グループ（以下推進グループ）に在籍しています。 以前同組織の紹介記事をいくつかあげましたが、その通り弊社は自社の運営するサービスをアクセシブルにするため日々奮闘しています。 www.lifull.blog www.lifull.blog 以前の記事ではどういったマインドで同組織ができたか、どのように推進しているかについて話ました。 今回は、そういった活動の中でいくつか技術的な副産物が生まれたのでその話をしようと思います。 キーボード操作編 CS

こんにちは、@kubosho_です。普段はABEMA開発本部Webチームで活動しつつ、アクセシビリテ ...

こんにちは、エス・エム・エスのフロントエンドエンジニアの城内です。 前職では、ヘルスケア系のスタートアップでソフトウェアエンジニアをしていましたが、2022年8月にエス・エム・エスへ入社し、介護事業者向けの経営支援サービス「カイポケ」の改善をするチームに所属しています。 カイポケの改善を進める開発チームでは、この度フロントエンド専任チームを立ち上げました。この記事ではフロントエンドチーム立ち上げの背景や、チームの立ち上げから進めてきた技術選定について書きたいと思います。 カイポケ改善プロジェクト 介護事業

はじめに 突然ですが、この記事を読んでいるあなたには 「推し」 はいますか？ 愛してやまない人やキャラクター、はたまたツールやプログラミング言語など、何かしら「推し」と呼べる存在がある人は多いのではないかと思います。 筆者にもいわゆる「推し」がいるのですが、ある日こんなことを思いました。 「推しの存在を業務中も感じていたい...！」 そこで今回は、筆者の切な願いを叶えるために、業務に欠かせない存在であるSlackのテーマカラーを、画像ベースで「推し」の概念を感じる色に変える方法を紹介したいと思います。 S

これは株式会社LabBase テックカレンダー Advent Calendar 2022、15日目の記事です。 https://qiita.com/advent-calendar/2022/labbase 13日目の記事は sotabkw さんによる「Reactとアクセシビリティ(a11y)対応」という記事でした。ぜひご覧ください。 https://qiita.com/sotabkw/items/9e78bf1103117b091ee5 今回は、Rustで書いた入力単語のサジェスト処理を紹介します。 概要

本記事は NRIネットコム Advent Calendar 2022 15日目の記事です。 🎁 14日目 ▶▶本記事 ▶▶ 16日目 🎄 はじめまして、入社6年目の小林です。 普段はフロントエンドエンジニアとして、Webサイトの構築・運用などを担当しています。 今年はWebアクセシビリティ関連のセミナーに多く参加しまして、 より多くの人にこの分野を知ってもらいたいという思いから、本記事を執筆していきます。 （実際に執筆してみたら色々書ききれず、また第2回もどこかで書きたいと思います） Webは "本当に"

この記事はLuup Advent Calendarの12日目の記事です。 データエンジニアリングチームとサーバーチームの t-kurimura です。 今回はアプリ開発に欠かせないユーザーの行動ログ分析において、実装漏れや仕様の認識不足によるログ欠損を防ぐためのアイデアをご紹介します。 背景課題 行動ログの分析までの過程で以下のような問題が起きたことはありませんか？ 分析のためのイベントの実装をし忘れてしまっている イベントの実装が特定のパターンでのみ送られないようになっていて分析・調査・修正に時間を要す

id:nesh です。 今回の記事では駅メモ！エンジニアで定期的に開催している社内勉強会「Denco Tech Night」について紹介したいです。 Denco Tech Night について この勉強会は 2017 年から始めました。 社内勉強会が促進されている環境であるため、その社内勉強会の 1 つとして駅メモ！エンジニアチームによる勉強会です。 開催概要 参加者は駅メモ！エンジニアが参加必須です。 また、他チームのエンジニアも任意で参加できます。（現状は駅奪取チームのエンジニアも定期的に参加していま

Vue 2 でコンポーネントテストを書くために こんにちは。プログラミングをするパンダ（ @Panda_Program ）です。本記事は BASE アドベントカレンダー 2022 の4日目の記事です。 本記事では Vue 2 + TypeScript 環境に Testing Library を導入する方法をご紹介します。なお、Testing Library の使い方については本記事では触れていません。当該ツールの具体的な利用方法を知りたい方は 公式ドキュメント をご覧ください。 Testing Libra

Amebaブログでは今年も様々な取り組みが行われてきました。 アクセシビリティがより当たり前になって ...