「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita
はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove
マウスを使わない新入社員です
こんにちは。マウスを使わない新入社員です。 ずばり、マウスを使わないのは、タッチパッドのほうが効率が良いからです。マウス厨🐭のみなさんにタッチパッドのすばらしさを啓蒙いたします。 ①「タッチパッドは使いにくい」は慣れの問題でしかないタッチパッドが非効率だと思うのは、マウス厨がタッチパッドに慣れていないからです。 確かに、タッチパッドは慣れないと非常に使いにくいです。ぐにゃぐにゃ動くカーソル、震える指先、クリックしたときにブレるカーソル。 あなたが間抜けにもマウスを忘れたときだけタッチパッドを使っているだけの人であれば、イライラは止まらないでしょう。 ところが、タッチパッドに慣れている人からすれば、タッチパッドもマウスも使用感はほぼ変わりません。まあ、CADの操作やコピペなどの精密な操作を求められる際はマウスのほうが流石に使いやすいですが、普通の業務で使いにくさを感じることはありません。
マウスを使わない新入社員たち
若い子たちのマウス離れが本当に深刻。 ここ3年くらいで、急にマウスを使わない、使えない人間が増えている。 弊社はPC仕事多いし、勿論全員にマウスを支給している。 なのに、皆マウスを使わない。 10人いたら7人はタッチパッドでポインタを動かしている。 正直とても非効率的だと思うのだが、とにかくマウスを使わない。 若い世代に何が起きたというんだ？
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
あけましておめでとうございます。2024年も皆様にとって良い年であるように祈っております。 2023年のベストバイをご紹介しようとリストアップしてみたところ、合わせて30アイテム以上になってしまいました。2023年は自覚的に断捨離の逆張りで高度消費社会の潮流に乗ってみようと思い立ち項目数多くなってます。 ただし各種購入に当たっては、無闇に浪費するのではなくいくつかのルールを決めてあります。 1)その商品分野をある程度リサーチしてベストと思われる機能、デザインの製品を選ぶ それぞれの領域について数時間〜長いものでは数ヶ月、あれでもないこれでもないと調べて吟味しました。 ・市場に流通している製品は概ねチェック ・知見のある方やYTでのおすすめを聞く ・国内で入手可能なものは店頭で触ってみる ・デザインについてはPinterestや画像検索等で国外に良いものないか調査、特に文具や家電はアジア圏、
マウスポインタを自動移動、“離席バレ”を防ぐUSBマウスジグラーがアイネックスから 2024.02.05 14:25 更新 2024.02.05 配信 USBポートに挿すだけでマウスを自動移動。3種類の動作モードを搭載 株式会社アイネックス（本社：東京都西東京市）は2024年2月2日、マウスポインタを自動的に動かすことができるUSBマウスジグラー「U20A-MMJGR」を発表した。2月7日に出荷が開始される予定。 マウスポインタを自動的に動かすことができる、小型USBドングルのような形状のUSB機器。ポインタが自動で動き続けるため、スクリーンセーバーやスリープが動作するのを防ぐことができるほか、テレワーク時の“離席バレ”防止にも使える。 本体にはON/OFFスイッチとモード切替スイッチを搭載。動作モードは、極めて小さい範囲で左右に移動させる「モード1」（初期設定）、左右に一定距離移動させる
PREDUCTSは「いい仕事」を生み出す道具のメーカーです。 これは私たちブランドの目指す姿でありつつ、自分たち自身が、道具に求めていることでもあります。日々使う道具も”使いやすく”、”創造性を刺激してくれる” ものであってほしい。そんな道具を探しながら、ものづくりに勤しんでいます。 このシリーズでは、PREDUCTSのメンバーが普段愛用している道具たちをご紹介していきます。 こんにちは、PREDUCTSの宮澤です。 グラフィックや動画、音楽、3DCG、CADなどを扱う職種の方は、データを入力するキーボードはもちろんのこと、高精度なポインティングをおこなうマウスやトラックパッド等のデバイスも多用されると思います。 キーボードやマウスを総じてインプットデバイスと呼ばれ、中でもマウスやトラックパッドのようなポインタ（カーソル）の位置を操作するデバイスは、ポインティングデバイスといいます。キーボ
米Anker、ボタン1つで2台のMac/PCからの映像出力とキーボード＆マウス操作を切り替えられるCPU切替器「Anker 553/554 USB-C Docking Station (KVM Switch)」を発売。
米Ankerがボタン1つで2台のMac/PCからの映像出力とキーボードやマウス操作を切り替えられるCPU切替器「Anker 553/554 USB-C Docking Station (KVM Switch)」を発売しています。詳細は以下から。 米Ankerは現地時間2023年07月10日、ボタン1つで2台のMacやWindows PCからの映像出力と、キーボード＆マウス操作を切り替えられるCPU切替器「Anker 553 USB-C Docking Station (KVM Switch) (A83K2)」と「Anker 554 USB-C Docking Station (KVM Switch) (A83K1)」を新たに発売しています。 Seamless Switching: Enjoy effortless switching between USB-C devices with a
CSSの:has疑似クラスとCSS Anchor Positioningを使用して、:hoverにマグネットのように追従するホバーエフェクトを実装するテクニックを紹介します。 一昔前なら、JavaScriptなどを使用し...記事の続きを読む
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。
PC周辺機器メーカーのLogitech(日本ではロジクール)が、電子機器修理企業のiFixitと提携し、スペアパーツや修理するためのツールキットを販売し、ユーザー自身が修理するサポートを行うと発表しました。 Logitech - iFixit https://www.ifixit.com/collaborations/logitech Logitech International - Logitech Partners with iFixit to Advance Circularity Goals https://ir.logitech.com/press-releases/press-release-details/2023/Logitech-Partners-with-iFixit-to-Advance-Circularity-Goals/default.aspx Logitechに
画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量（2Kb）ライブラリを紹介します。 HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせて実装することができます。 Izmir Izmir -GitHub Izmirの特徴 Izmirの使い方 Izmirのカスタマイズ Izmirの特徴 Izmirは、画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSのライブラリです。エフェクト用のclassはかなりの数が用意されており、HTMLにclassを追加するだけで、完璧なホバーエフェクトを実装できます。 MITライセンスで、商用プロジェクトでも無料で利用できます。 Izmir 主な特徴は、下記の通り。 エフェク
ごろ寝PCにいい。スティックで操作できる｢空中マウス｣が便利そう2024.03.10 20:0038,653 小暮ひさのり マウス操作に第三勢力。 マウスの操作方法といえば？ 定番はレーザーセンサー式。最近は親指で操作するトラックボールも人気ですよね。 PC用マウスを選ぶ方は、だいたいこれらをチョイスすると思うんですけど、こんなマウスも便利そうだよ。サンワサプライから発売された、ゲームみたいにスティックで操作できるマウス｢400-MABT156BK2｣です。 指に装着したまま使えてPCワークを効率化Image: サンワダイレクトこの小さなマウス？スティック？ですけど、ちゃんとカーソル移動に加えて、左右クリックと上下スクロールが使えます。 上下スクロールはページアップ・ダウンに割り当てられているので、細かなスクロール調整はできないので割り切りが必要ですけど、それでも指先でマウス操作ってPCワ
仕事の生産性を向上させるために、使いやすいキーボードは重要な存在です。自分に合ったキーボードを選ぶ際には、キーの打ち心地やキー配列などを意識することが多いと思いますが、キーボードのサイズ感も欠かせないポイントのひとつです。 キーボードの操作に慣れた方のなかには、スピーディーなタイピングを実現するために最小限のキーで構成された「60%キーボード」を愛用している方も少なくありません。 そこで本記事では、60%キーボードとは何か、一般的なフルサイズキーボードやテンキーレスキーボードとの違いやメリット・デメリット、60%キーボードの選び方もあわせてご紹介します。 60%キーボードとは 60%キーボードとは、テンキー（電卓のように数字が並んだ、数字入力専用のキー）付きのフルサイズキーボードに比べて、60%のサイズのコンパクトなキーボードのことです。 フルサイズキーボードには、右側の部分にテンキーやD
レバーレスのアーケードコントローラーが爆発的な人気を誇っています。ボタン入力でキャラクターを操作するわけですが、レバー入力より遅延が少なく、同方向への連続入力や“溜めコマンド”の入力が素早くでき、斜め方向の入力ミスも格段に減るなどの理由で、おもに格闘ゲーマーから注目されています。 レバー入力に慣れすぎている筆者は、ボタンでの方向入力はかなり難易度が高く感じます。とくに1P側と2P側の立ち位置が入れ替わったときは入力が左右逆になりますが、立ち位置が激しく入れ替わるとボタン入力では混乱してまともに操作できなくなります。 こうした最新デバイスを使いこなす人を見ると「すごいなぁ」と感心してしまうわけですが、同時に「こんな入力デバイスよく思いついたな」と、製品を開発したメーカーに関心が向いてしまいます。 こういった斬新な入力デバイスは過去にもさまざまなものがありました。そこで、過去20年間の秋葉原P
ボールベアリングを使ったトラックボールはなぜ心地よいのか ベアリング製造元に聞く：分かりにくいけれど面白いモノたち（1/5 ページ） エレコムのトラックボール「IST（イスト）」シリーズにはボールベアリングを採用したモデルがあり、その操作はとても心地よい。そのボールベアリングを供給しているのが、ミネベアミツミというメーカーだ。 エレコムから発売されたトラックボール「IST（イスト）」シリーズには、ボールを受ける支持部分にボールベアリングを採用したモデルが含まれている。かつて、アーケードゲームのコントローラーなどには、ボールベアリングを支持方式に使ったものもあったし、コンシューマー向けにもあったそうだが、コストの関係で使われなくなっていたものを、久しぶりに復活させたのだという。
初めてミッキーマウスが登場した公開作品として知られる「蒸気船ウィリー」は、繰り返しの著作権保護期間延長を経て、2024年1月1日にパブリックドメインとなりました。そのため、「蒸気船ウィリー」に登場する範囲ではミッキーマウスを自由に使用することができますが、依然としてその他のミッキーマウス作品は著作権で保護されていることもあり、「パブリックドメインのミッキーマウスを使用しているのに、著作権侵害で削除された」というようなケースが多数報告されています。 Disney 'Cracks Down' on Mickey Mouse 'Steamboat Silly' Pirates * TorrentFreak https://torrentfreak.com/disney-cracks-down-on-mickey-mouse-steamboat-silly-pirates-240128/ YouT
ミネベアミツミ製ベアリングを採用したエレコムの“握らないトラックボール”、カスタム可能な実機を見てきた（1/3 ページ） エレコムが約4年ぶりに発表した新しいトラックボールシリーズ「IST」には、ミネベアミツミ製ベアリングがボール支持部に採用された。握らず手を乗せるだけのエルゴノミックデザインと空中に浮いているかのようなボール操作のできるISTに触れてきた。
1930年代のカートゥーン風FPS『Mouse』のゲームプレイ映像が公開。見覚えがある？ネズミたちのアニメが魅力で、ボス戦や環境キル、指鉄砲などの新要素も登場
『クトゥルフの呼び声』や『狂気の山脈にて』など、ラヴクラフト作品のコミカライズを99円で読めるセールが開催中
AppleのMagic Mouse 2をワイヤレス充電に対応させる充電ベース「Ergonomic Charging Base Grip for Magic Mouse 2」が発売。
AppleのMagic Mouse 2をワイヤレス充電に対応させる充電ベース「Ergonomic Charging Base Grip for Magic Mouse 2」が発売されています。詳細は以下から。 Appleが2015年より販売を開始した「Magic Mouse 2」は、それまで電池式だった「Magic Mouse」とは異なり、リチウムイオンバッテリーを内蔵し、より軽量化＆長時間使用が可能になった一方、なぜかバッテリー充電用のLightningポートをマウス底面に配置してしまったため、 バッテリー充電中は使用できず、マウスをひっくり返して充電しなければなりませんが、このMagic Mouse 2に装着しワイヤレス充電に対応させてくれる充電ベース「Ergonomic Charging Base Grip for Magic Mouse 2」が新たに発売されています。 Put ma
PFUが「HHKB Studio」を発表！ ポインティングスティック＋ジェスチャー操作も使える“オールインワン”仕様の新モデル
PFUは10月25日、同社製コンパクトキーボード「HHKB」シリーズの新モデルとなる「HHKB Studio」を発表、本日からPFUダイレクト（本店／Amazon／楽天／Yahoo!）にて販売を開始する。英語配列モデル（型名：PD-ID100B）と日本語配列モデル（型名：PD-ID120B）の2タイプを用意、ともに価格は4万4000円だ（税込み、以下同様）。 レビュー記事はこちら→HHKBにもう1つの選択肢！ メカニカルキースイッチ＋スティックのキーボード「HHKB Studio」を試す
GitHub - sbmpost/AutoRaise: AutoRaise (and focus) a window when hovering over it with the mouse
AutoRaise When you hover a window it will be raised to the front (with a delay of your choosing) and gets the focus. There is also an option to warp the mouse to the center of the activated window when using the cmd-tab or cmd-grave (backtick) key combination. See also on stackoverflow Quick start Download the disk image Double click the downloaded .dmg in Finder. In finder, look for mounted disk
ロジクールのゲーミングブランド「ロジクールG」から、ゲーミングマウスの「G502 X Plus」が2022年11月24日(木)にリリースされました。ゲーマーから高い支持を集めている「G502」の上位機種である「G502 X」シリーズには、メカニカルスイッチのクリック感と、オプティカルスイッチの高速かつ正確なクリックを兼ね備えた「LIGHTFORCE」やマウスセンサー「HERO 25K」が搭載されており、中でも「G502 X Plus」には手元を鮮やかに彩る「RGBライティング」が搭載されているのが特徴です。そんなハイエンドマウスを入手したので、さっそく使ってみました。 G502 X PlusワイヤレスRGBゲーミングマウス | ロジクールG https://gaming.logicool.co.jp/ja-jp/products/gaming-mice/g502-x-plus-wirele
“マウス疲れ”に効果あり？ 10年間で850万台売れたエレコム製マウス「EX-Gシリーズ」の新モデルを試して分かったこと
“マウス疲れ”に効果あり？ 10年間で850万台売れたエレコム製マウス「EX-Gシリーズ」の新モデルを試して分かったこと（1/2 ページ） エレコムのエルゴノミクスマウス「EX-G」シリーズは、2013年に第1弾が発売されてからの累計販売台数が850万台を超えるベストセラー製品だ。同社は6月に、同シリーズの新製品を6月下旬から順次発売することを発表した。 →エレコム、手首の負担を低減するマウス「EX-G」新モデルを発売 EX-Gシリーズは手を自然に載せるだけで使えることを重視したことが特徴で、新モデルは習志野台整形外科内科の宮川一郎院長の協力を得て、手首を動かす「腕橈骨筋」と指を動かす「総指伸筋」に焦点を当て、 そう聞くと、どんな使い心地なのか非常に気になるところである。そこで今回、数ある新モデルの中から、有線モデルのMサイズ「M-XGM30UBSKBK」（実売価格3000円前後）と、2.
ペン型マウス Bluetooth ワイヤレス USB A Type-C 充電式 ペンマウス ブラック 400-MAWBT202BK | 通販ならサンワダイレクト
ペンを持つように操作できるペン型マウス。Bluetooth、Type-Aワイヤレス、Type-Cワイヤレス3種類の接続方法に対応。限られたスペースでの操作や、スマホの細かい操作に最適。持ち運びに便利なポーチ付き。電池交換が不要な充電式タイプ。ブラック。【WEB限定商品】
ロジクールのトラックボールを使うなら、ボタンの割り当ては絶対やるべき！【今日のライフハックツール】 | ライフハッカー・ジャパン
楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?
久しぶりにお題について書こかと思います… 書いていくお題が「買ってよかった２０２３」 ２０２３年に買ってよかったものをブログで紹介してねってお題 書くか迷っていたんですが、結構気に入っているので書いてみようと思う（笑） 早速発表していくが、買ってよかった商品は… バッファロー マウス 無線 ワイヤレス 5ボタン 【戻る/進むボタン搭載】 小型 軽量 節電モデル 最大584日使用可能 BlueLED ブラック BSMBW315BK ※下記画像リンクになっています↓【PR】 お値段なんと…税込み1,013円！ 購入時に１０ポイントつくので税込みで約1,000円！ ◆この記事はこんな方にオススメ◆ ・ノートパソコンではてなブログを書いているブロガーさん ・ノートパソコンのタッチするやつだと操作大変だな… ・マウスほしいけど別に高いものじゃなくて… ・結局どのマウスがいいのかわからん… この記事を
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
エレコム、整形外科医と共同開発した“握らないマウス”
買ってよかったBestBuy2023 IT&家電編｜hakuroum
マウスポインタを自動移動、“離席バレ”を防ぐUSBマウスジグラーがアイネックスから - エルミタージュ秋葉原
グラフィックデザイナー的キーボード＆マウスの最適化 | PREDUCTS
サンワサプライ、ペンを持つように操作できるマウス。Bluetooth/無線対応
CSSのみで簡単に実装できる！ マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック
エレコム、ベアリング採用で滑らかな操作を実現したトラックボール
ロジクール、MXシリーズから新型静音マウスとキーボード。マクロにも対応
VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
LogitechがiFixitと提携してワイヤレスマウスの修理部品やツールキットを販売すると発表
HTMLはシンプル！ 画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
サンワサプライ、指に装着して使う小型のBluetoothリングマウス
指先でつまむように操作するコンパクトな無線マウス
ロジクールのキーボード/マウスに、ChatGPTにポップアップですぐアクセスできる機能
Kensington、Bluetooth/2.4GHz無線両対応のトラックボールマウス
整形外科医と共同開発の“握らないマウス”に8ボタンの「EX-G PRO」
ごろ寝PCにいい。スティックで操作できる｢空中マウス｣が便利そう
60%キーボードの特徴と魅力とは？コンパクトで使いやすいおすすめ製品も紹介｜PFU
サンワサプライ、スティックで操作しやすくなったリングマウス
過去20年間のアキバ取材で衝撃を受けた入力デバイス7選
ボールベアリングを使ったトラックボールはなぜ心地よいのか ベアリング製造元に聞く
ミッキーマウスと「蒸気船ウィリー」がパブリックドメイン化したことにより、ミッキーマウスの取り締まりが混乱している可能性
ミネベアミツミ製ベアリングを採用したエレコムの“握らないトラックボール”、カスタム可能な実機を見てきた
マウスを使うのは非効率？ はてな匿名ダイアリーで新入社員の「マウス離れ」に議論勃発【やじうまWatch】
[本日の一品]ちょうどよい価格帯のちょうどよすぎるマウス「ロジクールSIGNATURE ワイヤレスマウス」
![[本日の一品]ちょうどよい価格帯のちょうどよすぎるマウス「ロジクールSIGNATURE ワイヤレスマウス」](https://cdn-ak-scissors.b.st-hatena.com/image/square/876d13bef3129b3317e4ef0ad9b62e02dc115014/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1573%2F652%2F01.jpg)
超多機能なのに使いやすいハイエンドゲーミングマウス「G502 X PlusワイヤレスRGBゲーミングマウス」レビュー
サンワサプライ、エルゴノミクス形状の無線トラックボール
【コスパ最強】はてなブロガーさんにおすすめしたい最強マウス - 無職ぽこのらくがき