136
177

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

実際に使っていて便利だと感じたアプリ、Chrome拡張、ターミナル拡張、VSCode拡張まとめ

Last updated at Posted at 2022-08-07

はじめに

はじめまして、@nkato_です!
普段は機械学習寄りのソフトウェアエンジニアとして、PythonでMLパイプラインを記述したりGoでバックエンド処理を記述しています。

便利アプリや各種ツールの拡張機能が好きで、これまでにも様々な機能を取り入れて試してきました。
自社エンジニア向けにそういったツールを共有したいと思ったのですが、どうせなら公開情報としてQiitaに投稿しようと思い立ち、まとめてみることにしました。

量は多いですが、どれもおすすめです!

アプリ

Alfred

  • ショートカットキーで検索窓を開いて、アプリ名で検索してアプリを起動するやつ
  • アプリの起動以外でも、ファイルを開いたり計算したりできる
  • 僕はアプリはAlfred経由でしか開かないので、ドックもランチャーもあまり使ってない
  • App Storeのやつは古いので公式サイトからダウンロードする

The Unarchiver

  • いろんな拡張子を解凍するやつ
  • とりあえず入れとけ系
  • 他にも似たようなアプリはありそう

AltTab

  • Option + Tabボタン(Macの場合)で現在開いているウィンドウ一覧を表示して、Tabボタンでウィンドウを選ぶとそのウィンドウを前面に出してくれる
  • Macデフォルトの機能だとアプリアイコンだけだけど、これはアプリの状態を見ながら選択できる
  • でもなぜかウィンドウがうまく表示されないアプリも多い。なんで

⌘英かな

  • USキーボードで、JISキーボードと同じように左右のCommandボタンで英語日本語を切り替えられる
  • 現在の状態に依存せず、左を押すと必ず英数入力になる(逆も然り)のが嬉しい
  • 便利だけど、次のボタンを早く押しすぎてCommand + Dとか暴発しがち

Clipy

  • コピペの履歴を残せる
  • Command + Shift + V とかでコピー履歴を呼び出せる(ショートカットはカスタマイズ可能)
  • スニペットも登録可能
  • パスワードなどのセンシティブな情報の扱いには注意

Paste Plain Text

  • 文章をコピーしたときに自動で修飾を除いてくれる
  • 文字情報だけコピーしたいのにリッチテキストになって面倒を感じた人はぜひ
  • メニューバーから一時的に無効化もできるので便利

Google Meet

  • 実はアプリ版がある
  • Meetの画面とChromeの画面を分けたい人向け
  • https://meet.google.com/ のページを開くと、検索窓の右側にインストールアイコンが出てきたはず

Fork

  • UIがきれいなGitクライアント
  • Source Tree的なやつ
  • GUIでGitを操作したい人向け
  • Amendとかやりやすい
  • 便利だけど、リモートサーバで使えないので困っている
  • ググラビリティは低い

iTerm2

  • 定番ターミナル
  • Hyperとかも人気なのかな?

VS Code

  • 言わずもがな

Chrome拡張

Atom File Icons Web

  • Web上のGitHubでファイル一覧を見るときに、拡張子に応じてファイルアイコンを変えてくれる

Checker Plus for Gmail

  • ピン留めしておくことで、検索窓の右側にある拡張アイコンからメールの未読件数を確認して、内容も閲覧できる

DeepL翻訳

  • どこでも手軽にDeepLで翻訳できる
  • 個人的にはGoogle翻訳よりこっちのほうが好き
  • 日↔英だとmeta翻訳も精度かなり高め → https://meta-school.web.app/

enable-grammarly-on-deepl

  • 本来DeepLのWebサイトではGrammarly拡張機能が動かないが、それを無理矢理動くようにする

GCP console colorize

  • 拡張機能のオプションで指定した正規表現に合致したProjectのヘッダーカラーを変えてくれる
  • 例えば.*prod.*のように設定することで、◯◯-prod系のProjectを見ていることが視覚的に分かりやすくできる

