Slide 1

Slide 1 text

仕事で使っているものを紹介します HACK.BAR 東京 @NEWPEACE 2023/05/13 (Sat) @mwudo/岸田 慎之介

Slide 2

Slide 2 text

2 自己紹介 ●  SO Technologies 株式会社 ●  新卒3年目 ●  バックエンドエンジニア(Go) ●  毎週ボルダリングに通ってる 岸田 慎之介 / @mwudo

Slide 3

Slide 3 text

会社での開発業務で使っているアプリなどを紹介できれば、 (時間に余裕があれば、デスク周りも) 3 話すこと

Slide 4

Slide 4 text

4 ● ウェブブラウジングのためのGoogle製ブラウザ ● 高速で、安全性にも配慮されたブラウジングが可能 ● プラグインやテーマの豊富なライブラリがあるため カスタマイズ性も高い Google Chrome https://www.google.com/chrome/

Slide 5

Slide 5 text

5 入れているプラグインは Google Chrome https://www.google.com/chrome/ ● AutoPagerize → ページの下に2ページ以降が貼り付けられる ● Black Menu for Google™ → Googleのサービスにアクセスできる ● Dark Reader → サイトをダークモードにしてくれる ● Momentum → ChromeのTopをいい感じの風景にできる ● Save to Pocket → サイトを保存できる ● AWS Peacock Management Console → AWSのコンソールの header と footer の色を変えられる

Slide 6

Slide 6 text

6 ● macOS用のアプリケーション切り替えツール ● デフォルトの切り替え機能よりも高速で、カスタマイズも可能 ● キーボードショートカットに対応しており、 マウスを使わずにアプリケーションを切り替え可能 AltTab https://github.com/lwouis/alt-tab-macos 最近 HyperSwitch から引っ越し

Slide 7

Slide 7 text

7 ● macOS用のオープンソースの自動化ツール ● Luaスクリプトを使用して、 各種アプリケーションやシステム機能を自動化可能 ● キーボードショートカットやマウスジェスチャーなど、 ユーザーに合わせた自動化が可能 Hammerspoon https://github.com/Hammerspoon/hammerspoon 設定はこれだけ

Slide 8

Slide 8 text

8 ● macOS用のディスプレイコントロールツール ● OSD(オンスクリーンディスプレイ)を使用して、 ディスプレイの明るさや音量などを調整可能 ● キーボードショートカットやメニューバーからの操作にも対応している MonitorControl https://github.com/MonitorControl/MonitorControl

Slide 9

Slide 9 text

9 MonitorControl https://github.com/MonitorControl/MonitorControl 光度を変えられる

Slide 10

Slide 10 text

10 ● macOS用のキーボードリマッピングツール ● キーボードの入力を自由に再マップして、 よりやすく使えるようにすることができる ● さまざまなキーボードに対応しており、設定のカスタマイズも容易 Karabiner Element https://karabiner-elements.pqrs.org/

Slide 11

Slide 11 text

11 ● macOS用のキーボードリマッピングツール ● キーボードの入力を自由に再マップして、 よりやすく使えるようにすることができる ● さまざまなキーボードに対応しており、設定のカスタマイズも容易 Karabiner Element https://karabiner-elements.pqrs.org/ ⌘ 英かな変換 caps lock h j k l カーソル移動 左右の

Slide 12

Slide 12 text

12 ● サーバーモニタリングツール ● ブラウザ上でサーバーのリソース使用状況をリアルタイムに監視可能 ● ユーザーに対する可視化が優れており、 直感的にリソース使用状況を確認できる RunCat https://kyome.io/runcat/ RunCat Plugins Manager を 入れるとCPU温度が見れるらしい??

Slide 13

Slide 13 text

13 ● macOS用のターミナルエミュレータ ● 複数のタブやペインを利用して、複数のシェルを同時に操作可能 ● 設定のカスタマイズが容易で、ユーザーに合わせた使い方が可能 Iterm2 https://iterm2.com/ ちなみに theme は Japanesque そろそろ飽きてきたので kitty や Warp に乗り換えようか考え中 zsh のフレームワークは Prezto

Slide 14

Slide 14 text

14 ● ターミナル上で補完を行うためのツール ● 補完機能の質が高く、ユーザーのコーディング作業をサポート ● カスタム設定やプラグインの追加も可能 Fig https://fig.io/

Slide 15

Slide 15 text

15 ● MySQLデータベースのGUIツール ● 直感的なUIにより、テーブルやクエリの操作が簡単に行える ● SSHトンネリングなどの高度な機能も備えている Sequel Ace https://github.com/Sequel-Ace/Sequel-Ace

Slide 16

Slide 16 text

