いつもの作業が5秒速くなるツールをひたすら列挙するページ

筆者が愛用してやまない作業高速化ツールたちに感謝しながら、ひたすら列挙するページです🙏

Mac専用

Alfread

• 多機能ランチャ
• ファイル検索
• クリップボード履歴の保存がめちゃくちゃ便利（有償版）
  • Clipyとかも試して、有償版Alfredが一番しっくりきた

クリップボード履歴を保存

履歴が残る

• 筆者は Cmd + Shift + V で発動するよう設定
• 画像コピーの履歴も保存
• 履歴の検索

クリップボードでコピーしながらマージできる

• マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる
• コーディングが捗る

スニペット機能（https://zenn.dev/naotolog さんご紹介🙏）

• 定型文を登録して、呼び出すことができる
  
• 穴埋め入力が必要ない場合は Dash よりこちらが良さそう

Station

• 通知の一元化
• Slack/Twitter/Facebook/Gmail/Google Calendar/Todoist/JIRA etc... あらゆるツールの通知をひとつに

iTerm

• 多機能ターミナル
• 複数タブつくれる

ちょっと透けさせることができておしゃれ（重要）

BetterTouchTool

• トラックパッドの操作をカスタマイズ
  • 3本指タップで「新しいタブで開く」など

Karabiner

• キーボード配置をカスタマイズ
• 外部キーボード接続時は内部キーボードを無効化、とかできる
• HHKBユーザーは必携
  • Karabinerで内部キーボードを無効化して、HHKBをMacの上に乗せる

Dash

• https://kapeli.com/dash
• スニペットツール。定型文を爆速入力できる。

よく使うコマンドを覚えやすく名付け、すぐ使えるようにする

• 上図は、gitでマージ済みのブランチだけ消すコマンドを登録
• gdmb;; で登録してる
• git delete merged branch を短くして gdmb
• ;; は、起爆用。すべてのコマンドの末尾につけるようにしてる

定型文を虫食いにして、入力することもできる

PicGif

• gif画像を作れる
• フレーム調整可能
• QuickTimeで画面収録 → PicGifでgif画像化 のコンボ。
• LICEcapのほうが良さそう → Windows&Mac共通に記載

