多くのウェブサイトではリンクを入れ子にしたカード UI が利用されています。入れ子されたリンクとは以下のようなものです。 このような UI ではカード全体をクリックした場合にはカードのリンク先に遷移し、カード内のタグをクリックした場合にはタグのリンク先に遷移するという挙動が期待されます。この挙動を簡単に HTML で実装すると、以下のように <a> 要素が入れ子になります。 <a href="/new-product" 　class="card"> <a class="tag" href="/tag/tech">Tech</a> <div> <h2>New Product</h2> <p>...</p> </div> </a> しかし、このようにインタラクティブな要素（<a> や <button> など）の子要素にインタラクティブな要素を配置することは HTML 仕様上許可されていません1

本番環境などでやらかしちゃった人のアドベントカレンダーです。 本番環境にかぎらず検証環境のやらかしでも参加どうぞ。 2024年も残りわずかになってしまいました。明るい2025年にするために、惨劇を繰り返さないために、書きたくない報告書を書かなくてすむように、みなさんの「やらかし」を共有しましょう。 以下の２点については、記載をお願いします。 その「やらかし」はなぜおきてしまったのか その「やらかし」を起こさないために次どうすればいか 参加者の方に書いていただいた知見は、きっと今後の誰かの役立つと思います。気軽に参加ください。幸運なことにまだ「やらかし」のない方もどうぞ購読ください。 本番環境などでやらかしちゃった人 Advent Calendar 2023 https://qiita.com/advent-calendar/2023/yarakashi 本番環境などでやらかしちゃった人 A

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers. The randomUUID() method of the Crypto interface is used to generate a v4 UUID using a cryptographically secure random number generator.

Unstyled UI components for building accessible web apps and design systems.From the creators of Radix, Floating UI, and Material UI. Documentation

Universal: You can deploy it as a standalone service or embed it into an existing application. It works with any framework or platform. Self-hosted: It runs entirely on your infrastructure and can be deployed on Node.js, Bun, AWS Lambda, or Cloudflare Workers. Standards-based: It implements the OAuth 2.0 spec and is based on web standards. So any OAuth client can use it. Customizable: It comes wit

こんにちは、10X プロダクトデザイナーの日比谷（@suuminbot）です。 現在10Xでは新規プロダクトを複数開発している真っ只中ですが、私もその一環でshadcn/uiとTailwind CSSを活用しつつ、SaaSのサービス画面（管理画面）用のコンポーネントライブラリをゼロから構築していました。 少し前に一通り最低限必要なコンポーネントをFigma・実装ともに作りきり、現在は実際にそのコンポーネントライブラリを使って自分自身が複数のプロダクトのUIを作ったり、開発が進んでいる様子を見ているところです。 このブログでは、今回取り組んだことや学びをご紹介していこうと思います。 新規構築の経緯 外部コンポーネントライブラリのあるある課題 自分たちのプロダクトに合った形のコンポーネントライブラリを、クイックに立ち上げたい 「クイックな立ち上げ」と「こだわり」を両立できるshadcn/ui

はじめに id:rotom です。社内情報システム部 兼 CISO室 所属で ITとセキュリティを何でもやります。 このエントリは 一休.com Advent Calendar 2024 16日目の記事です。昨日は id:naoya による TypeScript の Discriminated Union と Haskell の代数的データ型 でした。その他の素敵なエントリも以下のリンクからご覧ください。 qiita.com 2018年のアドベントカレンダーにて「一休における情シスの取り組み」を紹介させていただき、一定の反響をいただくことができました。 早いものであれからすでに6年が経過しました。6年も経つとコーポレートIT も変遷しています。 user-first.ikyu.co.jp これまで特定の製品・サービスの事例などは断片的に紹介していましたが、6年ぶりに改めて全体像をお話したい

Takramは、三菱電機株式会社のDX戦略を支える「Serendie Design System（セレンディデザインシステム）」のデザインと開発を手がけました。このプロジェクトは、デザインシステムの立ち上げに留まらず、オープンな組織文化をつくる第一歩となることをめざしたものです。 serendie.design DXの加速、AIの浸透、既存の業界や地理的な枠組みを超えた競争など、さまざまな要因が絡み合い、ビジネスを取り巻く状況が目まぐるしく変化してしています。多くの企業がその渦中にあり、未来を見据えてどのような戦略を取るかを、いままさに求められています。 宇宙から家電まで幅広い事業領域と多様な事業フェーズを有する三菱電機株式会社（以下、三菱電機）は「循環型 デジタル・エンジニアリング企業」への変革を打ち出し、その変革を加速させるためのDX基盤「Serendie（セレンディ）」をリリースしま

