Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
Intro Ladybird は、他のブラウザエンジンをフォークせず、企業との取引に頼らず、寄付だけで作ることを宣言した新しいブラウザエンジンだ。 Ladybird https://ladybird.org/ これがいかに価値のある取り組みなのか、Web を漫然と眺めてきた筆者による N=1 の妄言を書いてみる。 ブラウザエンジンとは ブラウザは、「ブラウザ UI」と「ブラウザエンジン」と、大きく二つの構成要素に分けて考えることができる。 ブラウザエンジンとは、いわゆる Web 標準の技術を片っ端から実装した、ブラウザの土台となるものだ。 ビルドすれば、入力した URL からネットワーク経由でリソースを取得し、パースしてレンダリングして表示できる。そのための IETF RFC や WHATWG HTML や ECMAScript が実装されている、標準技術の結集だ。 その上に、例えばタブを
関連リソース Agent Design Pattern Catalogue: A Collection of Architectural Patterns for Foundation Model based Agents 【論文紹介】LLMベースのAIエージェントのデザインパターン18選 基盤モデルを用いたAIエージェントの設計パターン The Landscape of Emerging AI Agent Architectures for Reasoning, Planning, and Tool Calling: A Survey The Landscape of Emerging AI Agent Architectures for Reasoning, Planning, and Tool Calling: A Survey は、「AIエージェントのアーキテクチャ」について、シン
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている Tailwind CSS 1 を一目見た人、特にCSS初学者のうちけっこうな割合が「これエグい負債になりそう」と思う気がする。なぜなら実際にそのような意見をちらほら見るからなんだけども、自分はあんまりそうは思っていないし、微妙に今のCSSについて誤解があるような空気も感じるのでその理由を説明したい2。JSXと同じで嬉しさを理解して使い慣れればなんてことはないのだけど、一方でその背景にある話はJSXより複雑なので単純に使って慣れればいいという話でもなさそう。 なお、この記事は私の以下の2ツイートを膨らませたものです。 Tailwind CSS、剥がすのは大変そうだけどそれをもって重大な負債になると評せるかは微妙に思っている https://x.com/aumy_f/status/18220941478532
いまや、DJはもうDJじゃない。デリック・メイと考える人工知能と｢人の意思｣2024.09.20 21:0017,945 照沼健太 AIと人間の区別がつかない時代がもうすぐそこに？ Open AIが脅威の性能を誇るChatGPTの音声対話機能を公開間近。さらにはAppleがiOSやMac OSに組み込む生成AI｢Apple Intelligence｣を発表するなど、AI競争はさらに加速しています。 そんなAIと人間の区別がつかない未来を予見したかのような作品が、95年公開の映画｢GHOST IN THE SHELL / 攻殻機動隊｣です。本作の関連作品として、1997年にPlayStation用ソフトとして発売されたゲーム｢攻殻機動隊 GHOST IN THE SHELL｣のサントラに参加していたデトロイトテクノのオリジネイターの一人、デリック・メイが、今年5月に東京・新宿のZepp Sh
Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked
Watch Our Google Algorithm Leak Webinar Replay Google, if you’re reading this, it’s too late. Ok. Cracks knuckles. Let’s get right to the Google algorithm leak. Internal documentation for Google Search’s Content Warehouse API has been discovered. Google’s internal microservices appear to mirror what Google Cloud Platform offers and the internal version of documentation for the deprecated Document
どうも、すべての経済活動を、デジタル化したい福島です。 年末恒例になりました未来予測+来年の意気込みシリーズ。2021年末は「SaaS+Fintech」、2022年末は「コンパウンドスタートアップ」、2023年末は「AI-UXとAX(AI Transformation)」でした。 今年は「AI Agent」というテーマで書こうと思います。2025年はまず間違いなく「AI Agent」の年になります。(AI Agentという定義はなんぞや、みたいな話はありつつ) LayerXは2025年、この領域にフルベットし、wowな体験、新たなビジネスモデルを模索していきます。 過去記事はこちらより AI Agentとは2024年、主に英語圏で、「AI Agent」「Vertical AI」「Agentic Workflow」といった言葉が一気に盛り上がりました。おそらく2025年、日本のVCがこういう
誇り高き「マネージャー」を全うするために。“理想のEM”小田中氏を支えた珠玉の5冊 2024年6月20日 株式会社カケハシ EM 小田中 育生 筑波大学大学院修了後、外資系半導体企業を経て、2009年に株式会社ナビタイムジャパンに入社。2019年からはVPoEを務める。2023年10月に、EMとして株式会社カケハシに入社。薬局DXを支えるVertical SaaS「Musubi」をコアプロダクトに位置づけ、「しなやかな医療体験」を実現するべく新規事業のプロダクト開発にコミットしている。著書に『いちばんやさしいアジャイル開発の教本 人気講師が教えるDXを支える開発手法』（2020年、インプレス、共著）がある。 X note エンジニアがマネジメントに踏み出すとき、今まで向き合ってきた「技術やシステム」と、マネージャーとして向き合うべき「組織や人」の特性の違いに戸惑う人も少なくありません。 エ
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 マスクとして使用 Figmaでもマスクを使うと図形などからはみ出した部分を表示しないようにできます。 画像と図形を用意します。図形はその形からはみ出て部分を表示しなくなるので、その図形でくり抜かれたような表示になります。 マスクの作成方法 マスクとして使用したい図形の前面に画像を配置します。 図形と画像の両方を選択した状態にし、上部ツールバーにある［マスクとして使用］アイコ
toB or not toB, that is the question - BtoBとBtoCのデザインはどう違って、どう同じなのか - enechain Tech Blog
この記事はenechain Advent Calendar 2024の17日目の記事です。 はじめに BtoCとBtoBの基本的な違い 具体例 顧客層の違いとその影響 Vertical（縦型市場）とHorizontal（横型市場） プロダクトデザインにおける違い BtoBのプロダクトデザインの特性 BtoCのプロダクトデザインの特性 Vertical Market向けのデザインの特徴 BtoCとBtoBプロダクトデザインのまとめ UXデザインにおける違い BtoBのUXデザインの特性 BtoCのUXデザインの特性 BtoCとBtoBにおけるデザインアプローチの違い 1. 情報量のコントロール 2. 学習コストの優先度 eSquare Liveにおいて BtoCとBtoBのデザインにおける共通点 1. デザインプロセスやツールの共通性 2. シンプルさの重要性 3. ブランド価値の重要性 ま
スクラムガイドをきっかけに「プロダクトエンジニア」の意味を考え直してみた - Nealle Developer's Blog
スクラムガイドをきっかけに「プロダクトエンジニア」の意味を考え直してみたこの記事はニーリーアドベントカレンダー2024の17日目 その1の記事です。 こんにちは、ニーリーのプロダクトエンジニアのりん（@TWBMT）です。 「いいや、限界だっ、買うね！！！」と心に決めてブラックフライデーに臨んだら欲しかったモニターが売り切れていました。悲しかったです。*1 最近、地元のスクラムコミュニティに参加した際に改めてスクラムガイドを読む機会がありました。 スクラムガイドには「プロダクト」という言葉の定義が書いてあり、その定義を基にすると「プロダクトエンジニアってこういうことなのかもな、普段使いしている「プロダクト」という言葉の解像度が上がって面白いな〜」と気づくことが多々ありました。 なので、今回はその話を書いていってみたいと思います。 プロダクトエンジニアというロールの面白さが少しでも伝わると嬉し
OSSでオブザーバビリティを実現する (Grafana Stack x OpenTelemetry on Kubernetes) - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは。SREの gumamon です！ NewRelic、Datadog、モダンな監視ツール(オブザーバビリティ)って良いですよね。弊社もKubernetes(k8s)等を利用した環境が増えてきた折、そろそろ必要になってきたのですが、NewRelic、Datadog等のクラウドサービスはランニングコストが高くなりがちです。 では内製できないかやってみよう！・・・というようなことを昨年度から取り組んでいたのですが、やっとこさ形になりましたので改めてブログで紹介させて頂こうと思います。 今回ご紹介するのは、大まかなシステムの構成と設計時の観点です。各コンポーネントの詳細や工夫できた点などについては、改めて別の記事でご紹介できればと思います。 また、「オブザーバビリティとは？」や「試行錯誤の過程」については、以前執筆した以下のブログをご参照ください。 tech-blog.raku
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
なぜブラウザエンジンは 1 つではダメなのか? または Ladybird への期待 | blog.jxck.io
2025年の年始に読み直したいAIエージェントの設計原則とか実装パターン集
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている
いまや、DJはもうDJじゃない。デリック・メイと考える人工知能と｢人の意思｣
AI Agent Era｜福島良典 | LayerX
誇り高き「マネージャー」を全うするために。“理想のEM”小田中氏を支えた珠玉の5冊 レバテックラボ（レバテックLAB）