16 ● MySQLデータベースのGUIツール ● 直感的なUIにより、テーブルやクエリの操作が簡単に行える ● SSHトンネリングなどの高度な機能も備えている Sequel Ace https://github.com/Sequel-Ace/Sequel-Ace

Slide 17

Slide 17 text

17 ● マルチプラットフォーム対応のデータベース管理ツール ● 豊富なデータベース種別に対応しており、 SQL編集やデータベースビューアなどの機能が豊富 ● オープンソースであるため、無償で利用可能 DBeaver https://dbeaver.io/ 使い分けは ローカルDBは Goland(後ほど紹介します) テーブルを俯瞰してみたい(特にdev環境) → Sequel Ace 本番のDBを見たい → DBeaver

Slide 18

Slide 18 text

18 ● マルチプラットフォーム対応のデータベース管理ツール ● 豊富なデータベース種別に対応しており、 SQL編集やデータベースビューアなどの機能が豊富 ● オープンソースであるため、無償で利用可能 DBeaver https://dbeaver.io/ 使い分けは ローカルDBは Goland(後ほど紹介します) テーブルを俯瞰してみたい(特にdev環境) → Sequel Ace 本番のDBを見たい → DBeaver

Slide 19

Slide 19 text

19 ● マイクロソフト製のオープンソースのテキストエディター ● 豊富なプラグインや拡張機能により、多彩な開発言語に対応可能 ● デバッグやGitなど、開発に必要な機能を標準でサポート Visual Studio Code https://code.visualstudio.com/ ちなみに theme は Panda Theme

Slide 20

Slide 20 text

20 ● JetBrainsが提供するGo言語の統合開発環境 ● リファクタリングやコード解析、デバッグなどの機能が充実 ● ショートカットキーのカスタマイズや、 多言語に対応したインターフェースなどが魅力 Goland https://www.jetbrains.com/go/

Slide 21

Slide 21 text

21 ● オープンソースのテキストエディター ● ユーザーインターフェースがシンプルで、初心者でも扱いやすい ● プラグインの開発が容易であるため、カスタマイズ性も高い Zed https://zed.dev/ Atom と Tree-sitter を作った人たちで開発しているらしい(まだβ版)

Slide 22

Slide 22 text

22 作業環境を紹介します

Slide 23

Slide 23 text

23 作業環境

Slide 24

Slide 24 text

24 作業環境 コーディング Slack 調べ物

Slide 25

Slide 25 text

25 作業環境 製品: U2720QM/会社支給 (https://www.amazon.co.jp/dp/B085TWLMF9) 解像度: 3360 x 1890 (4Kの一歩手前) 接続機器: webカメラ ロジクール製 1080p (https://www.amazon.co.jp/dp/B07QQR6G5N) コンデンサーマイク FIFINE製 (https://www.amazon.co.jp/dp/B089LLCZ5S)

Slide 26

Slide 26 text

26 作業環境 製品: DELL U2721DE (https://www.amazon.co.jp/dp/B0895XC3B9) 解像度: 1440 x 2560 (縦置き) 接続機器: 有線LAN(CAT7)経由でWiFi ルーターに接続

Slide 27

Slide 27 text

27 作業環境 ワイヤレスイヤホンは Soundcore Liberty Air 2 (https://www.ankerjapan.com/pr oducts/a3910)

Slide 28

Slide 28 text

28 作業環境

Slide 29

Slide 29 text

29 作業環境(別角度)

Slide 30

Slide 30 text

30 作業環境(別角度) 椅子:エルゴヒューマンプロ (https://www.ergohuman.jp/product/ergohuman_pro.php

Slide 31

Slide 31 text

31 作業環境(別角度) 天板はマルトクショップ(https://shop.woodworks-marutoku.com/) ヤスリから塗装まで自作

Slide 32

Slide 32 text

32 作業環境(別角度)

Slide 33

Slide 33 text

33 作業環境(立ち作業できます)

Slide 34

Slide 34 text

34 作業環境(立ち作業できます) FlexiSpot E7(https://flexispot.jp/e7-set.html)

Slide 35

Slide 35 text

35 作業環境(ケーブル周り)

Slide 36

Slide 36 text

36 作業環境(ケーブル周り) サンワサプライのケーブルトレー (https://www.sanwa.co.jp/product/syohin?code=CB-CTERD5)

Slide 37

Slide 37 text

37 作業環境(Wi-Fi ルータ) バッファロー製 (https://www.amazon.co.jp/dp/B08LG6F4T4)

Slide 38

Slide 38 text

38 ● 開発業務で使っているアプリを紹介しました ● 作業環境については発展途上(机の上からコードを無くすことが目標) ● オススメのものがあれば教えてください! まとめ