今回は、私が社会人一年目から使い続けているlogicoolのMX Ergo Sというマウスについて紹介します。

MX Ergo Sの特徴

①トラックボール

MX Ergo Sの特徴は、まずなんといってもトラックボールマウスということです。

一般的なマウスとして思い浮かぶのは、マウスを机の上で動かしてカーソルを操作する光学式やレーザー式と呼ばれるマウスではないでしょうか。
MX Ergo Sはトラックボールマウスと呼ばれるタイプで、右手の親指でトラックボールをくるくる回してカーソルを操作します。

トラックボールの一番の利点は、腕・手首が疲れづらいということだと思います。光学式やレーザー式のマウスはマウスを動かす必要があります。マウスを動かす動作は、長時間パソコン操作をしていると知らず知らずのうちに腕や手首に疲労を蓄積させています。
トラックボールマウスの場合は、腕も手首も全く動かさずに指先だけで操作できるので、とても楽です。繁忙期で長時間の作業になっても、腕の疲労感に気を取られずに作業でき（てる気がし）ます。

また、マウスを動かす必要がないため、マウスのための机のスペースが少なくて済みます。近年はリモートワークも普及してきて家で作業することが増えているかと思います。家だと大きな机がなくて制限されたスペースの中で作業をしている方も多いのではないでしょうか。トラックボールマウスの場合、必要なスペースはマウスを置くスペースだけです。机が小さくても問題ないですし、机の上に物がたくさんあっても、トラックボールマウスを使うのには全く影響がありません。

②８つのボタン

MX Ergo Sの2つ目の特徴は、8つのボタンがあるということです。

通常の左クリック右クリックに加え6つのボタンがあり、この6つのボタンは専用アプリから自分の好きなアクションの割り当てが可能です。例えば、人差し指で操作する下記の位置の2つのボタンに、それぞれコピーとペーストを割り当てておけば、左手を移動させずにコピー＆ペーストが完結します。自分のよく使うアクションを割り当てて、作業効率アップさせましょう。

③人間工学に基づいた設計

MX Ergo Sの3つ目の特徴は、人間工学に基づき、人間が操作をするうえで疲れにくいように設計されているということです。

具体的に言うと、MX Ergo Sはマウスの角度を下記のように２段階で調整が可能です。

光学式やレーザー式のマウスはマウスを操作するときは、手のひらを地面と水平に近い角度にするかと思います。これが人間工学の観点からは結構負担があるらしく、MX Ergo Sはより人間が自然に操作できるように水平から20度の角度をつけられるようになっています。

懸念点

私はこのMX Ergo S激推しなのですが、一応懸念点もいくつかまとめておきます。

• 高い。
• 慣れるまで多少時間が必要。
• こまめに掃除が必要。

個人的には普段の仕事の効率アップにつながると思えば全然安い投資だと思いますし、そのほかの懸念点も大したことないです。それよりも、前述のメリットの方がはるかに上回っていると感じています。

一度使ったらもう離れられないマウス

私はもう５年近くこのマウスを使っていて全然現役で使えていますが、もし壊れたとしてもこのマウスを購入すると思います。一度使ったらほかのマウスには戻れないです。

今までトラックボールを使ったことのない方も、ぜひ、購入検討してみてください。

▶logicool MX Ergo S 公式ページはこちら

グリニッジの営業部ではいま自己分析診断が流行っています！
グリニッジでは全員がストレングスファインダーを受検しており、個々の強みをいかすためのツールとしてこういった診断ツールはいまトレンドになっています。

ストレングスファインダーについては以前の社員ブログでも詳しく紹介していますので、ぜひこちらものぞいてみてください！

ストレングスファインダーを受検した結果

以前の記事をみてストレングスファインダーについて皆さんが理解したところで
私の受検結果を見ていただくと…

1.調和性
2.適応性
3.社交性
4.親密性
5.収集心

同時期に他の社員も受検しましたが、納得の結果だったようです。

私自身の結果をまとめると…
「人とのつながり」を大切にしながら、柔軟で調和的、そして知的好奇心の強いタイプのようです。

確かに、人とのつながりはすごく大切にしていますし、知らないことは調べて知っていきたいという気持ちは強くあるかもしれません。

さらに気軽に自己分析を楽しんでみた

MBTI診断を試し、休憩時間に個々の特性を共有して盛り上がりました！

MBTI診断はこちら

私の結果は…

仲介者
INFP型の性格
仲介者（INFP）は控えめ、または静かそうに見えるかもしれませんが、心の中は情熱であふれ、生き生きとしている人たちです。
独創的かつ想像力豊かなので、色々な空想をしながら、さまざまな会話やストーリーを作り上げることが好きなタイプでしょう。
INFP型の性格

総合的にまとめた結果

最大の強み
 「その場の空気と人の心を理解し、安心を生むこと」
弱みの根源
 「相手の感情を優先しすぎて、自分が後回しになること」

なるほど…当たっているじゃないか…そう思います。
もっと細かくまとめると

