システムは通常のディスプレイとコントローラーで構成される。ここでいうコントローラーとは、市販の光学式マウス、または内部に光学式マウスセンサーを備えたカスタマイズされたワイヤレストークンを指す。 コントローラーをディスプレイ上に置くことで、それらの位置と方向をリアルタイムに追跡する。ユーザーはこれらを利用してディスプレイに映るデジタルコンテンツを操作できる。 このインタフェースの利点は2つある。1つ目は、タッチスクリーンと非タッチスクリーンのどちらでも動作すること。2つ目は、静電容量式タッチスクリーンベースとは異なり、接地の問題はなく、ユーザーは制御するためにコントローラーをつかみ続ける必要はないこと。さらに光学式マウスは低価格で、他にハードウェアを変更する必要がないためセットアップが容易だ。 どのように機能するか説明する。光学式マウスセンサーは高速で低解像度のカメラである。作業面の画像を連
In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow to text can possibly give us a cool effect, but here’s the catch: we’re not actually going to make any shadows for these text hover effects. Cool Hover Effects se
今日はなんか突然トラックボールのマウスが欲しくなって一日中トラックボールについて調べてた。 そしたらトラックボールについて語ってるVtuberを見つけた。トラックボールのマウスには長い歴史があっていろいろな形へと派生していったという。 トラックボールについて3時間くらい語れるVtuberというのはなかなかに趣味が広いなぁとか思いつつ、普段どんな配信をしているのか気になってチャンネルページに飛んでみた。 そしたらどの配信の内容もトラックボールについて語るものばかり。たまにゲーム実況やVRコンテンツを挟むくらいで、言うなれば「トラックボール系Vtuber」だ。トラックボール一本て。そんなニッチすぎるのある??? そう思って本人のtwitterを見に行ったら同じようなトラックボール好きと細々と交流してる。 雰囲気としては自作キーボード界隈と似ている感じがする。 ただ、自作キーボードはケース、キー
ショートカット・Outlook研究家。 1988年高知県生まれ。北海道大学工学部卒業後、サントリーフーズ株式会社に入社。サントリーグループ内にて、営業・人事を経て現在新規事業に携わる。人事部で働き方改革を担当するなかで、アウトルックスキルの獲得による業務生産性の大幅向上の余地を発見。ライフワークとして研究を重ね、独自にノウハウを蓄積。研究したノウハウをスキルシェアサイト「ストアカ」を通じて発信したところ、個人だけでなく法人からも講演オファーを受ける大人気講座に。最高ランクとなるプラチナバッジを獲得。セミナーの満足度95%と極めて高い評価を得ており、パラレルキャリアの第一人者として、「News Picks」「FNN.jp」「NHK WORLD」など、数々のメディアに取り上げられている。アウトルックスキルという言葉を普及させる事で、「アウトルックの技術」の必要性を顕在化させ、日本全体の業務生産
こんにちは、DevBrandingのellyです。 2017年の「突撃!隣のキーボード」という記事でfreeeの開発メンバーがどのようなキーボードを使っているのか調査をしました。いまでも採用面接やカジュアル面談などで「freeeといえばこの記事の印象が強い」と言ってくれる方もいるそうです。 そこから5年という月日が流れ、さらにはコロナ禍でリモートワークが定着し、自宅での開発環境にこだわりを持つ人も増えているいま、freeeの開発メンバーのキーボード事情がどのように変化しているか、再び調査をしてみることにしました。今回はマウスについてもあわせて聞いてみました。 マウスの形状、キーボードの形状・サイズ・配列・メーカーについてアンケートを実施し、133名の開発メンバーから回答をもらいました。まずはマウスからご紹介します。 マウスの形状 アンケート結果(マウスの形状) トラックパッドが一番人気でし
都市伝説界隈で、もしかしたら人類の行くすえを占っているのではないかと囁かれる面白い実験があります。 それは「Universe 25」という名のマウス実験で、人類が置かれる現状とあまりにも似通っているので、そう思われています。 もしかしたら人類も実験のマウスのように同じ結末を迎えるかもしれません。 「Universe 25」の概要1960年代にアメリカの動物行動学者のジョン・B・カルホーン(John B. Calhoun)は、「Universe 25」というマウスの実験を行いました。 このマウスの実験では、食料や水を無制限に与えて、病気を予防し、天敵のいない環境(楽園)にマウスを住ませると、どのように個体数が増え、どのような行動パターンによって社会を作り上げるのかを観察する目的で行いました。 具体的には、マウスの収容スペースが3840匹まで可能な、高さ1.4mの側面を持つ2.7mの正方形の空
M・G・シーガーのブログより。 10年以上前、私はAppleのWWDC基調講演の後に記事を書きました。スティーブ・ジョブズはステージ上で一つのマントラ『It just works (ちゃんと動く)』を何度も何度も繰り返していたのです。これは、Appleが新しく立ち上げたiCloudサービスについて言及したもので、当時あった他のクラウドサービスとは異なり、Appleの意図は背景に溶け込むようなインフラを作ることでした。ユーザが目にすることも考えることもないようなものです。 それは、Appleが初めてコンシューマ向けクラウドに参入したMobileMeの反動が大きいのですが、控えめに言っても、全くもってひどい出来でした。単にうまく動かなかっただけでなく、最終的にユーザは自分で考えるようになりました。実際、ほとんど機能しませんでした。これは、Appleにとっての最大の失敗作の一つです。そのため、A
現在、ロジクールから静音ワイヤレスマウス「Signature M650」シリーズが発売されている。「Signature M650」は同社直販の「ロジクールオンライン」で4290円(税込み、以下同様)という手頃な価格設定ながら、ミドルクラス上位レベルの機能と性能を備えたコストパフォーマンスの高いモデルとなっている。 ロジクールがクリック音を90%低減した静音ワイヤレスマウスを2サイズ発売 Logi Boltレシーバーも付属 ノートPCのタッチパッドで我慢していませんか? オフィスの固定席からフリーアドレスに、さらにテレワーク導入による在宅勤務といった執務場所の変化に合わせて、PCも固定場所ではなく人が持ち歩くことが前提に変わってきた。いわゆるハイブリッドワーク環境下において、会社からノートPCを貸与されている人も増えているのではないだろうか。 ノートPCの強みはPC本体だけでなく、ディスプレ
この記事では、CSSでできるクリエイティブなリンクホバーエフェクト6個をご紹介します。 数行のCSSをコピペするだけで実装でき、ウェブサイトをより魅力的に表現するテクニックとしても効果的です。 日々変化を続けるWebデザインのトレンドをうまく取り入れた見せ方にも最適な、アニメーションエフェクトとしても良さそう。 コンテンツ目次 1. スライド式ハイライト・ホバーエフェクト 2. 文字テキストが切り替わるホバーエフェクト 3. 背景が広がるリンクホバーエフェクト 4. 左右切り替わりリンクホバーエフェクト 5. グラデーション下線テキストホバーエフェクト 6. 下線が左から右に通過ホバーエフェクト 7. その他のリンクホバーエフェクトまとめ 1. スライド式ハイライト・ホバーエフェクト See the Pen Hover Effect 1 by CSS-Tricks (@css-tricks
Vimium というブラウザ拡張があります The hacker's browser などと銘打たれているもので、その名の通り Vim ライクなキーバインドでブラウザの操作を可能にするものです ブラウジングにおけるマウス操作を圧倒的に減らすことができます 個人的には 4-5 年ヘビーユースしており、これなしではブラウザを操作できません 私自身 Vim をまともに使い始めるはるか以前から Vimium を使っているので Vim の経験がなくても慣れれば特に問題ないと思いますし、エンジニアでない方も十分利便を感じられるのではないかと思います インストール 普通にインストールするだけです フォークなどの亜種がいくつか存在しますが、本家でユーザーも多いのは以下のものです Chrome Extension・Firefox Add-on 基本的に Content scripts での実装なので当たり前
俺の務める会社には「平社員は自前のマウスを使ってはならない」という暗黙のルールがある。そのため、役職がつくまではアキバなら300円で売ってそうな有線マウスを使うことを余儀なくされる。 同調圧力に屈して300円マウスを使い続けた俺にも役職が付き、好きなマウスを使えるようになった。セルフ昇進祝いも兼ねて「どうせならハイエンドマウスを買おう」と思い、約1.5万円のロジクール MX Master 3を購入したのが1年前。 「機能全部盛りで最強じゃん!」と思って購入したMX Master 3だけど、会社用に買って大失敗だったことや1年使って見えた悪いところが出てきた。 そこで、ネットで大絶賛されているMX Master 3の良かったところはもちろん、悪かったところ、会社用として購入する時に特に注意した方がいいことをレビューしていく。 このレビューを執筆したときはクリック音のうるさいモデルしか発売して
初めに 最近Vimにおけるカーソル移動の効率化について少し考えていて、自分なりに どんなカーソル移動方法があるのか? それぞれのメリット・デメリットは何か? について整理&改善をしたくて、この記事を書きました。 後半にカーソル移動の改善のために作ったプラグインの紹介もあるのでぜひ最後まで読んでみてください。 テキストの編集の動作について 基本、どんなエディタでもテキストを編集するのに次の動作を繰り返すと思います。 移動先の座標を認識(目で見て脳で認識) キーボード・マウスを使ってカーソルを対象の座標に移動 対象のテキストを編集(カット・置き換え・削除など) これらの動作を前提、どんなカーソル移動の方法があるかについて整理していきます。 マウスによるカーソル移動 多くの人はマウスを使用しているかと思うので、こちらの方法はもっとも一般的といえるでしょう。 個人的に、マウスにおける最大のメリット
Appleはこれまですべての製品のデザインを完璧に仕上げてきたかのような印象を持たれがちですが、「Designed by Apple in California」と堂々と言えないような奇天烈な仕様を持つ製品も結構あります。米メディアMacRumorsは、Appleが最近犯した6つのデザインミスをまとめています。 1. Magic Mouse 2 2015年に発表されたMagic Mouse 2は、クリックだけでなくスワイプやジェスチャーも認識できるタッチセンシティブな表面により、発売当時はAppleのイノベーションと称賛されました。Appleのマウスは、なめらかな曲線と光沢のある継ぎ目のない上面が特徴で、Appleのデザインの模範のように思われます。 しかしながら、同製品には“充電”という問題がありました。充電ポートが本体の裏に配置されているため、充電時にひっくり返ったカブトムシのような姿
G HUBとは? G HUBとは、Logicoolが提供しているLogicool製ゲーミングデバイス向けの設定用ソフトウェアのこと。 2019年頃までは「Logicoolゲームソフトウェア」が使用されていましたが、現在はほとんど更新されていません。 新製品のLogicoolゲーミングデバイスを正しく使うには「G HUB」の設定や導入が必要不可欠です。 2019年以降に発売される新しいゲーミングギアでは、LGSではなくG HUBをご利用ください。G HUBでは、将来的に、LGSでは不可能だった新機能も提供する予定です。 引用元:https://gaming.logicool.co.jp/ja-jp/innovation/g-hub.html
マウスのミドルボタンやサイドボタン、ジェスチャーで様々なアクションを実行できるMac用マウスユーティリティ「Mac Mouse Fix 2」がリリースされています。詳細は以下から。 Mac Mouse FixはドイツのNoah Nueblingさんがオープンソースで開発しているMac用マウスユーティリティで、サードパーティー製マウスでもミドルやサイドボタンに様々なアクションを割り当て実行することができますが、新たにいくつかの新機能を追加した「Mac Mouse Fix v2.0」アップデートがリリースされています。 Mac Mouse Fix 2 is here! 🎉 With the new Action Table, you can set up your Mouse exactly how you want it – in seconds. リリースノートより抜粋 Mac Mous
ショートカット・Outlook研究家。 1988年高知県生まれ。北海道大学工学部卒業後、サントリーフーズ株式会社に入社。サントリーグループ内にて、営業・人事を経て現在新規事業に携わる。人事部で働き方改革を担当するなかで、アウトルックスキルの獲得による業務生産性の大幅向上の余地を発見。ライフワークとして研究を重ね、独自にノウハウを蓄積。研究したノウハウをスキルシェアサイト「ストアカ」を通じて発信したところ、個人だけでなく法人からも講演オファーを受ける大人気講座に。最高ランクとなるプラチナバッジを獲得。セミナーの満足度95%と極めて高い評価を得ており、パラレルキャリアの第一人者として、「News Picks」「FNN.jp」「NHK WORLD」など、数々のメディアに取り上げられている。アウトルックスキルという言葉を普及させる事で、「アウトルックの技術」の必要性を顕在化させ、日本全体の業務生産
お久しぶりです。 最近、私が使用しているマウスのスイッチが反応しなくなってきた。そこで、マウスを分解し修理しようと思う。 修理する製品 メーカー:ELECOM 製品名:ワイヤレスBlueLEDマウス Lサイズ 型番:M-XGL10DBBK 使用年数:4年 ワイヤレスBlueLEDマウス Lサイズ 症状 左クリックが反応しない。普通の強さで押すと10回中9回は無反応。強く押し込むと反応する。おそらくスイッチの接触不良。スイッチを交換すれば直るはず。 修理手順 修理は以下の手順で行う。 交換スイッチの購入底面のソールをはがす底面のネジを外し、上部と下部に分ける基板を取り外す故障スイッチを取り外す新しいスイッチを取り付け組み立て動作チェック 交換スイッチの購入 作業を進める前にスイッチを購入しておく必要がある。今回、スイッチは以下の製品を購入した。 新品 静音マイクロスイッチ Kailh マウス
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
ちなみにそれぞれ gotpointercapture と lostpointercapture イベントが発火します。 何が嬉しいか mousemove イベントを使って自前でドラッグを作ってみると直面すると思うんですが、このイベントって対象要素上でマウスカーソルを動かしたときにだけ反応しますね。 経験ない人からすると何当たり前のこと言ってんだって感じだと思うんですけど、こんなときに困るんです。 マウスカーソルを素早く操作して対象要素の外へ出てしまう デザインの都合上、重なり手前に表示される要素がある デモで右端を掴んで右側へドラッグしてみてください。たぶん止まります。カーソルを戻して、ゆっくり、はみ出ないよう少しずつ動かすとドラッグできます。 対処としては対象要素じゃなくて document の方で mousemove を見張るって感じでしょうか。直感的ではありませんし、開放処理の漏れと
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。(動画インタビュー) 前の記事:無言でアレクサを操作できるリモコンを作ったよ > 個人サイト NEKOPLA Tumblr 働き者のマウスポインタ 岸辺露伴は動かないというが、動かないことに関しては私だって負けてない。昨年から在宅勤務になった影響もあり、仕事中は自宅のパソコン前から動かない。パソコンを触ってないと死んでしまうタイプの人間なので、仕事が終わってからも食事や風呂以外の時間はパソコン前が定位置である。 ある一週間の歩数グラフを見てみる。一日1万歩が目標と言われているが、平均2123歩しか歩いてなかった。特に平日が酷い この週はたまたま外出が少なかったというのもあるが、それにしても健康のためにはもう少し
ノースウェスタン大学医学部の研究チームが、脊髄損傷を起こしたマウスの細胞を再生させ、治療から4週間以内に再び歩くことを可能にする新しい薬を開発したと発表しました。 Bioactive scaffolds with enhanced supramolecular motion promote recovery from spinal cord injury https://doi.org/10.1126/science.abh3602 In an Astonishing Feat, a New Drug Reversed Paralysis in Mice With Spinal Cord Injury https://www.sciencealert.com/new-drug-reversed-paralysis-in-mice-with-spinal-injuries ノースウェスタン大
iPhoneやAndroidのスマホやタブレットなどのタッチデバイスでCSSのhoverアニメーションをつけていると、タップ(クリック)動作にいろいろと支障がでることがあります。 CSSで指定するhover動作をスマホやタブレットでは無効にさせてPCのみで実行させるために、JavaScriptでデバイスの判定をしたりすることもありますが、CSSのメディアクエリーだけでも制御ができるのでメモとして紹介します。 mediaクエリーのhoverとpointer PCデバイスのみにCSSのhover動作を実行させるには、CSSメディアクエリーで判定できる以下の2つを使用します。 ・使用デバイスがhoverを使えるかどうか ・使用デバイスのポインターの種類 この2つを組み合わせることでPCのみを判定させた状態を作り、その中にhover動作の指定を記述します。 実際の記述方法については以下です。 a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く