Kap(https://zenn.dev/jj さん ご紹介🙏)

• https://getkap.co/
• スタンドアロンのキャプチャApp
• Macの画面を収録して、GIF or MP4 or WebM or APNG で吐き出せる

Windows専用

Everything

• https://forest.watch.impress.co.jp/library/software/everything/
• Windows最速のファイル検索ツール
• インデックス貼れるので爆速
• WindowsPCを買ったら真っ先に入れる

ScreenToGif

• gif画像を作れる
• バグの再現手順を言語化が難しい場合、gifで伝える

Phraseexpress

• https://www.phraseexpress.com/
• Macで使っているDashのWindows版
• 多機能な定型文入力ツール
• 定型文を爆速で入力
• クリップボード履歴を保存

Windows/Mac共通

lightshot

• https://app.prntscr.com/en/index.html
• キャプチャツール
• 赤い枠で囲んだり、文字を入力したり
• バグのシェアで活用
• 軽い

LICEcap (https://zenn.dev/mktakuya さん ご紹介🙏)

• https://www.cockos.com/licecap/
• 画面収録して、GIF画像を直接作れる
• めちゃくちゃ軽い
• PicGifより便利でした🙏

XMind

• http://jp.xmind.net/
• マインドマップ作成ツール
• 思考を階層化して整理できる
• 有償版の「ブレインストーミング機能」が優秀
  • 会議議事録でフォーマットを考えずにひたすら入力し、あとから階層化

Dynalist

• アウトライナー
• 文章を組み立てたり、タスク管理したり
• インラインで画像を貼れる
• Workflowyよりこちらの方が多機能な気がする

Notion

• 巷でポストEvernoteと言われているサービス
• 使い方を知るにあたって、下記デザイナーさんの動画シリーズがとてもためになります
• ちなみに、NoCodeでつくられてる

Evernote

• 少しずつNotionに移行してるので、もはや暗記ツールとして使っている

OneNote

• どこでも手書きできる
• Notionに一元化しつつあるけど「どこでも手書きできる」という優位性は未だに強い
• iPadで使ってる

Todoist

• タスク管理ツール
• 階層化が好きなので、階層化に特化したTodoistを利用している
• ボイスメモや写真メモをタスクに付与できるのが便利（有償）

f.lux

• PC画面のブルーライトをカットする
• ブルーライトカットの眼鏡が不要になる
• 疲労は作業効率に直結するので侮れない

breakfast

• https://wowtools.jp/breakfast/
• モダンなプレゼン資料を爆速で作成する

ImageOptim

• https://imageoptim.com/
• imageのサイズを減らせる
• サイトの高速化に

Chrome拡張ツール

ネットサーフィン用

Vimium

• 「マウスを使わずにネットサーフィンしたい」というニッチなニーズを叶えてくれる
• HHKB愛用者やVimmerにオススメ

WebLabel

• https://chrome.google.com/webstore/detail/weblabel/paaiopflofakieapanjjggpcpgbidcaj
• webページに付箋を貼れるツール
• 意外と便利

Twitcher

• https://chrome.google.com/webstore/detail/twitcher-twitter-account/gmngpagflejjoblmmamaonmnkghjmebh
• TwitterのSwitcherでTwitcher
• Twitterアカウントを瞬時に切り替える
• 仕事中にTwitterしてはいけない

Google 翻訳

• https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb/related?hl=ja
• ドラッグした部分を翻訳すぐ
• deeplでいいかも

Fire Shot

• https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja
• webページの全画面キャプチャ こっちのほうがいいかも

Dark Theme for Google

• https://chrome.google.com/webstore/detail/dark-theme-for-google/apiabgjfojnkcepfmbdechlhfocpeenc
• Googleの検索結果を黒くする。眼精疲労の軽減。

QRExtension

• https://chrome.google.com/webstore/detail/the-qr-code-extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb
• 今開いてるWebページのパスをQRコード化

Bookolio

• https://dev.classmethod.jp/server-side/vscode-nodejs-1/
• ブックマーク管理

Octotree

• https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
• Githubの表示をTree状に

ファイルツリーが左側に追加される

daily.dev

• https://chrome.google.com/webstore/detail/dailydev-news-for-busy-de/jlmpjdjjbgclbocgajdjefcidcncaied
• 「新しいタブ」を開いたら、海外の技術情報記事が出てくるようにする拡張機能
• つねに最新の技術情報をキャッチアップできる
• 有料会員になると、RSSカスタマイズできる

メモリ節約用

Onetab

• https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall
• タブを1つにまとめる
• メモリの節約

Workona(https://zenn.dev/shigemaruu さん ご紹介🙏)

• https://workona.com/
• タブのセットを登録しておいて、素早く切り替えられる
• dev用のタブセットとか、記事執筆用のタブセットとか

AdBlock

• https://chrome.google.com/webstore/detail/adblock/gighmmpiobklfepjocnamgkkbiglidom
• 不要な広告は可能な限りブロック

開発用

JSON Formatter

• https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=ja
• JSONを整形して表示する

Redirect Path

• https://chrome.google.com/webstore/detail/redirect-path/aomidfkchockcldhbkggjokdkkebmdll
• リダイレクトの経路がわかる

Vuejs DevTool

• https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• Vueの開発に

React Developer Tools

• https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
• Reactの開発に
• Facebook official

Moesif Orign & CORS Changer

• https://chrome.google.com/webstore/detail/moesif-orign-cors-changer/digfbfaphojjndkpccljibejjbppifbc
• ローカル環境でAPIテストするときのCORS問題を解決
• ※OFFにするのを忘れてはいけない

JSoff

• https://chrome.google.com/webstore/detail/jsoff/kjhbibcocglfnpllfodaiabanmmegomm/related?hl=ja
• JSのON/OFFを切り替え

VSCode拡張機能

Paste Image

• VSCodeへの画像貼り付けを簡易化

Markdown All in One

• markdownを書くとき必携
• VSCodeはデフォルト設定だと、チェックボックスが使えない

よく使うWebサービス

便利ツール

テキスト操作・変換ツール

• https://hogehoge.tk/tool/text.html
• キャメルケース←→スネークケース の変換
• ※機密情報はこういうサイトにペーストしないよう注意

JSFiddle

• https://jsfiddle.net/cougw6tr/
• JSやCSSやHTMLを試す

draw.io

• https://www.draw.io/
• 図を描く
  • サーバー構成図とか描ける

tinypng

• https://tinypng.com/
• pngのサイズを小さく
  • 劣化が少ない

bitly

• https://bitly.com/
• URLを短縮
  • 文字数の多いリンクをシェアしやすく
• リンクがどれだけ踏まれたかを分析

DeepL

• https://www.deepl.com/ja/translator
• ポストGoogle翻訳（精度が高い）
• ※機密情報とかをここで翻訳しないように注意

simpleicons

• https://simpleicons.org/
• 主要なWebサービスのsvgがまとまってるサイト

shields.io

• https://shields.io/
• こんな感じのバッジをquery stringでカンタンに作れる
• ex.上の画像は https://img.shields.io/static/v1?label=hoge&message=fuga&color=blue

情報収集

dev.to

• https://dev.to
• 海外の技術ノウハウ共有サイト
• サクサク

StackExchange

• https://english.stackexchange.com/
• Stack Overflowの「英語」版
• 英語のニュアンスをネイティブに質問

Medium

• https://medium.com/
• いろいろな技術コミュニティもあるので、入っておくとベター
  • ex. storybookのコミュニティ
    • https://medium.com/storybookjs

React.js Examples

• https://reactjsexample.com/
• React.jsのコンポーネント図鑑みたいなもの

Vue.js Examples

• https://vuejsexamples.com/
• Vue.jsのコンポーネント図鑑みたいなもの

Codepen

• https://codepen.io/
• HTML×CSS×JS のオンラインコードエディター&作品集
• trendingを永遠に見ていられる

Google Scholor

• https://scholar.google.com/
• 論文を検索できる
• 引用数がわかる
  • どの程度信頼に足る研究なのかの指標
• SEO対策だけされたネット記事より、科学論文を！

Zenn

• https://zenn.dev/
• これから頂点をとる技術ノウハウ共有サイト
• デザインがイケてる
• めちゃくちゃ応援しています

終わりに

最後まで目を通していただきありがとうございました。
よいツールが見つかるたび、ここに加筆していきます！