人との調和・共感・つながり を何より大切にする人。
 柔らかく温かい雰囲気があり、相手の気持ちを深く感じ取れる「調和型サポーター」タイプ。
直感や価値観を重視しつつ、状況に応じて柔軟に動き、人を助けたり支えたりすることに喜びを感じる。人から「話しやすい」「落ち着く」「優しい」「安心する」と言われることが多い。

こうやってどんどん紐解いてみると、自分が考えている特性に近い気がすると思いました。

まとめ

診断した結果を見て自分の傾向はこうだ！相性が合う！というコンテンツとして楽しむのも一つですが
結果を基にこのタイプの人とはこんな接し方をしてみようなど、円滑なコミュニケーションを取るために役立ててみるのもアリかもしれませんね。
ただ、診断にとらわれずに相手と会話して相手を理解することも忘れずにいたいところです。

様々な診断ツールを使って社内で交流を深めていて、すこしお楽しみ感覚のところもご紹介しましたが、こういった社内の柔軟なコミュニケーションからより良く、快適になるようなシステムの開発・提供をしていきたいと私自身考えています。

皆さんも受検・診断して自分と向き合って、コミュニケーションのツールとしてみてはいかがでしょうか。

こんにちは！
普段は開発業務を行っている古関です。

会社のとあるプロジェクトの取り組みとして、この度
Instagram（インスタグラム）のビジネスアカウントを開設することになりました！

今回アカウント開設に至った経緯としては、新サービスの認知度を上げることが目的でした。ではなぜインスタグラムなのかというところです。

なぜInstagramなのか？

数あるSNSの中で、今回Instagramを選んだ理由は大きく2つあります。

1️⃣ 商用利用ができること

Instagramでは、企業やブランドが公式にビジネスアカウントを運用でき、
商品やサービスの紹介、キャンペーン告知、フォロワーとの交流などが行えます。

2️⃣ ユーザー数の多さ

国内外ともに利用者が多く、幅広い層に情報を届けやすいというメリットがあります。
特に20〜40代を中心に利用されており、ビジュアルで訴求できる点も魅力です。

Instagramの利用目的は「認知拡大」

今回はBtoB向けの直接営業ではなく、より多くの方に「新しいサービスの存在」を知ってもらうことを重視しています。
そのため、EC運営会社だけでなく、その運営に関わるさまざまな立場の方々にも届くよう、Instagramを活用していく予定です。

上の画像は「マーケティングファネル」と呼ばれるもので、お客さまが商品やサービスを知ってから購入するまでの流れを段階的に示したモデルです。

ファネル（＝漏斗）の形のように、最初は多くの人が関心を持ち、段階を進むごとに購入へと至る人が絞り込まれていくイメージです。

一般的に、Instagramは購買前後の段階に大きな影響を与えるといわれています。
その中でも、今回私たちがInstagramを活用する目的は、購入前の段階である ①Awareness（認知を広げる） と②Interest（関心を高める） の部分に注力し、多くの方に新サービスを「知ってもらい」「興味を持ってもらう」ことです。

意識していくこと：エンゲージメント率

アカウントを運用していく中で、1つ意識したいのがエンゲージメント率（Engagement Rate）です。

これは、投稿に対してどれだけユーザーが反応してくれたか（＝いいね・コメント・保存など）を示す指標です。

この数値を意識する理由は、単にフォロワー数を増やすことよりも、“どれだけニーズを把握できているか” 確認していきたいからです。

リアクションを確認しながら、サービス開発にいかしていけたらと思います！

1. スケジュールをGoogleカレンダーに変えてみた

最近、会社のスケジュールをGoogleカレンダーに切り替えました。
もともと社内で使っていた共有スケジュールは、
「自分がどの予定に関わっているのか」「今日どのくらいMTGがあるのか」が
やや分かりづらかったんですよね。

Googleカレンダーに変えてまず感じたのは、
“自分の1日が見える”って、こんなにスッキリするんだということ。
今日は何時間ミーティングがあって、
どの時間に作業できるのかが一目でわかる。

漠然と「忙しいな」と思っていた日々が、
「今日は午前がMTG詰め、午後に2時間空きあり」と
クリアに見えるようになっただけで、少し気持ちに余裕が出ました。

2. Googleカレンダーとタスクを行き来する

もうひとつ良い影響があったのが、タスク管理。
これまではToDoリストを別で管理していたのですが、
最近はGoogleタスクとGoogleカレンダーを切り替えながら使うようにしています。

Googleカレンダーの右上の☑をクリックで切替。

Googleタスクに「やること」を全部書き出し、
そこから“今日やるもの”だけをGoogleカレンダーにドラッグして配置。
カレンダー上に置いた瞬間に、
「いつやるか」「どれくらい時間がかかるか」が明確になります。

この切り替えが思った以上に良くて、
頭の中に散らばっていたタスクが、スケジュール上に並ぶと、
“やることリスト”の完了イメージができてくる。

