株式会社アジケでUIデザイナーをしているやまもとです。 唐突ですが皆さんオレンジ色についてどのようなイメージをお持ちですか？ オレンジは様々な企業のコーポレートカラーやアクセントカラーとしても使用されていますね オレンジをコーポレートカラーとしている会社私が担当しているPJにもオレンジ色のボタンパーツが使用されています。 担当しているPJで使用されているオレンジボタン（ダミー）現在アクセシビリティ強化に伴い、デザインシステムガイドラインアップデートを行っており、コントラスト比の見直しを行うことになりました。 見直しにあたり、このオレンジ色のコントラスト比に大いに悩まされることになります。 今回はアクセシビリティコントラスト比と戦った記録を書いていきたいと思います。 課題使いやすく取り入れやすいオレンジには、1点の大きな課題があります。 それは背景オレンジ、テキスト白のデザインにおいてコント

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内と水野です。 2022年8月に弊社が運用するデータ可視化サービス、DS.INSIGHTにおいてアクセシビリティのコントラスト比を改善しました。UIデザインにおけるアクセシビリティのコントラスト比改善で学んだことを中心に、ブランドカラーへの取り組みについて簡単にご紹介します。 アクセシビリティのコントラスト比対応ってそもそも何だ？ DS.INSIGHTでは、すべてのユーザーに使いやすく、また情報を届けるためにWCAG2.1（現在2.2はドラフト）への対応を目標にアクセシビリティ改善を進めています。 サービス全体を調査したところ、ほぼ全てのペー

監視ってなんだっけ？ 運用監視勉強会#1 小林 良太郎（@ryota_hnk）

デジタル変革を加速させましょう お客様がデジタル トランスフォーメーションに乗り出したばかりでも、あるいはすでに進めている場合でも、Google Cloud は困難な課題の解決を支援します。

質とスピード（2020秋100分拡大版） 2020/11/20 @ JaSST'20 Kyushu

※この投稿は米国時間 2019 年 6 月 20 日に Google Cloud blog に投稿されたものの抄訳です。 私たち Google Cloud は、Google Cloud Platform（GCP）上に移行もしくは構築されるアプリケーションの最終目標として、よく「クラウドネイティブ アーキテクチャ」という言葉を使います。では、クラウドネイティブとは正確にはどういう意味なのでしょうか。そして、そのようなシステムはどうすれば設計できるのでしょうか。 大まかに言えば、クラウドネイティブとは、クラウドによってもたらされる、従来のオンプレミスにはない新しい可能性に適応することを意味します（アーキテクチャ上の制約も従来とは大きく異なるため、それにも適応）。ソフトウェア アーキテクトとして私たちが考慮するよう訓練を受けている高レベルの要素について考えてみましょう。 システムの機能要素（何を

これはなに？ 電子の海に大量に転がっているプレゼンTips的なものから個人的に必要と思う範囲で拾い集めたものです。自分でも未だに出来ていない点が多々あるので自分への戒めも兼ねて。 ポイント 全てのプレゼンに共通するようなテンプレートは存在しない 同じ内容でも場や聴衆によって合わせる必要がある 例 学会: ある程度決まったプレゼン進行のテンプレートがある。やや固めなので、例えばアニメーションは最小限 勉強会: 聴衆のレベルに合わせる必要がある。固めか緩めかは聴衆次第 LT: 短時間でいかにインパクトを与えるか。詳細は二の次で緩めなので、画像ﾊﾞｰﾝだったりデカ文字ﾊﾞｰﾝなスライドとかもあり etc. 最初に結果を出してしまってから進行する (トップダウン)・最後に結果に持っていく (ボトムアップ) の選択等も適宜行う必要がある パワポを開く前にまずストーリーを作る キーワードを予め洗い出す

先日慶應義塾大学日吉キャンパスで行われた builderscon2018、最高のカンファレンスでしたね。わたしも「開発現場で役立たせるための設計原則とパターン」というタイトルで発表させていただきました。今回は恒例「実況中継シリーズ」として、プレゼンの再現をブログで行いたいと思います。 なお、過去の実況中継シリーズは前職の技術ブログにまとまっていますので、そちらからご覧ください。 それでは本編を開始したいと思います。 開発現場で役立たせるための設計原則とパターン アバンパート よろしくお願いします。 まず最初に簡単に自己紹介をさせていただきます。 先月転職をしまして、8/1からClassiという会社で働いています。妻と息子がおります。Scalaが好きですが、仕事ではRubyメインという感じです。 Web+DB PressやSoftware Designで何度か特集を書かせていただきました。と

ペアワイズ法を使うことで、効率的にテストケースを絞り込めることがわかったかと思います。 --- 2019/10/31 追記 --- どうしてテストケースを絞り込んでも大丈夫なのか？という意見がSNSやはてブのコメントで見受けられたので、フォローアップエントリを書きました。こちらも合わせてご覧ください。 ペアワイズ法は本当に有効なのか？組み合わせテスト技法と上手に付き合う方法 ｜ DevelopersIO ペアワイズ法を支えるツール「PICT」 ペアワイズ法が有効なことはわかりましたが、この組み合わせをどうやって作れば良いでしょうか？条件の数が少なければ前述のように手作業でもやれないことはありませんが、現実の問題はもっと複雑ですので、到底無理でしょう。 そこで役に立つのが、ペアワイズ法のテストケースを生成してくれるツール「PICT」です。 microsoft/pict: Pairwise I

テスト駆動開発の過去・現在・未来 XP祭り2018 基調講演 2018/09/08 http://xpjug.com/xp2018-session-keynote/

この文章の背景について この文章はテスト容易性設計をテーマに 2013/11/26 に CodeIQ MAGAZINE に寄稿したものです。残念ながら CodeIQ のサービス終了と共にアクセスできなくなっていたため、旧 CodeIQ MAGAZINE 編集部の皆様に承諾いただき、当時の原稿を部分的に再編集しつつ、ライセンス CC BY（クリエイティブ・コモンズ — 表示 4.0 国際 — CC BY 4.0） で再公開いたしました。 旧 URL にいただいたブックマークとご意見はこちらです（これであなたもテスト駆動開発マスター！？和田卓人さんがテスト駆動開発問題を解答コード使いながら解説します～現在時刻が関わるテストから、テスト容易性設計を学ぶ #tdd｜CodeIQ MAGAZINE）。旧記事には本当に多くの反響をいただき、誠に感謝しております。 目次 この文章の背景について 目次 出

TL;DR 監視はユーザーにサービスを提供できているかを観測するための行為 SLI/SLOを定めて、SLOを守れるようにモニタリングする ダッシュボードは定常的に表示しておくものと障害時に活用するものを作ると良い アラートはレベル分けして人間が対応しなければならないものだけ人間へ通知する 監視とは サービスを健全に動作させ続けるために監視を行います。 「健全に動作している」の定義はサービスによって異なり、ユーザーにWebページを見せることができることだったり、バッチが正常に終了することだったりします。 最終的にユーザーに正常にサービスを提供できていることを観測するために行うことに変わりはありません。 さてユーザーにサービスを提供するために何を監視しましょうか？ クラウド前提であれば個人的にリソースベース（CPU/Memory）より、 SLI/SLOをベース に監視する事が望ましいと考えてい

2023/03/03(金) Forkwell エンジニア文化祭 2023

あのエロい映画なんだっけ？ 鈴木健也 映画のエロいシーンを検索できるサイトがあったとしたら…？　そのサイトは、たくさんの人を巻き込み…。