
## BenQ XL2720Z を買った

BenQ XL2720Z から [MSI Optix MPG321UR-QD](https://www.amazon.co.jp/gp/product/B09FPKYHBZ?&linkCode=sl1&tag=eisvogel014-22&linkId=f3df7d51a0208d3aa11d12272b289588&language=ja_JP&ref_=as_li_ss_tl) に買い替えました。
使い始めてまだ全然日が浅いですが後悔全くない満足いくモニターです。

### BenQ XL2720Z を選んだ理由

- 4K 対応！(PS5 や ゲーミング PC で 4K を堪能したい)
- リフレッシュレート 144 Hz & 応答速度 1 ms(PC ゲームやるなら理想的なモニター)
- HDMI 2.1 対応!(PS5 を 4K/120Hz で遊べる)
- KVM 機能付き！(プライベート用と仕事用それぞれの MacBook Pro に キーボードと Magic Trackpad を共有したい)
- 32 インチ(27 インチになれたので、より大きい 32 インチが欲しかったから)

### BenQ XL2720Z の不満点

唯一困った点は KVM 機能。
最初は キーボードと Magic Trackpad を接続して、プライベート用と仕事用それぞれの MacBook Pro で共有できるようにする予定だった。
しかし、この KVM 機能の ON/OFF が映像入力の ON/OFF と連動している。
そのため、使用中の MacBook Pro などによって画面オフになると KVM も OFF になり、キーボードや Magic Trackpad によるスリープ復帰や、自動ソース切り替えができないという状況に陥ってしました。
なので、共有予定だったキーボード([K2](https://www.keychron.com/products/keychron-k4-wireless-mechanical-keyboard-version-2))を使用して以下のように対策しています。
因みに [K2](https://www.keychron.com/products/keychron-k4-wireless-mechanical-keyboard-version-2) はマルチペアリング対応の 有線 & 無線(Bluetooth) キーボードです。

・マルチペアリング対応の Bluetooth キーボード([K2](https://www.keychron.com/products/keychron-k4-wireless-mechanical-keyboard-version-2))の接続切替でスリープを解除
・KVM で共有しているトラックパッドでもう片方をスリープにする
・MPG321UR-QD の操作スティックでアップストリーム先を切り替える

因みに、自動リソース切替使いたいけど PS5 やゲーミング PC など色々接続しているので、一つの HDMI ポートを[切替器](https://www.amazon.co.jp/gp/product/B08PKJZ7QB?&linkCode=sl1&tag=eisvogel014-22&linkId=3466dd11309073d944f12c84add527d5&language=ja_JP&ref_=as_li_ss_tl)を使って MacBook Pro 2 台と共有しています。

<https://www.amazon.co.jp/gp/product/B09FPKYHBZ?&linkCode=sl1&tag=eisvogel014-22&linkId=f3df7d51a0208d3aa11d12272b289588&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B08PKJZ7QB?&linkCode=sl1&tag=eisvogel014-22&linkId=3466dd11309073d944f12c84add527d5&language=ja_JP&ref_=as_li_ss_tl>


MSI Optix MPG321UR-QD を買って満足した


## FITBOX LITE を買った

リモートワークによる運動不足解消と痩せるためにエアロバイクを買いました。

[FITBOX LITE](https://www.amazon.co.jp/dp/B089CTFHPP?&linkCode=sl1&tag=eisvogel014-22&linkId=3bd80b3dad687445bb22d10dd7f80ae2&language=ja_JP&ref_=as_li_ss_tl) を選びました。
モニターありの [FITBOX](https://www.amazon.co.jp/dp/B0886JS91D?linkCode=sl1&tag=eisvogel014-22&linkId=659401d128a01c313c22c6884c08d4d4&language=ja_JP&ref_=as_li_ss_tl&th=1) もあるのですが、軽くてコンパクトで価格も安い [FITBOX LITE](https://www.amazon.co.jp/dp/B089CTFHPP?&linkCode=sl1&tag=eisvogel014-22&linkId=3bd80b3dad687445bb22d10dd7f80ae2&language=ja_JP&ref_=as_li_ss_tl) にしました。

<https://www.amazon.co.jp/dp/B089CTFHPP?&linkCode=sl1&tag=eisvogel014-22&linkId=3bd80b3dad687445bb22d10dd7f80ae2&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/dp/B0886JS91D?linkCode=sl1&tag=eisvogel014-22&linkId=659401d128a01c313c22c6884c08d4d4&language=ja_JP&ref_=as_li_ss_tl&th=1>

エアロバイク購入に合わせて色々買いました。

## ケイデンスセンサー/スピードセンサー/心拍計アームバンド

ケイデンスセンサー/スピードセンサーは [XOSS X1 Suite](https://www.amazon.co.jp/gp/product/B09F6H8YJG?&linkCode=sl1&tag=eisvogel014-22&linkId=3d3cc78e17ff8d63ec19a1efebf21f0d&language=ja_JP&ref_=as_li_ss_tl) を、心拍計アームバンドとして [XOSS 心拍計アームバンド](https://www.amazon.co.jp/gp/product/B07H3QN6JC?&linkCode=sl1&tag=eisvogel014-22&linkId=c609b097452494d5f8fd3f664ed19d69&language=ja_JP&ref_=as_li_ss_tl) を買いました。
最初は心拍数など知る必要ないかと思い、モニターなしの [FITBOX LITE](https://www.amazon.co.jp/dp/B089CTFHPP?&linkCode=sl1&tag=eisvogel014-22&linkId=3bd80b3dad687445bb22d10dd7f80ae2&language=ja_JP&ref_=as_li_ss_tl) を買ったのですが、調べてみるとエアロバイクを使った脂肪燃焼を狙う場合、一定の心拍数(脂肪燃焼ゾーン)を維持したほうがいいことを知りました。
一般的に脂肪燃焼ゾーンは最大心拍数の 60 ～ 75 パーセントらしいです。
心拍数のチェックと自分がどれくらいの負荷でどのくらいのケイデンス/スピードだと脂肪燃焼ゾーンを維持できるか知る必要があるかなと思い買いました。
アプリは [Wahoo Fitness](https://apps.apple.com/us/app/wahoo-fitness-phone-powered-fitness/id391599899?ign-mpt=uo%3D8) を使っています。
[こちら](https://chari-nikki.com/4013/)のサイトを参考に車輪円周(タイヤ周長)は 5,200 mm に設定して使っています。

<https://www.amazon.co.jp/gp/product/B09F6H8YJG?&linkCode=sl1&tag=eisvogel014-22&linkId=3d3cc78e17ff8d63ec19a1efebf21f0d&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B07H3QN6JC?&linkCode=sl1&tag=eisvogel014-22&linkId=c609b097452494d5f8fd3f664ed19d69&language=ja_JP&ref_=as_li_ss_tl>

因みに、スピードセンサー(白)とケイデンスセンサー(黒)はそれぞれ以下のような位置に設置しています。

![センサー設置](/images/posts/lifestyle-posts/1643191803/censor.png)

## トレーニングマット

FITBOX の[トレーニングマット](https://www.amazon.co.jp/dp/B09L75T2MB?&linkCode=sl1&tag=eisvogel014-22&linkId=b3958468ad51b314c94c9ea6e34068cf&language=ja_JP&ref_=as_li_ss_tl)を買おうとしたのですが、ちょうど売り切れていたので、[こちらのトレーニングマット](https://www.amazon.co.jp/gp/product/B086TRLS8R?linkCode=sl1&tag=eisvogel014-22&linkId=a26e37c2a4757b004e8b8f659bb48bdb&language=ja_JP&ref_=as_li_ss_tl&th=1&psc=1)を買いました。
無駄に大きくないトレーニングマットが良かったので、FITBOX の[トレーニングマット](https://www.amazon.co.jp/dp/B09L75T2MB?&linkCode=sl1&tag=eisvogel014-22&linkId=b3958468ad51b314c94c9ea6e34068cf&language=ja_JP&ref_=as_li_ss_tl)と同じくらいのサイズにできそうな上記の[ジョイントマット](https://www.amazon.co.jp/gp/product/B086TRLS8R?linkCode=sl1&tag=eisvogel014-22&linkId=a26e37c2a4757b004e8b8f659bb48bdb&language=ja_JP&ref_=as_li_ss_tl&th=1&psc=1)を選びました。

<https://www.amazon.co.jp/gp/product/B086TRLS8R?linkCode=sl1&tag=eisvogel014-22&linkId=a26e37c2a4757b004e8b8f659bb48bdb&language=ja_JP&ref_=as_li_ss_tl&th=1&psc=1>

<https://www.amazon.co.jp/dp/B09L75T2MB?&linkCode=sl1&tag=eisvogel014-22&linkId=b3958468ad51b314c94c9ea6e34068cf&language=ja_JP&ref_=as_li_ss_tl>

## ホルダー

後はやってる時暇なんで動画見ながらやるための各種ホルダー買いました。
[iPad 用](https://www.amazon.co.jp/gp/product/B07WVVF8W2?&linkCode=sl1&tag=eisvogel014-22&linkId=cd05cea82ef6f9b180e6509eed8798af&language=ja_JP&ref_=as_li_ss_tl)と [iPhone 用](https://www.amazon.co.jp/gp/product/B08BZF49P6?&linkCode=sl1&tag=eisvogel014-22&linkId=1aaef38187197bb24f0152668ef0b894&language=ja_JP&ref_=as_li_ss_tl)になります。
この辺は取り敢えず何がいいのか分からなかったかので、適当に選びました。
[iPhone 用](https://www.amazon.co.jp/gp/product/B08BZF49P6?&linkCode=sl1&tag=eisvogel014-22&linkId=1aaef38187197bb24f0152668ef0b894&language=ja_JP&ref_=as_li_ss_tl)は問題ないですが、[iPad 用](https://www.amazon.co.jp/gp/product/B07WVVF8W2?&linkCode=sl1&tag=eisvogel014-22&linkId=cd05cea82ef6f9b180e6509eed8798af&language=ja_JP&ref_=as_li_ss_tl)のは思った以上に不安定でちょっと失敗。。。

<https://www.amazon.co.jp/gp/product/B07WVVF8W2?&linkCode=sl1&tag=eisvogel014-22&linkId=cd05cea82ef6f9b180e6509eed8798af&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B08BZF49P6?&linkCode=sl1&tag=eisvogel014-22&linkId=1aaef38187197bb24f0152668ef0b894&language=ja_JP&ref_=as_li_ss_tl>


運動不足解消 & ダイエットのために FITBOX LITE 買った


自分の勤めていた会社はコロナが始まってすぐに リモートワークが始まりました。
そこからもう 2 年程経ち、大分 リモートワーク環境が出来上がったので、整理したいと思います。

## リモートワーク環境

現在のデスク周りは以下のようになります。

![リモートワーク環境その1](/images/posts/lifestyle-posts/1642917865/wfh.png)

## ノートパソコンとデスクトップパソコン

現在 Windows と Mac 両方使用しています。

### MacBook Pro (13-inch 2020)

会社支給の MacBook Pro です。
真正面においてます。

### MacBook Pro (15-inch, 2016)

2017 年だかの Black Friday で海外 EC サイトから買いました。
クラムシェルモードで使ってます。

### 自作ゲーミング PC (Windows 10)

デスクの下にある無駄に光ってるやつです。
Wake on Lan で起動させるようにしています。

### [Dell G5 15 - 5590](https://www.amazon.co.jp/gp/product/B08CV8WYYV?&linkCode=ll1&tag=eisvogel014-22&linkId=86cf5015fb6d63af7c958a125a1dd7c7&language=ja_JP&ref_=as_li_ss_tl)

メイン PC (軽いゲームはこれでやる)です。
アームを使って、向かって右側に配置しています。
仕事が終わった後はアームを動かして正面に配置して使ってます。
[エルゴトロンのモニターアーム](https://www.amazon.co.jp/gp/product/B00689HXI4?&linkCode=sl1&tag=eisvogel014-22&linkId=5920f11ef50b28cc6b26ffd20c44eb98&language=ja_JP&ref_=as_li_ss_tl)と[ノートブックトレー](https://www.amazon.co.jp/gp/product/B000ECUMTS?&linkCode=sl1&tag=eisvogel014-22&linkId=ac00d10693fb5f3d1c43b8bab5e4d796&language=ja_JP&ref_=as_li_ss_tl)の組み合わせを使ってます。

<https://www.amazon.co.jp/gp/product/B00689HXI4?&linkCode=sl1&tag=eisvogel014-22&linkId=5920f11ef50b28cc6b26ffd20c44eb98&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B000ECUMTS?&linkCode=sl1&tag=eisvogel014-22&linkId=ac00d10693fb5f3d1c43b8bab5e4d796&language=ja_JP&ref_=as_li_ss_tl>

## モニター

個人的にモニターは 27 or 32 インチくらいが見やすさと表示領域のバランスがいいかなと思っています。
32 インチがほしいのですがスペースとお金の兼ね合いで 27 インチにしています。

### 個人的なモニター選びのポイント

- メインモニター
  - ゲーミングモニター(PS5 や ゲーミング PC などが接続対象のため)
  - INPUT が**最低 3 つ**ある。(PS5 や ゲーミング PC、MacBook Pro と接続対象が多いいため)
  - Type-C 接続による **最低 90 W 以上の電源供給が可能**(サブモニターで代替できるならいらない)
- サブモニター
  - Type-C 接続による **最低 90 W 以上の電源供給が可能**

### BenQ XL2720Z

写真では真正面のモニターになります。
ゲームに利用するので、ゲーミングモニターを選んでます。
PS5 も買ったので 4K のゲーミングモニターに買い替え予定。今狙ってるのは[MPG321UR-QD](https://www.amazon.co.jp/gp/product/B09FPKYHBZ?&linkCode=sl1&tag=eisvogel014-22&linkId=f3df7d51a0208d3aa11d12272b289588&language=ja_JP&ref_=as_li_ss_tl)

<https://www.amazon.co.jp/gp/product/B09FPKYHBZ?&linkCode=sl1&tag=eisvogel014-22&linkId=f3df7d51a0208d3aa11d12272b289588&language=ja_JP&ref_=as_li_ss_tl>

### DELL 2720QM

写真では向かって左のモニターになります。
位置調整と下にモニター下に空間が欲しいため、[モニターアーム](hhttps://www.amazon.co.jp/gp/product/B00689HXI4?&linkCode=sl1&tag=eisvogel014-22&linkId=5920f11ef50b28cc6b26ffd20c44eb98&language=ja_JP&ref_=as_li_ss_tl)に設置して使ってます。
4K かつ USB Type-C 接続が可能で、なんと**最大 90 W の電源供給が可能**なのが魅力。
MacBook Pro への給電はこのモニターが担っているので、付属の電源は使ってないです。

<https://www.amazon.co.jp/gp/product/B085TWLMF9?&linkCode=sl1&tag=eisvogel014-22&linkId=504ab3a9659ef412640134dfe50c7a6c&language=ja_JP&ref_=as_li_ss_tl>

## オフィスチェア

### イトーキ サリダ YL7

オフィスチェアはイトーキのサリダを使っています。
腰痛持ちでインドアで、リモートワークもあって出社時代より椅子に座りっぱなしなので、少しでもいい椅子がいいかなと色々評判見て価格的に手頃なものにしました。
暑がりでもあるのでメッシュのやつを選びました。

<https://www.amazon.co.jp/gp/product/B0874TYWZY?&linkCode=sl1&tag=eisvogel014-22&linkId=11f5b2992fa9cc10f3aa091e9359414a&language=ja_JP&ref_=as_li_ss_tl>

## デスク

シンプルで高さ調整しやすい[ルミナスラック](https://www.luminous-club.com/)を昔から使ってます。
以下のように用途別に 2 つ組んで使っています。
ただ、リモートワークで座りっぱなしなので、将来的には昇降デスクに買い替えたい。

1. モニターなどを置くためのラック
   - 120 cm, 46cm, 76.5cm (横、 奥行、高さ)
   - モニターやスピーカー、MacBook Pro などを置いてます。
2. キーボードなどを置くためのラック
   - 90 cm, 46cm, 67cm (横、 奥行、高さ)、キャスター付き。
   - SteelSeries の[大型のゲーミングマウスパッド](https://www.amazon.co.jp/gp/product/B00WAA2704?&linkCode=sl1&tag=eisvogel014-22&linkId=de3605ebd21f145196f26a822be0d5c3&language=ja_JP&ref_=as_li_ss_tl) を敷いてます。
   - 1 の下に収納できるようなサイズにしています。
     ゲームする時とかなどキーボード・マウスなどをつかない時は 1 の下に収納しています。
     オフィスチェアも高さを調整すれば 2 の下に収納できるので部屋が広く使えます。

<https://www.amazon.co.jp/gp/product/B00WAA2704?&linkCode=sl1&tag=eisvogel014-22&linkId=de3605ebd21f145196f26a822be0d5c3&language=ja_JP&ref_=as_li_ss_tl>

## キーボード

[keychron](https://www.keychron.com/)のキーボードを使ってます。

### 個人的なキーボード選びのポイント

- 見た目
- Bluetooth と 有線両対応
- マルチペアリング対応

### keychron K2 / K4

MacBook Pro 用に [K2](https://www.keychron.com/products/keychron-k4-wireless-mechanical-keyboard-version-2)を

<https://www.keychron.com/products/keychron-k4-wireless-mechanical-keyboard-version-2>

Windows のノート PC と ゲーミング PC 用に [K4](https://www.keychron.com/products/keychron-k2-wireless-mechanical-keyboard)を選びました。

<https://www.keychron.com/products/keychron-k2-wireless-mechanical-keyboard>

### Magic Trackpad & Razer DeathAdder Elite

マウスは MacBook Pro は Magic Trackpad を使ってます。
流石に MacBook Pro と同じ台数を用意しても場所がないので、1 個を有線で接続してつど繋ぎ変えて使ってます。

Windows のノート PC と ゲーミング PC 用に [Razer DeathAdder Elite](https://www.amazon.co.jp/gp/product/B01M6TGVGT?&linkCode=sl1&tag=eisvogel014-22&linkId=39d5edcf13f3fcfa035856c6b0e62365&language=ja_JP&ref_=as_li_ss_tl) を使っています。

<https://www.amazon.co.jp/gp/product/B01M6TGVGT?&linkCode=sl1&tag=eisvogel014-22&linkId=39d5edcf13f3fcfa035856c6b0e62365&language=ja_JP&ref_=as_li_ss_tl>

Razer DeathAdder シリーズは V2 といった新しいのも出てるので、買い替え予定です。

<https://www.amazon.co.jp/gp/product/B08KDPM1P4?&linkCode=sl1&tag=eisvogel014-22&linkId=18ddf0ef9997e8925c5f3eac2d5a46d6&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B083WVYSJ1?&linkCode=sl1&tag=eisvogel014-22&linkId=769a97642d8ee70d135f127e03e66b64&language=ja_JP&ref_=as_li_ss_tl>

## ヘッドセット

### Shokz OpenComm

なるべく軽くヘッドホンみたいにつけるのが面倒くさくないかつ、耳が痛くなりにくくて通話ができるのを探した結果、
[Shokz (旧 AfterShokz) の OpenComm](https://jp.shokz.com/products/bone-conduction-headphone-opencomm)に落ち着きました。
今のところ特に不満はないです。

<https://jp.shokz.com/products/bone-conduction-headphone-opencomm>

近々発売する予定の [OpenRun Pro](https://jp.shokz.com/products/openrun-pro) に買い替え予定。

<https://jp.shokz.com/products/openrun-pro>

## その他

### Anker PowerExpand Direct 7-in-2 (USB Type-C ハブ)

[Anker PowerExpand Direct 7-in-2](https://www.amazon.co.jp/gp/product/B07Z5Y44FX?&linkCode=sl1&tag=eisvogel014-22&linkId=76e0f49dcb7a142e864ae840a9f4496f&language=ja_JP&ref_=as_li_ss_tl) を使っています。
利用用途は HDMI によるメインモニター(BenQ XL2720Z)への接続と Magic Trackpad などの周辺機器の接続に使っています。
因みにこの製品の USB Type-C ポートは最大 100 W のパススルー充電に対応していますが、USB Type-C ポートを画面出力に使用する時はこのパススルー充電は利用できません。
そのため、 [DELL 2720QM](https://www.amazon.co.jp/gp/product/B085TWLMF9?&linkCode=sl1&tag=eisvogel014-22&linkId=504ab3a9659ef412640134dfe50c7a6c&language=ja_JP&ref_=as_li_ss_tl) への接続は次に次に紹介する「分配器・切替器・スプリッターコンバーター」を経由して MacBook Pro に直接接続しています。

<https://www.amazon.co.jp/gp/product/B07Z5Y44FX?&linkCode=sl1&tag=eisvogel014-22&linkId=76e0f49dcb7a142e864ae840a9f4496f&language=ja_JP&ref_=as_li_ss_tl>

### CableDeconn モニター用分配器・切替器・スプリッターコンバーター

めちゃくちゃ重宝しています。必須アイテムです。
2 台の MacBook Pro で 2 台のモニターを利用するのに使っています。
使っているのは、[HDMI 2.1](https://www.amazon.co.jp/gp/product/B08PKJZ7QB?&linkCode=sl1&tag=eisvogel014-22&linkId=3466dd11309073d944f12c84add527d5&language=ja_JP&ref_=as_li_ss_tl) と [USB Type-C](https://www.amazon.co.jp/gp/product/B092VHC166?&linkCode=sl1&tag=eisvogel014-22&linkId=dde9b765f542922ca85795e97ade6b70&language=ja_JP&ref_=as_li_ss_tl) の 2 タイプを使っています。

Type-C のモデルに関しては最大 100 W の電源供給に対応しています。
そのため、これ経由で [DELL 2720QM](https://www.amazon.co.jp/gp/product/B085TWLMF9?&linkCode=sl1&tag=eisvogel014-22&linkId=504ab3a9659ef412640134dfe50c7a6c&language=ja_JP&ref_=as_li_ss_tl) に接続すればボタン一つでモニターを利用する MacBook Pro の切り替えが可能なだけでなくその MacBook Pro への充電も可能になります。
仕事中は仕事用の MacBook Pro で [DELL 2720QM](https://www.amazon.co.jp/gp/product/B085TWLMF9?&linkCode=sl1&tag=eisvogel014-22&linkId=504ab3a9659ef412640134dfe50c7a6c&language=ja_JP&ref_=as_li_ss_tl) を含むモニター 2 台を使い、プライベート時間は個人用の MacBook Pro に接続を切り替えてモニター使いながら充電というのができます。
そのため、2 台の MacBook Pro には付属の電源は接続していないので、ケーブル周りがスッキリします。

[HDMI 2.1](https://www.amazon.co.jp/gp/product/B08PKJZ7QB?&linkCode=sl1&tag=eisvogel014-22&linkId=3466dd11309073d944f12c84add527d5&language=ja_JP&ref_=as_li_ss_tl) のモデルには先に紹介した [Anker PowerExpand Direct 7-in-2](https://www.amazon.co.jp/gp/product/B07Z5Y44FX?&linkCode=sl1&tag=eisvogel014-22&linkId=76e0f49dcb7a142e864ae840a9f4496f&language=ja_JP&ref_=as_li_ss_tl) と HDMI ケーブルで接続しています。

<https://www.amazon.co.jp/gp/product/B08PKJZ7QB?&linkCode=sl1&tag=eisvogel014-22&linkId=3466dd11309073d944f12c84add527d5&language=ja_JP&ref_=as_li_ss_tl>

<https://www.amazon.co.jp/gp/product/B092VHC166?&linkCode=sl1&tag=eisvogel014-22&linkId=dde9b765f542922ca85795e97ade6b70&language=ja_JP&ref_=as_li_ss_tl>

### Razer Leviathan (スピーカー)

[Razer Leviathan](https://www.amazon.co.jp/gp/product/B00T94QYM6?&linkCode=sl1&tag=eisvogel014-22&linkId=044fbd3c293908050693fa7e94fba0be&language=ja_JP&ref_=as_li_ss_tl) を使ってます。
スピーカー揃えて 5.1 Ch とかは昔やっていましたが、場所を取るため、今はサウンドバーにしています。
理想は INPUT(接続端子) の種類が多いいのを選んでいます。
光デジタル(S/PDIF)や AUX があったので、[Razer Leviathan](https://www.amazon.co.jp/gp/product/B00T94QYM6?&linkCode=sl1&tag=eisvogel014-22&linkId=044fbd3c293908050693fa7e94fba0be&language=ja_JP&ref_=as_li_ss_tl) を選びました。

<https://www.amazon.co.jp/gp/product/B00T94QYM6?&linkCode=sl1&tag=eisvogel014-22&linkId=044fbd3c293908050693fa7e94fba0be&language=ja_JP&ref_=as_li_ss_tl>

### 光デジタル(S/PDIF)用分配器・切替器

なんかゲーミングモニターで自分が選ぶものはスピーカーがないことが多いいのもあり、音はスピーカーから出しています。
しかし、PS5 や ゲーミング PC など接続対象は多いいため、[光デジタル(S/PDIF)用分配器・切替器](https://www.amazon.co.jp/s?k=%E5%85%89%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB+%E5%88%87%E6%9B%BF%E5%99%A8&sprefix=%E5%85%89%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB+%E5%88%87%E6%9B%BF%2Caps%2C230&ref=nb_sb_ss_ts-doa-p_1_8)を使ってます。
今はもう売ってないようですが、[こちら](https://amzn.to/3HWsyEB)の 4 入力 1 出力のを使っています。

### eMeet OfficeCore M0 (マイクスピーカー)

[Dell G5 15 - 5590](https://www.amazon.co.jp/gp/product/B08CV8WYYV?&linkCode=ll1&tag=eisvogel014-22&linkId=86cf5015fb6d63af7c958a125a1dd7c7&language=ja_JP&ref_=as_li_ss_tl) のマイクがあまり良くないので、[eMeet OfficeCore M0](https://www.amazon.co.jp/gp/product/B07Q3FQ8K6?&linkCode=sl1&tag=eisvogel014-22&linkId=92848a68022c6ef84c125531cf27cb27&language=ja_JP&ref_=as_li_ss_tl) を使っています。
マイクよりコンパクトで起きやすいのが良かったのでこれにしました。
会議用だけあった多少離れていても相手にちゃんと声が届くのがいいですね。

<https://www.amazon.co.jp/gp/product/B07Q3FQ8K6?&linkCode=sl1&tag=eisvogel014-22&linkId=92848a68022c6ef84c125531cf27cb27&language=ja_JP&ref_=as_li_ss_tl>


リモートワーク環境 (2022 年 1 月版)


## サイト

<https://sharing-text.grasswake.me>

## 開発経緯

何番煎じかわからないけど、テキスト共有 Web サービスをリリースしました。
とにかく登録不要で期限付きのテキストページが欲しかった。
時々開発経験のない友達などから以下のような相談を受ける時がありました。
・「個人事業用の HP 作成してるんだけどこの JQuery のプラグインどうやったら動くの？」
・「こうゆうデータを取得したいんだけど、どんな SQL 書けばいいの？」
・「この処理でエラーが発生するんだけどどうすればいいの？」
同業者等なら Zoom で画面共有したり、Slack やらなんやら何かしら使っているツールでファイル共有できたりしますが、相談してくる友達などはそうゆうツール類とは無縁だし、開発ツールが Dreamweaver だったりと自分に縁のないツールを使っている状況のため、色々と不便を感じていました。
かといって、Zoom や Slack といったそうゆうツールをわざわざ入れさせて、自分の Slack のワークスペースに招待したり、されたりするのもめんどいので勧めたりはしたくありませんでした。
ただ、やはりどんなことしたいのか、どんな処理をしているのか一々ファイルをメールやらなんやらで、送ってもらったり、それを修正してまた送るのがめんどくさかった。
そんな悩みを解決するために、本サービスを作成することにしました。

## 技術スタック

- 言語: TypeScript
- フロントエンド & バックエンド: [Remix](https://remix.run/)
  - React ベースのフルスタック Web フレームワーク
  - 直近の仕事やプライベートでも SPA で開発していたが、MPA の方が今回のようなサービスを個人開発する時は楽じゃない？と思うこともあって使ってみましたが、比較的楽しく開発できて正解でした。
- インフラ: AWS
- 環境構築: Terraform
  - Remix には AWS にデプロイするために [architect/architect](https://github.com/architect/architect) を使っているのですが、構築されるリソースが個人的にアレだったので、[architect/architect](https://github.com/architect/architect) を使わずに、Terraform にリソースを全て構築しています。
- ライブラリ
  - [Monaco Editor](https://microsoft.github.io/monaco-editor/)
    - ハイライトや比較/差分表示機能が欲しかったので、オーバースペック気味ではあるがこちらのエディターを採用しました。
    - モバイルブラウザなどはサポートされていないとのこと。
  - [Chakra UI](https://chakra-ui.com/)

## 機能

- 言語指定
  - エディターに monaco-editor を使ってるので、取り敢えずそれがサポートしている言語全て選択可能にしてます。
- 有効期限設定(日単位 or 時単位 or 分単位)
  - 日単位: 直近 1 ヶ月分の日にちを選択できます
  - 時単位: 1 ~ 24 時間後を選択できます
  - 分単位: 5 ~ 60 の範囲で 5 分単位できます
- 比較/差分表示
  - 比較しながら修正したかったのもあって、個人的に地味に気にいっている機能。
  - 仕事で似たようなサービスに課題が記載されて、答えを書いていたときに元の課題見ながらできたらいいなと思ったのがきっかけ。
  - 個人的に問題とかを複数人に共有して、解答者は新規作成(コピー)してリンクを提出してもらうというのをやってみた際にもこの機能は便利だった。
- ファイルダウンロード
- コピー(URL or 本文 or 有効期限)

### 新規作成画面

![新規作成画面その 1](/images/posts/tech-posts/1656602928/index.png)

### 閲覧画面

![閲覧画面その 1](/images/posts/tech-posts/1656602928/view.png)

### 新規作成(コピー)画面

コピー元のテキストを参照しながら新規作成が可能です。
比較/差分自体はデフォルトでオフになっています。
また、画面下部の警告にあるように、この新規作成(コピー)機能を使って新規作成した場合、閲覧画面でコピー元のデータを参照することができます。
もし、コピー元のデータを参照・維持させる必要がない場合は、チェックボックスにチェックを入れる必要があります。

![新規作成画面その 2](/images/posts/tech-posts/1656602928/copy_and_create.png)

### 閲覧画面(新規作成(コピー)で作成した場合)

![閲覧画面その 2](/images/posts/tech-posts/1656602928/copy_view.png)

## まとめ

仕事柄今はプロダクト開発をしてませんが、改めて開発の楽しさを実感できました。
今回採用した Remix や Chakra UI などを使って開発できただけでも満足でした。


何番煎じ？ テキスト共有 Web サービスをリリースしました


## Transfer Family を使って EFS に SFTP クライアントからアクセスする

例えば、Lambda しか使わない EFS に必要なリソースを格納する際に、一々 EC2 を立ててマウントしたりするのはめんどくさいです。
Transfer Family を使えば、よくある SFTP クライアント (WinSCP や FileZilla、Cyberduck など)を使って、GUI で手軽に EFS ファイルシステム内にファイル転送などができます。

## Transfer Family を使って EFS に SFTP クライアントからアクセスする際の前提

EFS を作成済みとします。
EFS の作成に関しては以下の記事をご参照ください。

<https://blog.grasswake.me/tech-posts/1649084868>

また、仮背景として EFS は Lambda で利用するため、以下のような Lambda 用のアクセスポイントを作成済みと仮定します。

![アクセスポイント作成 1](/images/posts/tech-posts/1649770909/create_accesspoint_1.png)

![アクセスポイント作成 2](/images/posts/tech-posts/1649770909/create_accesspoint_2.png)

## Transfer Family を使って EFS に SFTP クライアントからアクセスする手順

### Transfer Family 用の IAM ポリシーの作成

[Transfer Family のドキュメント](https://docs.aws.amazon.com/ja_jp/transfer/latest/userguide/read-write-access.html)を参考に、読み取りと書き込みアクセスポリシーを作成します。
`region-id` には、EFS ファイルシステムを作成したリージョン (例: `ap-northeast-1`) を入力します。
`account-id` には、EFS ファイルシステムの AWS アカウント ID を入力します。
`file-system-id` には、EFS ファイルシステムのファイルシステム ID (例: `fs-xxxxxx`) を入力します。

```json
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "RootFileSystemAccess",
      "Effect": "Allow",
      "Action": [
        "elasticfilesystem:ClientRootAccess",
        "elasticfilesystem:ClientMount",
        "elasticfilesystem:ClientWrite"
      ],
      "Resource": "arn:aws:elasticfilesystem:region-id:account-id:file-system/file-system-id"
    }
  ]
}
```

### Transfer Family 用の IAM ロールの作成

先ほど作成した IAM ポリシーを適用した IAM ロールを作成します。

また、`transfer.amazonaws.com` を信頼関係として設定しておきます。

```json
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "Service": "transfer.amazonaws.com"
      },
      "Action": "sts:AssumeRole"
    }
  ]
}
```

### Transfer Family サーバーの作成

Transfer Family コンソールからサーバーを作成します。

今回は Transfer Family 内でユーザーを作成及び管理するので、[ID プロバイダー] は [サービスマネージド] を選択します。
![Transfer Family 作成 1](/images/posts/tech-posts/1649854873/create_transfer_family_1.png)

[プロトコル] は [SFTP] を選択します。
![Transfer Family 作成 2](/images/posts/tech-posts/1649854873/create_transfer_family_2.png)

[エンドポイント] は [パブリックアクセス可能] を選択します。
![Transfer Family 作成 3](/images/posts/tech-posts/1649854873/create_transfer_family_3.png)

[ドメイン] は今回のアクセス先である [Amazon EFS] を選択します。
![Transfer Family 作成 4](/images/posts/tech-posts/1649854873/create_transfer_family_4.png)

他の設定はデフォルトのままでいきます。
![Transfer Family 作成 5](/images/posts/tech-posts/1649854873/create_transfer_family_5.png)

作成するとサーバー一覧で確認できます。
作成には時間がかかるので、状態がオンラインになるまで待ちましょう。
![サーバー一覧](/images/posts/tech-posts/1649854873/list_transfer_falily.png)

### ユーザーの追加

[サーバー一覧] からサーバーを選択し、サーバーの詳細から [ユーザー追加] を行います。
なお、サーバーの詳細にあるエンドポイントは SFTP クライアントで使うため、メモしておきましょう。

![サーバー詳細](/images/posts/tech-posts/1649854873/transfer_falily.png)

[ロール] には先ほど作成した IAM ロールを選択します。
[ホームディレクトリ] には Lambda 用に作成したアクセスポイントのルートディレクトリパスと同じにします。

![ユーザー追加 1](/images/posts/tech-posts/1649854873/add_user_1.png)

[SSH パブリックキー] に任意の SSH パブリックキーを入力します。
SSH キーの作成方法がわからない場合は、[こちらの AWS ドキュメント](https://docs.aws.amazon.com/ja_jp/transfer/latest/userguide/key-management.html)を参考にして下さい。

![ユーザー追加 2](/images/posts/tech-posts/1649854873/add_user_2.png)

### SFTP クライアントを使って EFS へアクセス

SFTP クライアントから実際に EFS にアクセスしてみましょう。

#### Cyberduck の場合

[SFTP (SSH による暗号化 FTP)] を選択します。
[サーバー] には、Transfer Family サーバーのエンドポイント (例: `s-xxxxxxxxxxxxxx`) を入力します。
[ユーザ名] には、作成したユーザー名 (例: `sample`) を入力します。
[SSH Private Key] には、作成した SSH キーのプライベートキーを選択します。

![cyberduck](/images/posts/tech-posts/1649854873/cyberduck.png)

#### FileZilla の場合

[プロトコル] には、[SFTP - SSH File Transfer Protocol] を選択します。
[ホスト] には、Transfer Family サーバーのエンドポイント (例: `s-xxxxxxxxxxxxxx`) を入力します。
[ユーザー] には、作成したユーザー名 (例: `sample`) を入力します。
[鍵ファイル] には、作成した SSH キーのプライベートキーを選択します。

![filezilla](/images/posts/tech-posts/1649854873/filezilla.png)

## EC2 を使わずにホームディレクトリの作成からパーミッションや所有者、所有者グループを変更する方法

ホームディレクトリが作成されていない場合、SFTP クライアントを使って EFS へアクセスした際にエラーが発生します。
本記事ではアクセスポイント作成時に [ルートディレクトリ作成のアクセス許可] の設定により自動で作成されるの問題ありませんが、アクセスポイントを使用しない、名前通りユーザー毎にホームディレクトリを用意したいなどの場合もあるかと思います。
その場合は、EC2 を使わず SFTP で作成することもできます。

まず、ルートユーザーを作成します。
作成方法はユーザー追加時に [ユーザー ID] と [グループ ID] の両方に `0` ( ゼロ ) を入力します。

FileZilla や Cyberduck はディレクトリは作成できても、ディレクトリの所有者や所有者グループの変更はできません。
一方で、以下の Transfer Family のドキュメントに記載されている通り、EFS では `mkdir` や `chown`、`chgrp`、`chmod` などのコマンドが使えます。
[Amazon EFS ファイルシステムを作成します。 \- AWS Transfer Family](https://docs.aws.amazon.com/ja_jp/transfer/latest/userguide/requirements-efs.html#efs-commands)

> 以下のコマンドが Amazon EFS でサポートされています。AWS Transfer Family。
> ・cd
> ・ls/dir
> ・pwd
> ・put
> ・get
> ・rename
> ・chown: root (つまり uid=0 のユーザー) だけがファイルとディレクトリの所有権と権限を変更できます。
> ・chmod: ファイルとディレクトリの所有権と権限を変更できるのは root だけです。
> ・chgrp: ルートまたはファイルの所有者がファイルのグループをセカンダリグループの 1 つに変更することしかできないファイルの所有者に対してサポートされています。
> ・ln -s/symlink
> ・mkdir
> ・rm/delete
> ・rmdir
> ・chmtime

そのため、`sftp` コマンドで Transfer Family サーバー経由で EFS にアクセスして、ディレクトリの作成からパーミッションや所有者、所有者グループの変更を行います。
実際に `sftp` コマンドで Transfer Family サーバー経由で EFS にアクセスして `sample` ディレクトリを作成してみます。
[ssh_private_key] には、作成した SSH キーのプライベートキーのパス (例: `~/.ssh/transfer_key`) を入力します。
[user_name] には、作成したルートユーザーのユーザー名 (例: `sample`) を入力します。
[endpoint] には、Transfer Family サーバーのエンドポイント (例: `s-xxxxxxxxxxxxxx`) を入力します。

```bash
sftp -i ssh_private_key user_name@endpoint
sftp> ls -la
drwxr-xr-x   2       1001     1001     6144 Apr 11 15:23 lambda
sftp> mkdir sample
sftp> chmod 755 sample
sftp> chown 1001 sample
sftp> chgrp 1001 sample
sftp> ls -la
drwxr-xr-x   2       1001     1001     6144 Apr 11 15:23 lambda
drwxr-xr-x   2       1001     1001     6144 Apr 12 00:21 sample
```


Transfer Family を使って EFS に SFTP クライアントからアクセスする


AWS マネジメントコンソールで Amazon EFS のアクセスポイントを作成して AWS Lambda から使用する手順をまとめました。

## EFS を Lambda で使用する際の前提

以下の記事で作成した Amazon EFS を前提にした手順となります。
「ファイルシステムポリシー」は、特に何も設定してません。

<https://blog.grasswake.me/tech-posts/1649084868>

## EFS を Lambda で使用する手順

### Lambda 関数用のセキュリティーグループ作成

- インバウンドルール
  - EFS を使用する上で特に設定する必要はありません。未設定でも大丈夫です。
- アウトバンドルール
  - デフォルトのアウトバウンドルールを使用し、すべてのトラフィックを許可しておきます。

### マウントターゲット用のセキュリティーグループの更新

- インバウンドルール
  |タイプ | プロトコル | ポート範囲 | ソース |
  | --- | --- | ---- | -------------------------------- |
  | NFS | TCP | 2049 | Lambda 関数用に作成したセキュリティーグループ |

### アクセスポイント作成

アクセスポイントを作成します。

[ユーザー ID] や [グループ ID] は Lambda のドキュメント[^1] を参考に `1001` にしています。

[^1]: [Lambda 関数のファイルシステムアクセスの設定 \- AWS Lambda](https://docs.aws.amazon.com/ja_jp/lambda/latest/dg/configuration-filesystem.html#configuration-filesystem-setup)

![アクセスポイント作成 1](/images/posts/tech-posts/1649770909/create_accesspoint_1.png)

![アクセスポイント作成 2](/images/posts/tech-posts/1649770909/create_accesspoint_2.png)

### Lambda 関数の作成

EFS に アクセスするため、Lambda 関数は VPC に設置します。
設置する VPC は EFS を設置した VPC を選択します。
サブネットは EFS のマウントターゲットと同じサブネットを選択します。
セキュリティーグループは先ほど Lambda 関数用に作成したセキュリティーグループを選択します。
因みに、今回サンプルとして使用している EFS は「ファイルシステムポリシー」は未設定のため、[こちらのドキュメント](https://docs.aws.amazon.com/ja_jp/lambda/latest/dg/configuration-filesystem.html#configuration-filesystem-permissions)に書かれている `elasticfilesystem:ClientMount` などのアクセス許可は必要ありません。

![Lambda 関数の作成](/images/posts/tech-posts/1649770909/create_lambda.png)

### ファイルシステムの追加

EFS をファイルシステムとして追加します。

![ファイルシステム](/images/posts/tech-posts/1649770909/lambda_filesystem.png)

先ほど作成したアクセスポイントを選択します。
ローカルマウントパスは `/mnt/efs/` とします。

![ファイルシステムの追加](/images/posts/tech-posts/1649770909/add_filesystem.png)

### 動作確認

ローカルマウントパスとして指定した `/mnt/efs/` にファイルを作成してみます。
特にエラーが発生せず、実行結果のログに作成したファイル名が表示されていれば成功です。

```python
import json
import os

def lambda_handler(event, context):

    f = open('/mnt/efs/sample.txt', 'w')
    f.write('test')
    f.close()
    filenames = [f.name for f in os.scandir("/mnt/efs")]
    print(filenames)
```

![実行結果](/images/posts/tech-posts/1649770909/lambda_log.png)


EFS を Lambda で使用する


## Amplify Console

### Amplify Hosting (旧 Amplify Console) の「書き換えて、リダイレクト」画面で国コードを複数指定するには

AWS Amplify のドキュメントに書いてないので、調べてみました。
`|`(パイプ演算子)を使用して複数の国を条件にすることが可能です。
これで特定の国からのアクセスを許可・拒否などといったアクセス制御したい際に、いちいち対象の国毎にレコードを作成する必要がなくなります。
![リダイレクト設定](/images/posts/tips-posts/1646833603/redirect_country_code.png)


AWS Amplify Tips 集


## SQS による Lambda 関数のトリガー時に受信したメッセージが削除されず無限ループしてしまう

Lambda 関数の実行ロールに `sqs:DeleteMessage` へのアクセス許可あるか確認する。

[Amazon SQS での Lambda の使用 \- AWS Lambda](https://docs.aws.amazon.com/ja_jp/lambda/latest/dg/with-sqs.html)

> 関数が正常にバッチを処理すると、Lambda はキューからそのメッセージを削除します。

上記の記述のように、SQS による Lambda 関数のトリガー時は Lambda 関数の処理が正常に完了した際に、Lambda によりキューからメッセージが自動削除されます。
しかし、以下の記述のように、キューからメッセージにを削除するには、Lambda 関数の実行ロールに `sqs:DeleteMessage` へのアクセス許可が必要です。

[AWS Lambda 関数 \(コンソール\) をトリガーするキューの設定 \- Amazon Simple Queue Service](https://docs.aws.amazon.com/ja_jp/AWSSimpleQueueService/latest/SQSDeveloperGuide/sqs-configure-lambda-function-trigger.html)

> Lambda 実行ロールに以下の許可が含まれている必要があります:
> ・sqs\:DeleteMessage
> ・sqs\:GetQueueAttributes
> ・sqs\:ReceiveMessage


AWS Lambda Tips 集


## AWS CLI 　のデバッグには --debug オプションと使う

通常、AWS CLI は、コマンド出力のコマンド結果に関する成功または失敗に関する情報が出るだけで、詳細なログは出ません。
`--debug`[^1][^2] オプションを使用すると、デバッグログ記録が有効化され、詳細なログが出力されます。

[^1]: [コマンドラインオプション \- AWS Command Line Interface](https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-configure-options.html)
[^2]: [AWS CLI に関連するエラーのトラブルシューティング \- AWS Command Line Interface](https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-chap-troubleshooting.html#general-debug)

```bash fn=Linuxの場合
aws <servicename> <commandname> <options> --debug &> debug.txt
```

```bash fn=Windowsの場合
aws <servicename> <commandname> <options> --debug > 2>&1 > debug.txt
```

## AWS CLI コマンドがリトライされない

リトライが実行されるのは一時的なエラーコードに対してのみです。
具体的には、HTTP ステータスコードが 500、502、503、504 の時です。[^3]
リトライしているかは `--debug` オプションを使用すると確認できます。

[^3]: [AWS CLI の再試行 \- AWS Command Line Interface](https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-configure-retries.html#cli-usage-retries-modes-standard.title)

## AWS CLI でコマンド実行時に、Connect timeout といったネットワークエラーが発生した

前提として、AWS CLI は TCP ポート 443 の HTTPS プロトコルを使用することによって、リクエストを AWS に送信しています。[^4]
ネットワーク ACL といった通信経路を確認するのがおすすめです。
因みに試しにネットワーク ACL で 443 のアウトバンドを遮断した際は、CloudTrail ログに AWS CLI による API 呼び出しのログは確認できませんでした。
おそらく、ネットワークエラー関係など一部のエラーは API 自体の呼び出しができていないので CloudTrail に残らないのかもしれません。

[^4]: [AWS CLI の使用 \- AWS Command Line Interface](https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-chap-using.html)


技術記事新着

何番煎じ？テキスト共有 Web サービスをリリースしました