GitHub Plus

  • なんかGitHubの表示を色々改造するやつ
  • 機能一覧は→ rockwillj/GitHub-Plus
  • 最終更新が古いので、動かない機能があってもおかしくないかも

Grammarly

  • 英文校正ツールGrammarlyをどこでも使えるようにするやつ

Slack Channels Grouping

  • ChromeでSlackを見ている人限定
  • チャンネルの”-”または”_”を認識して、グループ化してくれる
  • Slack公式のグルーピング機能もあるが、僕はそれと併用してこれを使って、認知負荷を減らしてる

素晴らしいスクリーンショットとスクリーンレコーダー

拡張機能の名前から不信感がどうしても拭えなかったので、こちらは削除しました。
Chrome拡張を使わずにスクリーンショットを綺麗に撮影する方法についてまとめたので、こちらをご覧ください。

ターミナル拡張

普段Zshを使用しているので、Zsh前提でまとめます。

Zinit

  • Zshのプラグインマネージャ
  • 起動が速い(らしい)のでこちらのプラグインマネージャを採用した

Powerlevel10k

  • Zshのテーマ
  • 初期設定するときにMeslo Nerd Fontを勧められますが、こちらのフォントもおすすめ
  • 起動速度をあげる機能や、カレントディレクトリの表示方法にも工夫が凝らされている
  • ↓のように複数のスタイルから選択することができる
    • GitHubのブランチ情報やその他環境情報を表示できて便利

z

  • z hogehogeのように命令することで、過去にcdで移動したことのあるhogehogeという名前のディレクトリ(または名前が最も近いディレクトリ)に一発で移動できる
  • 深い階層に移動するときも簡単に移動できて便利
  • 完全一致していないてよいので、ディレクトリ名の最初数文字を打つだけでだいたい移動できる
  • git cloneしてくるか、もしくはbrewを使ってインストールするのであればこちらの方が参考になりました

zsh-completions

  • コマンド入力時に補完を効かせてくれる

zsh-autosuggestions

  • コマンド履歴に基づいてコマンド候補を表示してくれる
  • デフォルトの色だとコマンド候補の色が見づらかったので、.zshrcにZSH_AUTOSUGGEST_HIGHLIGHT_STYLE="fg=244"を追加することで色を変更して使用している

補完で小文字でも大文字にマッチさせる

  • .zshrcにzstyle ':completion:*' matcher-list 'm:{a-z}={A-Z}'と記述する

補完候補を一覧表示したとき、Tabや矢印で選択できるようにする

  • .zshrcにzstyle ':completion:*:default' menu select=1と記述する

履歴を他のシェルとリアルタイム共有する

  • .zshrcにsetopt share_historyと記述する
    • 以下の3つも.zshrcに設定しておくと便利
      • HISTFILE=~/.zsh_history # historyの保存場所
      • HISTSIZE=1000000 # メモリ内の履歴の数
      • SAVEHIST=1000000 # $HISTFILE に保存される履歴の数

zsh-syntax-highlighting

  • コマンドをシンタックスハイライトしてくれる

enhanced

  • cdコマンドをインタラクティブに拡張してくれる

peco

  • peco自体は単なるフィルタリングツールで、brew install pecoでインストールできる
  • pecoを用いたhistoryやcdrの設定方法について、こちらの方が丁寧に解説してくださっていました

exa

  • lsコマンドの代わりに使用することで、出力結果をカラフルにしてくれる
  • 僕はalias ls='exa -hGF --icons'のように設定している
    • -h ... ヘッダー行の追加
    • -G ... グリッド表示
    • -F --icons ... 拡張子に合わせてアイコンを表示

追記
exaは更新が終了したため、forkプロジェクトであるezaに切り替えました。
https://github.com/eza-community/eza

bat

  • シンタックスハイライトしてくれるcat
  • 僕はalias cat='bat -p'のように設定している
    • -p ... デフォルトだとファイル名や行数が表示されるが、それらを消してcatと同じスタイルで出力する