MicrosoftがWordやPowerPoint、Excel等のファイルをMarkdownに変換できるMarkItDownライブラリを公開しています。詳細は以下から。 Microsoftは現地時間2024年12月12日、PDFに加えWordやPowerPoint、ExcelなどのOfficeファイルをMarkdownフォーマットのファイルへ変換できるPythonライブラリ「MarkItDown」を新たに公開しています。 Python tool for converting files and office documents to Markdown.[…]The MarkItDown library is a utility tool for converting various files to Markdown (e.g., for indexing, text analysis,

この記事は 食べログアドベントカレンダー2024 の14日目の記事です🎅🎄 食べログ開発本部 技術部 データサイエンスチームのテックリードをしております富田です。 私は生成AI活用を推進するチーム内のユニットリーダーも兼任しており、私の専門性を活かしたトピックとして生成AI業務活用プロジェクトの立ち上げについての話を書こうと思います。 なぜ業務活用に取り組んでいるのか まず、生成AI業務活用とは何かについて説明します。 生成AI業務活用は、データサイエンスチームで進めている推進トピックの1つです。 データサイエンスチームは食べログのデータとAIの活用を推進するチームであり、データ基盤とAI基盤の改善やデータ利用の推進をしつつ、AIの導入も推進しています。 AIの導入推進は、①食べログ事業の中での様々な業務の中で生成AIを活用する、②食べログのサービスに生成AIを用いた機能を組み込むとい

これは、株式会社ゆめみ Advent Calendar 2024 13日目の記事です。 Next.js (Pages Router) のAPI Routesのhandlerにおいて、ValibotやZodで値の検証をせずにリクエストボディの値を使用してしまう不具合を、型検査レベルで防ぐことを考えます。 例えば、次のようなコードで、処理の順番やロジックの誤りを型エラーを出して気づきたいといったものです。 import { NextApiHandler } from "next"; import * as v from "valibot"; const RequestBodySchema = v.object({ someValue: v.string(), }); const handler: NextApiHandler = async (req, res) => { // バリデーション

こんにちは、マケデコを運営しているtomoです。 本記事はマケデコAdvent Calendar 2024の記事として執筆させていただきました。 以前、以下のようなツイートをしたところ結構反応があったので、為替モデルについて興味がある人のために最初の一歩を踏み出せる記事を書いてみたいと思います。 最近、yoshisoくんが手元でとんでもない勝率を叩き出してbotter界隈を騒がしており、僕は最近は依頼を受けたときだけ為替のモデリングを手伝っていますが、最新技術(当時は新規論文のネタを片っ端からチームで為替のモデルに活用するというのを5年近くやってました)にはキャッチアップできていないので、昔話を交えて為替の話(若干妄想も入ります)をしたいと思います。 まず、為替とは何か？ FXを触ったり、ニュースをみていると「ドル円」という言葉を聞いてドル円というアセットがあたかも存在しているように感じる

Googleが新OS『Android XR』を発表しました。

毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば Twitter のように下にどんどんコンテンツが伸びていく UI が良い例だろう。そのような UI を無限スクロールと呼ぶことが正式なのかは知らないが、このような体験の実現を支援するライブラリに infinite-scroll というものがあり、少しは普及している呼び方なのだと思い無限スクロールという言葉を使う。一方で WEB フロントエンド文脈で無限スクロールと言うと複雑 GUI やドローイングツール実装における "無限平面" のようなニュアンスもあるが、今は無限平面のことを指しているわけ

皆さんは、"学園アイドルマスター"というゲームをご存知でしょうか。ご存知ですね。説明の手間が省けてよかったです。 その学園アイドルマスターというゲームに登場するアイドル、"篠澤広"をご存知でしょうか。ご存知ですね。そうですよね。説明の手間が省けてよかったです。 そして、そんな彼女の記念すべき初めてのオリジナル曲「光景」は、なんとあの長谷川白紙による提供です。もちろん聞いていますよね。よかったです。 そんな長谷川白紙といえば、今年の7月、『エアにに』に次ぐ4年8ヶ月ぶりのフルアルバム『魔法学校』をリリースしたのも記憶に新しいですよね。 思い返すと、今年もたくさんのリリースがありましたね。 はい。ということで今年リリースされたおすすめのアルバムをいくつか紹介していきたいと思います。 PAS TASTA - GRAND POP やはり、今年のリリースを語る上でこのアルバムは欠かせません。hiri

2024.12.11 エンジニア組織のリアルな失敗経験から学ぶ！ 生産性向上＆チーム強化Tips

※カード種類によって最大プレゼントポイント数が異なります。 ※グローバルポイントの金額相当表記は、1ポイント5円相当の商品に交換の場合となります。なお、1ポイントの交換比率は交換商品により異なります（キャッシュバックへの交換の場合、1ポイントは4円となります）。 グローバルポイントについてくわしくはこちら

【編集部】GOは日本交通にルーツがあるタクシーアプリで、現在も日本交通が大株主だ。そしてGOの川鍋会長は日本交通の創業者一族であり、GOと日本交通は切っても切れない関係にある。そのため、「川鍋氏の意向＝GOの方針」という印象が強い。 下山　世の中の多くが「GOは日本交通系」と思ってるのは事実。でも川鍋会長の考え方とGOの一企業としての方針が違うというなら、極端な話、中島さんが日本交通を大株主ではなくすぐらいの姿勢にならないといけないと思います。 中島社長　いやまあ、（日本交通は）大株主で、しかも創業株主なので、私の一存だけで決められる話ではないです。これは当社がどうこうの問題ではなく資本の論理として。なお実際問題、日本交通は特別な株主でありパートナーであることは紛れもない事実です。 ただ、我々は上場を目指してるということを表明しており、パブリック（公開企業）になろうとしている。その状態で、

2024/12/10に開催された3社合同フロントエンド合同勉強会で話した内容 https://prtimes.connpass.com/event/335335/