生産性向上のためにやった環境整備７選

#はじめに
生産性向上のためにやった環境整備を、**開発環境**、**ヘルスケア**、**タイムマネジメント**のカテゴリ別に **７つ** 紹介いたします :snowman2:


#:wrench: 開発環境


###:one: エディタの選定
エンジニアにとってエディタは右腕も同然ですね。:muscle_tone1:
精査し選択することで、普段のコーディング生産性が高まること間違いなしです。

巷で繰り広げられている[エディタ論争](https://ja.wikipedia.org/wiki/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E6%88%A6%E4%BA%89)では、取り分け**動作性と拡張性**や**開発対象**が重要視されているように思えます。これらは言うまでもなく大事です。
さらに個人的には、**開いて気分があがること**と**定期的な見直し**も生産性向上の意味合いにおいては大事だと考えてます。

**開くと気分が上がること**は、すなわち見た目の好みを指します。
フォントスタイルやフォントカラー、背景色をテーマなどで指定し好みの見た目にすることで、「開きたくなる」「育てたくなる[^1]」エディタになるはずです！:cherry_blossom:

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/a155d6d8-d7a6-cf43-8a23-1c3de20ea70d.png)

また、エディタの**定期的な見直し**を怠っている人はいませんか？

**はい、私がそうでした。**

当初この記事では「[Atom](https://atom.io/)」について語り尽くすつもりでした。
しかし、語るにあたり改めて自分なりに調べてみると、デフォルトでターミナルを叩けたりMDのプレビューが追従するなど「[VSCode](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)」の方が自分の使い方に合っているということが分かりました。
このように、一つのエディタに固執するのではなく、技術やトレンドに耳を傾けて、柔軟に切り替えることもときにはよいという新たな発見がありました :bulb:

![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/52bb17f4-ae82-ffc2-51db-70bf805fb40e.png)


そしてなにより、これらの内容を踏まえて自分で調査をし、本当に必要なものを自ら考えてエディタを選定することこそが大切なことだと思います。
ここまで偉そうなことを書いていますが、私もまだまだ勉強中です :pencil: 
ぜひおすすめのエディタや付随した機能・テーマがあればコメントで教えてくださると、嬉しいです！

:pushpin: Tips

- [Stack Overflow Developer Survey 2019 - Development Environments and Tools](https://insights.stackoverflow.com/survey/2019#development-environments-and-tools)（最新；2020年のsurveyではエディタおよびIDEランキングは発表されず）
- [Atom vs Visual Studio Code 速度比較!! Electron系テキストエディタ2大決戦!!](https://ryuta46.com/379)
- <details><summary>VSCode個人的おすすめテーマ</summary>
ダーク系<br>
１．Solarized Dark
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/9b46bebe-e7e2-7dd6-056e-e50deb02bd9e.png)
２．Atom One Dark
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/4db89715-817b-ad25-beee-8c535ffb628a.png)
３．Dark+ Material
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/f7ed9c8c-93ed-75c8-1ad0-a093f25bfa91.png)
ライト系<br>
４．Solarized Light
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/9385038e-d93d-d432-eedf-4fda235dbc03.png)
５．Ayu Light
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/b82c0f1a-2f2c-e88d-bf8a-13dc6712c3ad.png)


###:two: ブラウザと拡張機能の洗練化
ブラウザは情報取得を司るエンジニアの目のようなもの。 :eyes: 
洗練化することで、インプットできる情報の質と量が高まることでしょう！

私はブラウザは「Chrome」を使用しています。正直なところブラウザにまだそこまでのこだわりがありません。勉強不足といった方が正確でしょうか。
現行でChromeのデベロッパーツールでこと足りていますし、あえてChromiumやVivaldiなどに乗り換える必要性もないのかなと思っています。

しいてのこだわりとしては、**ブックマークバー**と**拡張機能**を**洗練化**することです。