3. タスクには“相性のいい時間”がある

実際に運用してみると、
タスクにも“向いている時間帯”があることが分かってきました。

• 事務系・確認系：短い合間時間にサッと片付けられる
• 思考系：集中できるまとまった時間が必要
• 調整系（MTG後のフォローなど）：ミーティング直後が一番速い

こうして種類ごとに時間を割り当てると、
「今この時間に何をやるのがベストか」が自然に見えてきます。
空き時間ができても、なんとなくSlackを見るより、
ひとつタスクを終わらせる方が圧倒的に気持ちがいい。

4. “見える化”で時間の質が変わった

Googleタスクとカレンダーを行き来するようになって、
時間とやることが今までより整理された感があります。
以前は“予定”と“タスク”が別々で、頭の中でモヤモヤっとしていましたが、
今は1日の流れの中で自然に整理されている感じ。
（とはいえ、差し込みタスクが増えるので、すべてスッキリではないですがｗ）

“見える化”って大げさに聞こえますが、
見えるようにすると、感じ方が変わる。
「忙しい」はなくならなくても、
“どう忙しいか”が分かるだけで気持ちはずいぶん軽くなる。

5. まとめ

「そんなの前からやってるよ」という人も多いと思いますが、
自分にとってはこの“Googleカレンダー×タスク”の組み合わせが
思っていた以上に効果がありました。

タスクを“置く”だけで、頭の中が整理されて、
仕事にリズムができる。

やることが多い人ほど、
一度、**「タスクを時間に変える」**という感覚を試してみてほしい。
きっと少し、気持ちが軽くなると思います。

HTMLの要素を横並びにするCSSといえば GridとFlexboxが代表的かと思います。

どちらを使っても見た目は同じにできるため、どちらかのみしか使わない人もいるかもしれません。

ですが、実装するデザインによって使い分けることができると、コードの量や保守性など、工数で違いが出てきます。

今回は、GridとFlexboxそれぞれ適しているパターンと使い分け方について説明します。

Geminiに聞いてみた

せっかくなのでAIさんにも聞いてみましょう。
今回はGoogle Geminiに聞いてみました。

ポイントは配置を制御したい次元の数だそうです。
イメージつきますか？

もう少し噛み砕いて、実際にどのようなコンポーネントで使うと良いか、
実装の体験も踏まえて解説します。

Gridが向いている場面

Gridが向いている場面は、
並べたい要素の横幅が均等であり、並べる個数（列の数）が決まっている場面が向いています。

画像やカードなどのギャラリー

弊社サービスのらくらく在庫 機能ページような、カードを一覧で並べるレイアウトなどはGridを使うことをおすすめします。
※このページではGridで実装されていないのですが

特に、子要素間で余白を持たせたいときはGridを使うと実装も簡単なうえにレスポンシブ対応も非常に楽です。

実際のコードはこちら

.wrapper {
  display: grid;  //  gridの宣言
  grid-template-columns: repeat(4, 25%) // 子要素を25%の長さで1列4つ並べる
  gap: 15px 15px; // 子要素間の余白は上下左右それぞれ15px
}

レスポンシブ対応でタブレットで表示する場合は1列3要素で余白も調整したい、
という対応も親要素のgrid-template-columnsとgapを調整するだけですので、非常に楽です。

格子状の配置を実装するときはGridを使いましょう。

ページ全体のレイアウト

Gridはページ全体のレイアウトの実装にも有効です。
特に固定幅のサイドバーを持つページのレイアウトにおいて有効です。

ただし、ページ全体のレイアウトでGridを使う場合は、
grid-template-areasを用いての実装になり、grid-template-areasの解説だけで1記事分の分量になるため、今回は割愛します。

Flexboxが向いている場面

Flexboxは1次元（1列もしくは1行）のコンポーネントや、
子要素の長さや並べる要素数が柔軟に変わるデザインに向いています。

ナビゲーションメニュー

横並びのナビゲーションメニューは子要素の長さ＝文字数で変わりますので、柔軟に対応できるFlexboxが向いています。

実際のコードはこちら

.menu-wrapper {
  display: flex;  // Flexboxの宣言
  justify-content: flex-end;  //  要素の並べ方、今回は右側基準で並べる
  gap: 15px;  // 子要素間の余白
}

意外と知られていないのですが、Flexboxでもgapプロパティで余白管理ができます。
子要素に余白を設定するとコード量が増える上に保守性も悪くなるので、
Flexboxの余白管理もgapを使いましょう。

パンくずリスト

Flexboxはパンくずリストの実装でも非常に力を発揮します。

パンくずリストはページによって、長さや並べる要素数が異なる上に、場合によっては折り返しも発生します。

こういった条件の実装はFlexboxで行いましょう。

まとめ

規則正しく並べるならGrid、要素数や長さが柔軟な場合はFlexboxを使いましょう。

そして、要素間の余白はmarginではなくgapを使いましょう。

実装してみるとコード量が少なくなり工数が大きく変わります。