並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 389件

新着順 人気順

mouseの検索結果41 - 80 件 / 389件

  • よくあるWeb制作の悩みをCSSで解決!最新テクニック40選まとめ

    この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。 クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの?」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。 ここで紹介されているCSSテクニックを利用すれば、これまで頭を抱えていた問題や課題も、一発で解決できるかもしれません。 コンテンツ目次 1. 入力フォームをカスタマイズしたい 2. ナビゲーションメニューを使いやすくしたい 3. ボタンを目立たせたい 4. リンク用エフェクトにこだわりたい 5. スクロールバーをサイトの色で統一したい 6. ドロップシャドウの影にもこだわりを 7. グラデーションをビンテージ風にしたい 8. CSSで要素を中央寄せする5つの方法 9. ブラウザごとのデザインのずれを防ぎたい 10.

      よくあるWeb制作の悩みをCSSで解決!最新テクニック40選まとめ
    • freeeのエンジニアにリモートワーク環境のこだわりを聞いてみた - freee Developers Hub

      こんにちは、DevBrandingのellyです。 先日、こちらの記事でfreeeの開発メンバーがどのようなキーボード・マウスを使っているのかをご紹介しました。そのアンケートの中で、キーボードやマウスの他にも、椅子や机、音響、カメラ等の作業ツールへのこだわりやライフスタイルの変化についても回答してくれた人も多くいました。 今回はその中から特に気になる5人のエンジニア・デザイナーに、書斎を持つことが夢なichienさんと一緒にインタビューしてきました! kenoji tomoz toofu harutan manabusakai kenoji ―kenojiさんはfreeeでも随一のガジェットマスターらしいですね。キーボードは何を使ってますか? キーボードはTEX Shinobi(TTC Gold Pink スイッチ)かHHKB(全キー35gへ押下圧軽量化&グリス塗布済み)をよく使っています

        freeeのエンジニアにリモートワーク環境のこだわりを聞いてみた - freee Developers Hub
      • 神経の元になる細胞「60代から10代に」 マウスで若返りに成功:朝日新聞デジタル

        ","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=\"

          神経の元になる細胞「60代から10代に」 マウスで若返りに成功:朝日新聞デジタル
        • ELECOM GAMINGの中の人が駄々をこねて作られたワイヤードマウスの救世主―「まるで無線」な使い心地を作りだす『ケーブルリフト』を使ってみた | RUGs(ラグス) Supported by intel

            ELECOM GAMINGの中の人が駄々をこねて作られたワイヤードマウスの救世主―「まるで無線」な使い心地を作りだす『ケーブルリフト』を使ってみた | RUGs(ラグス) Supported by intel
          • 「タッチ入力できないモニター」にマウスを押し当て操作する技術、中国の研究チームが開発

            システムは通常のディスプレイとコントローラーで構成される。ここでいうコントローラーとは、市販の光学式マウス、または内部に光学式マウスセンサーを備えたカスタマイズされたワイヤレストークンを指す。 コントローラーをディスプレイ上に置くことで、それらの位置と方向をリアルタイムに追跡する。ユーザーはこれらを利用してディスプレイに映るデジタルコンテンツを操作できる。 このインタフェースの利点は2つある。1つ目は、タッチスクリーンと非タッチスクリーンのどちらでも動作すること。2つ目は、静電容量式タッチスクリーンベースとは異なり、接地の問題はなく、ユーザーは制御するためにコントローラーをつかみ続ける必要はないこと。さらに光学式マウスは低価格で、他にハードウェアを変更する必要がないためセットアップが容易だ。 どのように機能するか説明する。光学式マウスセンサーは高速で低解像度のカメラである。作業面の画像を連

              「タッチ入力できないモニター」にマウスを押し当て操作する技術、中国の研究チームが開発
            • Facebookが独自開発!コンピュータを革新する「すごい技術」(西田 宗千佳)

              最高技術責任者の力説 Facebookといえば、「SNSを軸にしたプラットフォーマー」というイメージだろう。だが、彼らは現在、バーチャルリアリティ(VR)やオーグメンテッドリアリティ(拡張現実、AR)の開発に集中しはじめている。 FacebookのCTO(最高技術責任者)であるマイク・シュレーファー氏は、「ここからの10年間のVRやARに期待している」と話す。開発チームの名前は「Facebook Reality Labs(FRL)」。個人向けVR機器「Oculus Quest」シリーズなどの開発も手がけているが、それ以上に、より未来を見据えた研究開発に注力しているのが特徴だ。 Facebookは一部の記者向けに、FRLで開発中の技術を説明する会を開いた。そこで紹介されたのは、まさに5年後、10年後を占うような技術の姿だった。一言でいえば、彼らは今、「マウスに匹敵する新たなユーザーインターフ

                Facebookが独自開発!コンピュータを革新する「すごい技術」(西田 宗千佳)
              • Microsoft、往年の名機を復刻したゲーミングマウス「Pro IntelliMouse」

                  Microsoft、往年の名機を復刻したゲーミングマウス「Pro IntelliMouse」
                • CSSの疑似要素:beforeと:afterでUI要素を実装するテクニックのまとめ

                  CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。 Webページやスマホアプリで使えるUI要素をはじめ、クリック・タップ可能領域を広げたり、:afterと:beforeのどちらを使うべきかなど、知っておくと役立つ疑似要素のテクニックです。 Uncommon Use Cases For Pseudo Elements by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 疑似要素で、親子のホバーエフェクト 一覧のリスト 疑似要素で、クリック可能領域のサイズを広くする 疑似要素を使用したオーバーレイ 疑似要素で、シャドウエフェクト :afterと:beforeのどちらを使うべきか ファイル拡張子を元にリンクのスタイル設定 疑似要

                    CSSの疑似要素:beforeと:afterでUI要素を実装するテクニックのまとめ
                  • 便利なのが登場!Vue.jsでインタラクティブなアニメーションを簡単に実装できる軽量コンポーネント -Kinesis

                    Vue.jsアプリケーション用のインタラクティブなアニメーションを簡単に実装できるコンポーネントを紹介します。 アニメーションはユーザーの操作をトリガーに動作し、マウスをはじめ、スクロール、ジェスチャー、ジャイロスコープ、オーディオもサポートしています。

                      便利なのが登場!Vue.jsでインタラクティブなアニメーションを簡単に実装できる軽量コンポーネント -Kinesis
                    • まだマウスで消耗してるの? キーマップを変えるだけで人生はうまくいく - エムスリーテックブログ

                      【デジカルチーム ブログリレー4日目】デジカルチームの末永(asmsuechan)です。最近は7年ぶりに陸上競技にハマっています。 みなさん。キーボードはお好きですか?弊社にはキーボードに情熱を注ぐエンジニアが多数在籍しており、私もそのうちの1人です。エムスリーエンジニアのキーボードについては以下の記事で書かれています。百式Kinesisの存在感が輝いていますね。 www.m3tech.blog さて数年前、キーボードが好きな私はPC操作の全てをキーボードのみで行いたい衝動に駆られていました。というのも、ラップトップに外部キーボードを繋げて好きなキーボードを使っていてもキーボードとトラックパッド(マウス)の間で手を移動しなくてはいけないことがストレスだったためです。 このストレスを解消するために様々な工夫をした結果、何とかキーボードのみでPCを操作できるようになりました。 この記事ではどう

                        まだマウスで消耗してるの? キーマップを変えるだけで人生はうまくいく - エムスリーテックブログ
                      • ライバルはMagic Trackpad。Windows向けの「高精度」なワイヤレス・トラックパッド

                        ライバルはMagic Trackpad。Windows向けの「高精度」なワイヤレス・トラックパッド2020.08.15 21:0036,757 塚本直樹 これはクール。 macのシンボルともいえる、大きくて使いやすいポインティングデバイスこと「Magic Trackpad」。そのWindows版といえるかもしれない「W-Touch」が、海外にて販売されます。 W-Touchの形状は薄い楔形。エッジの立ったシャープなフォルムがかっこいいです。見ようによってはSurface Laptopのミニチュアみたいですね。精度の高さをアピールしているので、スムーズな操作が期待できます。 PCとはBluetooth 4.2にて接続、140 x 84mmという広大な面積でビシバシとWindowsを操れます。そうそう、「Designed for Surface」のロゴも取得しているので、Surfaceタブレッ

                          ライバルはMagic Trackpad。Windows向けの「高精度」なワイヤレス・トラックパッド
                        • Kensington、Bluetoothと2.4GHzワイヤレス、有線のトリプル接続に対応した「Kensington SlimBlade™ Proトラックボール」を発売。

                          KensingtonがBluetoothや2.4GHzワイヤレス、有線接続に対応した「Kensington SlimBlade™ Proトラックボール」を発売すると発表しています。詳細は以下から。 米カリフォルニア州の周辺機器メーカーKensingtonは現地時間2022年11月29日、Bluetoothと2.4GHzワイヤレス、有線接続に対応したトラックボール「Kensington SlimBlade™ Proトラックボール (K72080WW)」を新たに発売すると発表しています。 Kensington SlimBlade™ Proトラックボールは、正確さ、快適さ、ワイヤレスの利便性を先進的なコントローラーの中に組み合わせました。スタイリッシュな人間工学に基づいたデザインと利き手を選ばないコントロール。Bluetooth、2.4GHzワイヤレス、有線接続のオプション。最長4か月長持ちする

                            Kensington、Bluetoothと2.4GHzワイヤレス、有線のトリプル接続に対応した「Kensington SlimBlade™ Proトラックボール」を発売。
                          • ブラウザを Vim ライクに操作する Vimium の布教と知見まとめ

                            Vimium というブラウザ拡張があります The hacker's browser などと銘打たれているもので、その名の通り Vim ライクなキーバインドでブラウザの操作を可能にするものです ブラウジングにおけるマウス操作を圧倒的に減らすことができます 個人的には 4-5 年ヘビーユースしており、これなしではブラウザを操作できません 私自身 Vim をまともに使い始めるはるか以前から Vimium を使っているので Vim の経験がなくても慣れれば特に問題ないと思いますし、エンジニアでない方も十分利便を感じられるのではないかと思います インストール 普通にインストールするだけです フォークなどの亜種がいくつか存在しますが、本家でユーザーも多いのは以下のものです Chrome Extension・Firefox Add-on 基本的に Content scripts での実装なので当たり前

                              ブラウザを Vim ライクに操作する Vimium の布教と知見まとめ
                            • 在宅勤務中の「離席」を防ぐマウスを自動で動かす「Mouse Jiggler」を衝動買い (1/4)

                              リモートワーク時の「離席」プレゼンスを常時マウス動作で「連絡可能」にしてくれるプレゼンス・マネジメント・コンパニオンの「Mouse Jiggler」を衝動買いした Teamsのプレゼンス(在席)管理も自由自在 ICTワールドの世界も、何が幸いするかわからない。アプリのトレンドは確かにクラウド系、リモートワーク系(テレワーク)に少しずつ傾いてはいたが、企業系のサービスやアプリケーションはそれほど大きな伸びのないまま沈滞していた。しかし一昨年からのコロナ禍のせいで、従来は無縁だった企業にもリモートワークが一気に浸透した。 そんなリモートワーク系アプリの代表格が、チャット機能をベースに資料共有やビデオ会議、Office 365との連携で、通勤地獄に耐えて会社に出勤することなくどこにいても業務を円滑に遂行できるのがウリのTeamsだ。読者の中にも好む好まざるに関わらず、すでにお世話になっている人も

                                在宅勤務中の「離席」を防ぐマウスを自動で動かす「Mouse Jiggler」を衝動買い (1/4)
                              • 東プレが目指した“REALFORCE”らしいマウスとは? 「REALFORCE MOUSE」開発の真意を訊く

                                  東プレが目指した“REALFORCE”らしいマウスとは? 「REALFORCE MOUSE」開発の真意を訊く
                                • マウスはいつまで使われるか - 阿久津良和のWindows Weekly Report

                                  今週はWindows 10周りの動きが凪いでいるので、日々の疑問について少し考えてみたい。人間はいつまでマウスを使い続けるのだろう。 今この瞬間も左手をキーボードに添え、右手はキーボードとマウスを行き来しているが、改めて考えると決して効率的ではない。一時期、キーボードから指を離さずマウスカーソルを操作できるThinkPadのポインティングデバイスを愛用した背景から、現在もThinkPadトラックポイントキーボードを使用し、数台のストックを用意している。Windows 7あたりからはAeroスナップなどマウス操作を重視する場面が増えたが、Windows 10以降はSurfaceのようなタッチ対応の2in1 PCを使うようになってから、物理的なポインティングデバイスの使用頻度は減ってきた。 筆者のデスクトップPC環境は、ThinkPadトラックポイントキーボードに加えて、ロジクールのマウスを使

                                    マウスはいつまで使われるか - 阿久津良和のWindows Weekly Report
                                  • YAMAHAさんがマウス(PC用)を作ったらこうなる「さすがヤマハさんやでぇ」バチクソかっこよくて欲しすぎるんだけど

                                    リンク www.gizmodo.jp ヤマハ、バイクと管楽器にインスパイアされたPC用マウスを作る もしもバイク屋と楽器屋が本気でマウスを作ったら? ヤマハのYamaha Design Laboratoryにて音楽部門とバイク部門がコラボレーションを果たし、「Two Yamahas, One Passion」というプロジェクトのもと、2種類のマウスが作られています。楽器のヤマハは管楽器風 デザインが最終段階に入ったというひとつは、見た目がそのまんま管楽器な黄金のマウス。トランペットをバラして組 2 users 772

                                      YAMAHAさんがマウス(PC用)を作ったらこうなる「さすがヤマハさんやでぇ」バチクソかっこよくて欲しすぎるんだけど
                                    • 複数のMacで1組のキーボードとマウスを共有できるオープンソースのバーチャルKVM「Teleport」が約5年ぶりにメンテナンスを再開し、macOS 11 Big SurやApple Siliconに対応。

                                      複数のMac間で1組のキーボードやマウスを共有できるバーチャルKVM「Teleport」が約5年ぶりにメンテナンスを再開し、macOS 11 Big SurやApple Silicon Macに対応しています。詳細は以下から。 プライベートや仕事、検証用に複数のMacを所有していると、並行して利用する際に接続された複数のキーボードとマウスでデスクトップがいっぱいになってしまう事があり、この問題を解決してくれるKVM(Keyboard, Video and Mouse)やCPU切替器というデバイスが広く販売されていますが、 このKVMをソフトウェア的に行ってくれるMac用バーチャルKVM「Teleport」が、最近になりmacOS 11 Big SurやIntelとApple Silicon Macに対応したUniversal 2 Binaryアプリとして公開されています。 Teleport

                                        複数のMacで1組のキーボードとマウスを共有できるオープンソースのバーチャルKVM「Teleport」が約5年ぶりにメンテナンスを再開し、macOS 11 Big SurやApple Siliconに対応。
                                      • Adobe XDで簡単なアニメーションを作る方法を超丁寧に解説します | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                        こんにちは、デザイナーのしーちゃんです! 以前初心者でも作れる!Adobe XDを使って簡単なアニメーショを作る方法の記事を書きましたが、皆さんご覧になりましたでしょうか? 色々調べた結果、まだまだXDでできるアニメショーンがありましたので、今回もサイトのメインビジュアルにつけるアニメショーンを紹介したいと思います! このアニメーションの特徴 イラストに動きをつけることで、おしゃれ・先進的といったイメージや、ストーリー性をサイトに持たせることができます。 サンプルのデザインから作ります。 こちらのアニメショーン作るときのポイントは、イラストをそれぞれのパーツに分けることです。分ける理由は、自動アニメショーンを付けるときに一個ずつのパーツを順番に動かすためです。 各パーツのデザインが完了したら、アートボードを選択し、コピー&ペーストして複製。複製したアートボードを選択し、タイトルとテキストを

                                          Adobe XDで簡単なアニメーションを作る方法を超丁寧に解説します | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                        • 【やじうまミニレビュー】 テレワークの2画面は、サブPCと「Mouse Without Borders」の組み合わせがベストだ!

                                            【やじうまミニレビュー】 テレワークの2画面は、サブPCと「Mouse Without Borders」の組み合わせがベストだ!
                                          • CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ

                                            CSSはシンプルな表記でスタイリングが特長ですが、ときには複雑なコードによってどう書いたらよいか、迷ってしまうことがあります。 今回は、CSSでの制作をスピードアップさせる、コピペできるチートシート的コードスニペットをまとめてご紹介します。 リアルタイムによるプレビュー、確認が可能で、生成されたCSSコードをコピーするだけで利用できる、知っておくと差がつく利用機会の多いCSSプロパティが揃います。 CSS記述が速くなる、コピペできるシートシート用コードスニペットまとめ 1. CSSマウスカーソル・プロパティ さまざまなマウスカーソル用プロパティを並べたコードスニペット。各ボックスにマウスホバーすることで、ブラウザーでどのように見えるか確認できます。 See the Pen CSS Cursor Property by Kalimah Apps (@khr2003) on CodePen.

                                              CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ
                                            • 【特集】 時代は二刀流?作業効率アップに役立つ「左手デバイス」まとめ

                                                【特集】 時代は二刀流?作業効率アップに役立つ「左手デバイス」まとめ
                                              • ロジクールがシリーズ初のメカニカルキーボード「MX MECHANICAL」と静音性を高めた「MX MASTER 3S」などMXシリーズ3製品を発表

                                                ロジクールがシリーズ初のメカニカルキーボード「MX MECHANICAL」と静音性を高めた「MX MASTER 3S」などMXシリーズ3製品を発表 ロジクールは、PC周辺機器のフラグシップモデル「MX」シリーズから、シリーズ初となるメカニカルキーボード「MX MECHANICAL ワイヤレスメカニカルパフォーマンス キーボード」「MX MECHANICAL MINI ミニマリストワイヤレスメカニカルパフォーマンスキーボード」、高品位マウス「MX MASTER 3S アドバンスド ワイヤレス マウス」の3製品を発表、6月16日に販売を開始する。 いずれも価格はオープン、同社直販の「ロジクールオンラインストア」販売価格はMX MECHANICALが2万790円、「MX MECHANICAL MINIが1万8700円、MX MASTER 3Sが1万4960円だ(いずれも税込み)。 3軸を用意した

                                                  ロジクールがシリーズ初のメカニカルキーボード「MX MECHANICAL」と静音性を高めた「MX MASTER 3S」などMXシリーズ3製品を発表
                                                • 【やじうまミニレビュー】 人をかぎりなくダメにする? 10ボタン搭載の空中操作デバイス「Relacon」

                                                    【やじうまミニレビュー】 人をかぎりなくダメにする? 10ボタン搭載の空中操作デバイス「Relacon」
                                                  • Engadget | Technology News & Reviews

                                                    iPad Pro (2024) review: So very nice, and so very expensive

                                                      Engadget | Technology News & Reviews
                                                    • 「この機能のアクセシビリティどうしよう」と思ったら

                                                      こんにちは、この記事は Webアクセシビリティ Advent Calendar 2020 の6日目です。 すこし前に、同僚のエンジニアに「Webアプリケーションにドラッグ&ドロップを使う機能を作ろうとしているんだけど、アクセシビリティは何をすればいいのかわからない」という相談をされる機会がありました。そのときの回答が、実はアクセシビリティを考える上ですごく大事なことだなと思ったので、ちょっと文章化してみることにしました。 相談されたのは「新しい機能で直感的な操作を実現するためにドラッグ&ドロップを使いたいが、アクセシビリティチェックをパスできない気がする」というような内容でした。たしかに私の会社で運用しているチェックでは、キーボードやスクリーンリーダーによる動作チェックを行っているので、それらではドラッグ&ドロップの操作ができそうには思えません。 彼のこの相談内容からは「良いものを作ろう」

                                                        「この機能のアクセシビリティどうしよう」と思ったら
                                                      • キーの任意割り当てなどオリジナルUSBコントローラが作れるモジュール

                                                          キーの任意割り当てなどオリジナルUSBコントローラが作れるモジュール
                                                        • CSSのみで実装できる!テキストリンクのホバー時に、カラーをアニメーションで変更させる実装方法のまとめ

                                                          テキストリンクをホバーした際に、テキストのカラーをスライドのアニメーションで変更させるピュアCSSの実装方法を紹介します。 IEには対応してないけど実装が簡単な方法、IEに対応しているけど実装がちょっと面倒な方法など、プロジェクトの要件に適したテクニックをご利用ください。 4 Ways to Animate the Color of a Text Link on Hover by Katherine Kato 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. background-clip: text;を使ったテクニック 2. widthまたはheightを使ったテクニック 3. clip-pathを使用したテクニック 4. transformを使用したテクニック まとめ はじめに ホバー時にテキストリンクのカラー

                                                            CSSのみで実装できる!テキストリンクのホバー時に、カラーをアニメーションで変更させる実装方法のまとめ
                                                          • 【もうURLのコピーにマウスはいらない!】「アドレスバー」に一瞬で移動できるショートカットキーが超便利!<動画解説付き>

                                                            ショートカット・Outlook研究家。 1988年高知県生まれ。北海道大学工学部卒業後、サントリーフーズ株式会社に入社。サントリーグループ内にて、営業・人事を経て現在新規事業に携わる。人事部で働き方改革を担当するなかで、アウトルックスキルの獲得による業務生産性の大幅向上の余地を発見。ライフワークとして研究を重ね、独自にノウハウを蓄積。研究したノウハウをスキルシェアサイト「ストアカ」を通じて発信したところ、個人だけでなく法人からも講演オファーを受ける大人気講座に。最高ランクとなるプラチナバッジを獲得。セミナーの満足度95%と極めて高い評価を得ており、パラレルキャリアの第一人者として、「News Picks」「FNN.jp」「NHK WORLD」など、数々のメディアに取り上げられている。アウトルックスキルという言葉を普及させる事で、「アウトルックの技術」の必要性を顕在化させ、日本全体の業務生産

                                                              【もうURLのコピーにマウスはいらない!】「アドレスバー」に一瞬で移動できるショートカットキーが超便利!<動画解説付き>
                                                            • サンワサプライ、ペンを持つように操作できるマウス。Bluetooth/無線対応

                                                                サンワサプライ、ペンを持つように操作できるマウス。Bluetooth/無線対応
                                                              • CSSでhoverアニメーションの実行をPCのみに制御する|BLACKFLAG

                                                                iPhoneやAndroidのスマホやタブレットなどのタッチデバイスでCSSのhoverアニメーションをつけていると、タップ(クリック)動作にいろいろと支障がでることがあります。 CSSで指定するhover動作をスマホやタブレットでは無効にさせてPCのみで実行させるために、JavaScriptでデバイスの判定をしたりすることもありますが、CSSのメディアクエリーだけでも制御ができるのでメモとして紹介します。 mediaクエリーのhoverとpointer PCデバイスのみにCSSのhover動作を実行させるには、CSSメディアクエリーで判定できる以下の2つを使用します。 ・使用デバイスがhoverを使えるかどうか ・使用デバイスのポインターの種類 この2つを組み合わせることでPCのみを判定させた状態を作り、その中にhover動作の指定を記述します。 実際の記述方法については以下です。 a

                                                                  CSSでhoverアニメーションの実行をPCのみに制御する|BLACKFLAG
                                                                • 【脱マウスの最重要ショートカットキー!】“[Alt]+[Tab]”は、仕事が速い人がみんな使っている便利ワザ!<動画解説付き>

                                                                  ショートカット・Outlook研究家。 1988年高知県生まれ。北海道大学工学部卒業後、サントリーフーズ株式会社に入社。サントリーグループ内にて、営業・人事を経て現在新規事業に携わる。人事部で働き方改革を担当するなかで、アウトルックスキルの獲得による業務生産性の大幅向上の余地を発見。ライフワークとして研究を重ね、独自にノウハウを蓄積。研究したノウハウをスキルシェアサイト「ストアカ」を通じて発信したところ、個人だけでなく法人からも講演オファーを受ける大人気講座に。最高ランクとなるプラチナバッジを獲得。セミナーの満足度95%と極めて高い評価を得ており、パラレルキャリアの第一人者として、「News Picks」「FNN.jp」「NHK WORLD」など、数々のメディアに取り上げられている。アウトルックスキルという言葉を普及させる事で、「アウトルックの技術」の必要性を顕在化させ、日本全体の業務生産

                                                                    【脱マウスの最重要ショートカットキー!】“[Alt]+[Tab]”は、仕事が速い人がみんな使っている便利ワザ!<動画解説付き>
                                                                  • [JS]スクロール・マウスの位置や速度など、ビューポートの状態を簡単に取得できるJavaScriptライブラリ -Tornis

                                                                    スクロールの速度に合わせたアニメーション、スクロールの位置に合わせたパララックス、マウスの位置・速度に合わせたパララックス、ビューポートのサイズに合わせたレイアウト変更などを実装するために、ビューポートを監視し、その状態を簡単に取得できる軽量JavaScriptライブラリを紹介します。 位置を取得できるのはよくありますが、速度まで取得できるのは珍しいですね。 Tornis Tornis -GitHub Tornisの特徴 Tornisのデモ Tornisの使い方 Tornisの特徴 Tornisは、ブラウザのビューポートの状態を監視する軽量のJavaScriptライブラリです。ビューポート・スクロール・マウスなどに何か変化があった時にその値を取得できます。 マウスの位置 マウスの速度 ビューポートのサイズ スクロールの位置 スクロールの速度 デバイスの向き(近日対応予定) ユーザーが操作し

                                                                      [JS]スクロール・マウスの位置や速度など、ビューポートの状態を簡単に取得できるJavaScriptライブラリ -Tornis
                                                                    • SVGやCanvasで実装した平らな要素を3Dモデルでレンダリングできる超軽量JavaScriptライブラリ -Zdog

                                                                      面白そうなJavaScriptがリリースされました! SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで操作ができます。 Zdog Zdog -GitHub Zdogの特徴 Zdogのデモ Zdogの使い方 Zdogの特徴 Zdogは<canvas>とSVG用の3D JavaScriptエンジンです。 Zdogを使用すると、3DモデルをWeb上でデザインしてレンダリングすることができます。 軽量ライブラリ Zdogは、28KbのJavaScriptです。 滑らかなレンダリング 丸みをおびた美しい形でレンダリングされます、ジャギーはありません。 簡単 モデリングは単純明快な宣言型APIで行われます。 Zdogのデモ Zdog

                                                                        SVGやCanvasで実装した平らな要素を3Dモデルでレンダリングできる超軽量JavaScriptライブラリ -Zdog
                                                                      • CSSのみで簡単に実装できる! マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック

                                                                        CSSの:has疑似クラスとCSS Anchor Positioningを使用して、:hoverにマグネットのように追従するホバーエフェクトを実装するテクニックを紹介します。 一昔前なら、JavaScriptなどを使用し...記事の続きを読む

                                                                          CSSのみで簡単に実装できる! マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック
                                                                        • エレコム、ベアリング採用で滑らかな操作を実現したトラックボール

                                                                            エレコム、ベアリング採用で滑らかな操作を実現したトラックボール
                                                                          • マウスコンピューターで売っているwindowsタブレットが予想の3倍ぐらい使い勝手がよくてびっくり - 勝間和代が徹底的にマニアックな話をアップするブログ

                                                                            私の友人の間で、マウスコンピューターで売っているほぼアウトレット価格のWindowsタブレット13,000円がとても実用的で、単用途は使い勝手が良いと話題になりました。 そこでわたしも原稿書きのために一台買おうかなと思ってマウスのサイトまで見に行きました。そうしたら、13,000円のものですとCPUがN4000なので、さすがにきついかと思ったら、隣りに18,000円のものがN4100のcpuが載っていたので、これだとギリギリまあ使えるかなと思ってポチりました。 10.1型タブレット|マウスコンピューター【公式】 そしてやってきたので、セットアップを始めたところ、嬉しい誤算だったのが、家にやって来た日から既にwindows11にも更新できるようになっていて、すぐにwindows10からwindows11にしました。 そうすると何がうれしいかというと ものすごく操作が慣れているWindowsの

                                                                              マウスコンピューターで売っているwindowsタブレットが予想の3倍ぐらい使い勝手がよくてびっくり - 勝間和代が徹底的にマニアックな話をアップするブログ
                                                                            • エレコム、トラックボールの角度調整用アクセサリ3製品

                                                                                エレコム、トラックボールの角度調整用アクセサリ3製品
                                                                              • 【やじうまミニレビュー】 こういうのでいいんだよ! 2台のレシーバを同梱、アプリなしで2台のPCを切り替えて使える無線マウス

                                                                                  【やじうまミニレビュー】 こういうのでいいんだよ! 2台のレシーバを同梱、アプリなしで2台のPCを切り替えて使える無線マウス
                                                                                • 2022年、隣のキーボード事情はどう変わったか。マウス事情も聞いてみた。 - freee Developers Hub

                                                                                  こんにちは、DevBrandingのellyです。 2017年の「突撃!隣のキーボード」という記事でfreeeの開発メンバーがどのようなキーボードを使っているのか調査をしました。いまでも採用面接やカジュアル面談などで「freeeといえばこの記事の印象が強い」と言ってくれる方もいるそうです。 そこから5年という月日が流れ、さらにはコロナ禍でリモートワークが定着し、自宅での開発環境にこだわりを持つ人も増えているいま、freeeの開発メンバーのキーボード事情がどのように変化しているか、再び調査をしてみることにしました。今回はマウスについてもあわせて聞いてみました。 マウスの形状、キーボードの形状・サイズ・配列・メーカーについてアンケートを実施し、133名の開発メンバーから回答をもらいました。まずはマウスからご紹介します。 マウスの形状 アンケート結果(マウスの形状) トラックパッドが一番人気でし

                                                                                    2022年、隣のキーボード事情はどう変わったか。マウス事情も聞いてみた。 - freee Developers Hub