タグ

2021年12月28日のブックマーク (2件)

  • ロジクールPOP Keysワイヤレスメカニカル絵文字キーボード

    POP Keysで、デスク空間やその他の場所で個性を解き放ちましょう。自分にぴったりのPOP Mouseでデスクトップの美学や楽しくカスタマイズ可能な絵文字キーを通じ、当の自分を輝かせます。 USB-C</em>接続性を装備した1080pウェブカメラ。","variantDescription":"Brio 300で、会議の質を高めましょう。再生プラスチックを48%以上使用したスタイリッシュなウェブカメラです。主要な会議プラットフォームで認定されています。"},{"carouselImages":[{"addon-1x":"https://resource.logitech.com/w_85,c_limit,f_auto,q_auto,dpr_1.0/d_transparent.gif/content/dam/logitech/en/products/webcams/brio-300/g

    ロジクールPOP Keysワイヤレスメカニカル絵文字キーボード
    amagitakayosi
    amagitakayosi 2021/12/28
    絵文字専用キーがあるキーボードかわいい
  • React で展開された HTML 要素から vscode の生成元コードに飛ぶ 方法

    自分が欲しかったから作ったシリーズ 説明しづらいので下記の動画を見たほうが速いです。 Shift を押している間だけオーバレイが有効になり、要素名をクリックすると vscode の該当行に飛びます。 今のところ vite + react のみの対応ですが、仕組み上、あらゆる UI フレームワークに適応可能です。 何が起きているか TypeScript transformer の仕組みで *.tsx の jsx 要素に data-sj-path="vscode://file/..." を付与する TypeScript AST は sourcemap 用の情報を持っている Node の parent を探索し、直近の関数コンポーネント名を探す Shift を押している間、 マウスでホバーされた要素が data-sj-path を持っているならオーバレイを表示 オーバレイ中の要素名をクリックした

    React で展開された HTML 要素から vscode の生成元コードに飛ぶ 方法
    amagitakayosi
    amagitakayosi 2021/12/28
    便利そう / これWebpackプラグインとかでsourcemap吐いてChrome拡張機能でパースすれば普通に運用に乗せれそう?