私はブックマークバーを常に表示するよう設定をしており、ブックマークバーを触りに行く頻度に応じてアイコンの位置とサイズを設定・定期的な見直しを実施しています。（画像のYouTubeのブックマークがサイズが大きいのはそういうことです。）
**情報のアクセサビリティは情報処理の速度に直結する**と考えており、特にブラウザはほぼ常時オープンで情報取得を司るツールなのでそういった心配りが必要だと考えています！ :hourglass:

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/c2fb4798-88f3-d3d6-7e56-c3e75bd7c529.png)

－ ブックマークはその人の趣味趣向が顕著に出るなぁ　み〇を

それはさておき。

拡張機能については、**本当に必要なものだけを導入し、本当に必要なものだけを表示する**ようにしています。
理由は、ご存じの方も多いと思いますが、拡張機能の多くは常時バックグラウンド処理を行っているものが多くメモリを占有しやすいためです。（これに対しGoogleは拡張機能の[イベントページ化によるメモリリリースを推奨](https://developer.chrome.com/extensions/background_pages)していますが、対応していないアプリが多いというのが実態ですよね。。）

実際に私が最低限導入している、**おすすめの拡張機能**は以下の7つです。

１．[Adblock Plus - free ad blocker](https://chrome.google.com/webstore/detail/adblock-plus-free-ad-bloc/cfhdojbkjhnklbpkdaibdccddilifddb?hl=ja)
　言わずと知れた広告非表示アプリですね。
２．[Evernote Web Clipper](https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc?hl=ja)
　表示しているページをEvernoteにクリッピングするアプリです。
３．[LastPass: Free Password Manager](https://chrome.google.com/webstore/detail/lastpass-free-password-ma/hdokiejnpimakedhajhdlcegeplioahd?hl=ja)
　パスワードマネージャです。エクスポートできるのが何気にGoodです。
４．[Mouse Dictionary](https://chrome.google.com/webstore/detail/mouse-dictionary/dnclbikcihnpjohihfcmmldgkjnebgnj?hl=ja)
　マスオーバーした英単語の意味を表示するアプリです。
５．[ウェブページ全体をスクリーンショット - FireShot](https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja)
　何気にありますよね、ページ全体のスクショがほしいとき。
６．[Google Chrome用スクリーンレコーダー](https://chrome.google.com/webstore/detail/screen-recorder-for-googl/eclbecdgdoahkliaijlpkigldlkojjdn?hl=ja)
　何気にありますよね、以下略。
７．**[Pomodoro it](https://chrome.google.com/webstore/detail/pomodoro-it/opbnogjaoajnpnbaaghedemddabfbpdk?hl=ja)**
　はい、これ一番大事です。なにを隠そう私が開発しました。
　なにかというと、ポモドーロテクニック[^2] 実践を支援するアプリです。

**Pomodoro it**では、タイマーオン（つまり、仕事の時間）中に事前に指定したページを開けないように設定することができます。:tomato: 要は、25分間の間はYouTubeやTwitterといったページを開けないようにすることで、嫌でも仕事に集中できるというわけです。~~なんて画期的な！~~

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/1225bfa4-76c0-38ed-5836-e5401c5ecd30.png)

あくまで自己流にはありますが、ぜひ参考にしていただけると嬉しいです！

:pushpin: Tips

- [StatCounter](https://gs.statcounter.com/browser-market-share/)（全世界で使用されているブラウザの比率を参照）
- [【2020最新版】Chrome拡張機能おすすめ43選を用途別に紹介！【大幅な効率化と生産性を向上を！】](https://www.webhack.jp/web-service/%E5%8A%B9%E7%8E%87%E5%8C%96%E9%96%93%E9%81%95%E3%81%84%E3%81%AA%E3%81%97chrome%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD31%E9%81%B8/)
- [2020年向け 開発者向けブラウザ拡張機能９選](https://qiita.com/baby-degu/items/6bbe49b2429b4cfade34)


#:bathtub: ヘルスケア


###:three: ブルーライトカット眼鏡の購入
ブルーライトが眼に及ぼす影響はさまざまなところで取り沙汰されていますよね。眼の疲れや睡眠への悪影響、精神への悪影響などなど。。モニタとにらめっこをする時間が長いエンジニアにとっては、無視しようにもしきれないテーマの１つです。:eye: 

ブルーライトをカットする一番手っ取り早い方法は、「**夜間モード**」の設定ですよね！
私は夜間に限らず常時オン（午前4時15分から30分までオフ）にしています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/998a4cb6-a549-1075-7039-0f4d035718a7.png)

とはいえ、設定でカットオフできるブルーライトの量には限界があります。（色温度MAXの真っ赤な画面で作業するわけにもいきませんし。。）
そこで購入しました！**ブルーライトカット眼鏡**！

![iOS の画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/706c7d47-725b-95a2-13dc-0ce66bd64e4f.jpeg)

ブルーライトカット眼鏡をかけるようになってから、一日中パソコン作業をしていても**眼が充血しなくなりました**。（これほんとです！）購入前はその効果に正直疑いの気持ちもありましたが、眼への効果は想像以上のようです。 :eyeglasses:
また、**眼鏡をかけることで仕事モードになる**というのも気づきの１つでした。テレワークでオンオフの切り替えが難しい分、眼鏡で仕事モードに切り替えるというのも手段の１つなのかもしれません！

（夜間モードほどの効果があるとは思えませんが、画面テーマをダークモードにすると眼への負担が軽減されるようです。これは好みの問題もあると思うので簡単にTipsにまとめておきます！）

:pushpin: Tips

- [今更聞けない！「ブルーライトカットメガネ」とは](https://www.aigan.co.jp/aigan_style/glasses/77)
- [Chromeを「ダークモード」に切り替えて省電力や眼の負担軽減（Windows／Mac編）
](https://www.atmarkit.co.jp/ait/articles/1912/19/news028.html)

>「chrome://flags」というURLでページを開くと、実験的機能の一覧が表示されます。そこで「dark mode」と検索すると表示される［Force Dark Mode for Web Contents］という項目を［Enabled］にします。

（とことんダークモードにしたいという方はこちらもご参照くださいませ！）

###:four: スタンディングデスクの導入
スタンディングデスク導入で得られるメリットは、本カレンダーでも[紹介している方](https://qiita.com/Taku0055/items/6dc47558849cc5606a31#%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E7%90%86%E7%94%B1-%E5%81%A5%E5%BA%B7%E3%81%AB%E8%89%AF%E3%81%84)がいらっしゃいますね。（電動式昇降デスク羨ましい。。）
集中力が高まることで生産性が向上することはもちろん、腰痛予防や睡魔対策にも役立つそうです。:desktop: 

私は手軽にどこでもスタンディングデスク環境を構築したい！~~電動式昇降デスクを導入するお金も場所もない。。~~ということで、「**[MOFT Z](https://www.makuake.com/project/moft_z/)**」というものを購入いたしました。

![iOS の画像 (2).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/cb7f37da-56e0-3c8c-234b-fba945f30c5b.jpeg)
![iOS の画像 (3).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/2602ddee-6a46-6d45-9864-4a91470b3197.jpeg)

「**世界最薄クラスのノートPCスタンド**」MOFTをご存じの方は多いかと思います。
MOFT Zはその後継にあたるもので、25°、45°、60°のスタンドのほか、スタンディングデスクモードを搭載しています。（上の画像はスタンディングデスクモード時の様子です。）

税込みでも7,000円前後というお値段で手軽にスタンディングデスクを導入できるほか、折りたたむと１枚の板になるので持ち運びにも優れています。
立ち姿勢で足が疲れて座った際には一般的なスダンド用途としても使えます。

![iOS の画像.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/fc94e064-6b46-c8c7-2920-4098d1b45390.jpeg)
![iOS の画像 (1).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/ef86fe67-f0a2-9ebf-f899-c5f91292bfa2.jpeg)

スタンディングデスクを導入してみたいが敷居が高い！お試しでやってみたい！という方にはぴったりだと思います。すごくおすすめです！ :dart:

:pushpin: Tips

- [リモートワーク時代の革命！極薄・４段階をワンタッチ切替、更に進化したMOFT Z](https://www.makuake.com/project/moft_z/)
- [姿勢が楽！PCと一体化！世界最薄クラスのノートPCスタンド「MOFT（モフト）」](https://www.makuake.com/project/moft/)


###:five: ランニング装備の準備
スタンディングデスクでは、運動不足という根本的な問題の解決にはなりません。
そこで、運動をしようと思った際に手頃なのがランニングだと思います。:runner_tone1: 
また、**朝にランニングをはじめとしたトレーニングを実施することで、脳が活性化する**というといった話もありますね。

これからランニングを始めたいという方に、陸上中長距離を経験している私からアドバイスできること、それは**自分の足に合ったシューズで走る**ということです。

![iOS の画像 (1).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/c3c97a74-533a-7393-c99f-7bea5f90886e.jpeg)

なんとも当たり前のことですね、
でも、自分の足に合わないシューズで走ることによって生じる代償はとても大きいです。陥入爪や外反母趾、ハンマートゥなどなど。
健康になるために始めたランニングで、健康を害するということは本末転倒この上ありません。

ぜひネットで「おすすめのシューズ」を購入するのではなく、実店舗で試し履きをして購入をしてみてください！:mans_shoe: 

さらに言えば、ASICS店舗でのランニングシューズ購入をおすすめします。

理由は、ASICSは日本のメーカーであり、日本人の甲高で幅広という特徴に合ったシューズづくりをしているからです。また、店舗によっては3次元足型計測器での測定結果をもとに、その人それぞれに合ったシューズをおすすめしてくれます。

> 3次元足形計測機であなたの足をスキャンし、足の特徴を測定します。
速く走るだけでなく、安全に走るためにも、ご自身の正しい足のサイズを知りましょう。
計測可能ストア（無料）：銀座/有明/原宿/丸の内/神戸/大阪/心斎橋/小田急ハルク（簡易計測機）

Tipsにもまとめていますので、ぜひ調べてみてください！

:pushpin: Tips

- [朝ランニングで脳を鍛える　効果的な方法と継続のコツをご紹介](https://lightworks-blog.com/early-morning-running-effect)
- [学習と仕事の効率を高めたければ朝一でランニングしろ！](https://jmatsuzaki.com/archives/17440)
- [【ASICS公式】アシックスストアのサービス　アシックス直営店 店舗一覧 | アシックス](https://www.asics.com/jp/ja-jp/mk/running/stores)


#:timer: タイムマネジメント


###:six: 時短家電の活用
ロボット掃除機をはじめとした時短家電が普及する反面で、時短家電を贅沢品と捉える人は一定数いるようです。
が、ある意味で言えば、**時短家電の購入は時間への投資**と捉えることもできると思います！

私はこの春、社会人生活をはじめてすぐに食洗器を購入しました。

![1607341675873.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/06a7f174-3ce7-9b68-6b35-622af46d8805.jpeg)

分岐水栓と併せて定価で4万円強するところを、すべて中古で2万円ほどで買い揃えました。（もちろんセルフ取り付けです。:thumbsup_tone1: ）

私が大事にしている考えの一つに、**コンフォート原則**[^3] があります。
業務や作業を行っていない貴重な余暇時間の中の、毎日30分の食器洗いを短縮できるというのはコンフォート原則にもとづく最高の投資とも言えると思います！:star2: 

この章だけやけに薄い内容となってしまいましたが、なにを紹介したかったかというと、コンフォート原則にもとづく投資の考え方と食洗器って中古だと意外と安く手に入るよ！ということでした。

:pushpin: Tips

- [本当に賢いお金の使い方は｢毎日長時間使うもの｣にお金をかけること](https://www.lifehacker.jp/2014/09/140928comfortprinciple.html)
- [費用対効果がメッチャ高い自己投資は食洗機である理由【実質無料】](https://bokuraku.com/dishwasher/)


###:seven: コーヒーブレイクの推奨
ここまで生産性を向上させるために短縮化、効率化、簡便化といったことを主軸に話してきましたが、最後はその逆で、**日々の生活の中に有益な冗長性を持たせる**というお話です。

**みなさん、コーヒーブレイクをしましょう。**ということです。:coffee: 

コーヒーは、よいタイミングでほどほどの量を飲めば記憶力や集中力を高めるということが言われていますね！そんなことはもはや一般知識なので、ここではもう少し進んだ話をします。

それは、**コーヒーを淹れるという行為を楽しむ**ということです。

![Screenshot_20201207-205003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/c26f0d49-fe94-7ecf-d6d5-71e1ba43aa25.png)

コーヒーを淹れて飲むという行為が気づかぬうちに日々のルーティンワークになっている人も多いはずです。
コーヒーを飲むという行為に対して、コーヒーを淹れるという行為はその過程であり冗長な作業のことにも思えます。しかし、この冗長でゆっくりとした動作が求められる作業の中にブレイクの本質が含まれていると思うのです！

つまり、生産性を向上させるために短縮化、効率化、簡便化させるといった過程の中で、**あえて冗長的、非生産的な行為に目を向けてそれを楽しむ**ということもまた、**よりよい生産性を生み出す要因の１つになりえる**かもしれないのです。

この考え方は、私がフィンランドに留学をしているときに学びました。:flag_fi:

フィンランドでは、仕事中に「カハヴィタウコ（kahvitauko）」と呼ばれるコーヒータイムを確保する権利が法律で決められています。
どんなに激務でも、どんなに締切に追われていても、フィンランド人のように必ずコーヒーブレイクを取り入れ、コーヒーを淹れるという冗長でゆっくりとした作業の時間を楽しみ、さらなる価値を生み出していきましょう！

:pushpin: Tips

- [集中力を最大限に高めるための｢戦略的コーヒー摂取法｣](https://www.lifehacker.jp/2014/01/140122caffeineaddiction.html)
- [フィンランドのコーヒータイム「カハヴィタウコ」](https://norr.jp/kahvitauko/)


#おわりに
今回は、日々の生活や開発における生産性向上のためにやった環境整備を７つ紹介させていただきました。
少し偉そうに語ってしまった部分、読むづらい文章も多かったと思います。少しでもみなさんの参考や、見直すきっかけになれば幸いです。

**働き方を含む生活様式の在り方や考え方が大きく変わりつつあるいま、みなさんの生産活動がよりよいものになりますように。**

メリークリスマス！ そして、よいお年を。:sunrise_over_mountains:


<details><summary>執筆者自己紹介</summary>
今年からエンジニアとしてのキャリアをスタートしました、**しゅん**と申します。<br>
普段はインフラを除くサーバサイドからクライアントサイドまで比較的フルスタックな開発業務をしつつ、プライベートではもっぱらサーバレスにフロントエンドだけでどこまでできるかを模索し続けています。~~本当はインフラに課金するお金がないだけ♡~~<br>
好きな言語はjsで、現在はJava Gold取得のために勉強中です :pen_ballpoint:<br>
![Prog_Pub_MxShun_smallersmaller.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488859/38b02b73-d19c-5dd5-2345-12eb4ac9ee41.jpeg)　Twitter [@MxShun](https://twitter.com/MxShun) / GitHub [MxShun](https://github.com/MxShun) 
</details>

[^1]: エディタを「育てる」とは、日々のコーディングの相棒として愛情をこめて使い尽くす、カスタマイズするという考え方のことです。
[^2]: ポモドーロテクニックとは、仕事や勉強などのタスクを25分間続けた後に5分の休憩を取り、そのサイクルを最大4回続けるという時間管理術のことです。
[^3]: コンフォート原則とは、1日のうち何にどれくらいの時間をかけているかに注目し、それからその割合に応じてお金を分配するという考え方です。要は、日々の生活の中でより長い時間使用もしくは費やしているものにより多くの投資をするというものです。