VS Code拡張

autoDocstring - Python Docstring Generator

  • PythonのDocstringを自動で作成してくれる
  • オプションでGoogleスタイルやNumpyスタイルも指定可能

Code Spell Checker

  • コード上をスペルチェックしてくれる

Community Material Theme

  • 配色テーマ
  • マテリアルデザイン系はどれもおすすめ

One Dark Pro

  • こちらもおすすめのテーマ

Error Lens

  • エラー内容をエラーの存在する行に分かりやすく表示してくれる
  • 下線だけだと気づきにくいという人向け

GitLens — Git supercharged

  • Git系の機能を大幅に拡張してくれるほぼ必須機能といってもいいレベルの拡張機能
  • カーソル行の右側に変更者の名前を表示したり、Gitレポジトリのナビゲート機能が強化されたり、ファイルの変更履歴を追ったり

Indenticator

  • 現在のカーソル位置のインデントを強調表示してくれる

Markdown Preview Enhanced

  • Markdownプレビュー機能の拡張

Material Icon Theme

  • ファイルツリーのアイコンをマテリアルデザインなものに変えてくれる

Path Intellisense

  • ファイル名を入力するときにPathを補完してくれる

Project Manager

  • 複数プロジェクトを簡単に切り替えられるようにしてくれる

Rainbow CSV

  • CSVファイルを列ごとに色分けして見やすくしてくれる

Trailing Spaces

  • 行末の余分な半角スペースを自動で削除してくれる

Unsaved Files

  • 変更が保存されていないファイル一覧を確認できる

zenkaku

  • 全角スペースを強調表示してくれる

その他

Caps Lockを消す

  • システム環境設定 → キーボード → 修飾キー から、Caps Lockボタンの動作をControlとかに変えておく
  • USキーボードだと元々のControlボタンより押しやすいので便利
  • 別にCommandとかOptionとかでも

GitHubの通知をSlackに飛ばす

  • GitHubのSettings→Scheduled remindersから設定する
  • 指定した曜日・時刻での通知や、リアルタイム通知を設定可能
  • リアルタイム通知は以下の項目で通知できる

追記: Vim拡張

普段Vimを触る頻度が少ないので最低限の拡張しかしていませんが、需要がありそうなので追記しておきます。

Vundle

  • プラグインマネージャ
  • 他にもたくさんのプラグインマネージャがあるので、好きなものを使おう

onedark.vim

  • 配色がきれいなテーマ
  • Vundleを導入した場合はPlugin 'joshdick/onedark.vim'と.vimrcに書いて、Vimを起動→:PluginInstallでインストールできる
    • Installationの章に書いている通り、syntax oncolorscheme onedarkも必要なので注意

lightline.vim

  • 下部のステータスバーを拡張する
  • Normal, Command, Insert状態も色分けされていて見やすい

その他の細かい設定

僕の場合は、.vimrcに以下の設定を追加しています。

" 文字コードをUFT-8に設定
set fenc=utf-8
" バックアップファイルを作らない
set nobackup
" スワップファイルを作らない
set noswapfile
" 編集中のファイルが変更されたら自動で読み直す
set autoread
" バッファが編集中でもその他のファイルを開けるように
set hidden
" 入力中のコマンドをステータスに表示する
set showcmd
" インデントはスマートインデント
set smartindent
" ビープ音を可視化
set visualbell
" 括弧入力時の対応する括弧を表示
set showmatch
" ステータスラインを常に表示
set laststatus=2
" 行末の1文字先までカーソルを移動できるように
set virtualedit=onemore

おわりに

以上、様々なアプリや拡張機能の紹介でした。
多少不便を感じていてもついつい面倒なまま放置してしまいがちですが、一度設定をするだけで便利になる機能がたくさんありますので、ぜひ導入してみてください。

この記事がどなたかのお役に立てば幸いです。

136
177
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
136
177

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?