Movatterモバイル変換

[0]ホーム
URL:

Zenn
futsufutsu
🚀

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

に公開
2021/02/08
16件

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

Mac専用

Alfread

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

alfred-clipboard-history.gif
履歴が残る

  • 筆者はCmd + Shift + V で発動するよう設定
  • 画像コピーの履歴も保存
  • 履歴の検索
クリップボードでコピーしながらマージできる

alfred-clipboard-merge.gif

  • マージしたい文字列は、「空白区切り」「改行区切り」「区切りなし」を選べる
  • コーディングが捗る
スニペット機能（https://zenn.dev/naotolog さんご紹介🙏）
  • 定型文を登録して、呼び出すことができる
  • 穴埋め入力が必要ない場合はDash よりこちらが良さそう

Station

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

iTerm

  • 多機能ターミナル
  • 複数タブつくれる
ちょっと透けさせることができておしゃれ（重要）

iterm.png

BetterTouchTool

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

Karabiner

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

Dash

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

dash.gif

  • 上図は、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

ScreenToGif

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

Phraseexpress

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

Windows/Mac共通

lightshot

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

XMind

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

Dynalist

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

Notion

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

Evernote

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

OneNote

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

Todoist

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

f.lux

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

breakfast

ImageOptim

Chrome拡張ツール

ネットサーフィン用

Vimium

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

WebLabel

Twitcher

Google 翻訳

Fire Shot

Dark Theme for Google

QRExtension

Bookolio

Octotree

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

daily.dev

メモリ節約用

Onetab

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

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

AdBlock

開発用

JSON Formatter

Redirect Path

Vuejs DevTool

React Developer Tools

Moesif Orign & CORS Changer

JSoff

VSCode拡張機能

Paste Image

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

Markdown All in One

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

よく使うWebサービス

便利ツール

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

JSFiddle

draw.io

tinypng

bitly

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

DeepL

simpleicons

shields.io

badge

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

情報収集

dev.to

StackExchange

Medium

React.js Examples

Vue.js Examples

Codepen

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

Google Scholor

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

Zenn

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

終わりに

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

futsu

小さい作業を1秒でも速くしたい都内のフロントエンドエンジニア です

バッジを贈って著者を応援しよう

バッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。

catnosecatnose

「Dash」知らなかったです。良さそうですね！
これから頂点をとる技術ノウハウ共有サイト…ありがとうございますー！😹

2
futsufutsu

catnoseさん直々に…！Dashとてもオススメです！
こちらこそサポートまでいただき、ありがとうございます〜😂

mktakuyamktakuya

良記事ありがとうございます！PicGIF便利ですね！
画面収録用途だと、LICEcapというのを使うと直接GIFをつくる事ができるのでもしよかったら試してみてください :bow: （QuickTimeの画面収録をそのままGIFアニメとして保存出来るイメージです）
https://www.cockos.com/licecap/

3
futsufutsu

@mktakuyaさん、こちらさっそくインストールして使ってみましたが、licecap軽くて動画からGIFの工程を飛ばせるのでめちゃくちゃ良いですね…追記させていただきます！！情報大感謝です！😂

3
futsufutsu

Zennはどんどん盛り上がって欲しいので、そう言っていただけるとうれしいです😂 効率化ツールまとめのデータベースサイトとかあると良さそうですね〜

ho-otoho-oto

MacのStation、デスクトップアプリについては開発終了してブラウザの拡張機能に生まれ変わるらしいですね...
https://stationhq.com/blog/a-new-era-for-station

僕は代替を探すのが面倒で、ブラウザの固定タブに戻ってしまいました。

1
futsufutsu

なんと…重くならないことを祈ります。。加筆しておきますね。ho-otoさん情報感謝です！🙏

shigemaruushigemaruu

メモリ節約カテゴリになるのでしょうか、Workona使ってます。

Workona | A better way to work in the browser
https://workona.com/

1
futsufutsu

タブのセットを切り替えられるんですね、これは便利…。「dev用のタブセット」とか「記事執筆用のタブセット」とか登録しておくとタブがごちゃつかず良さそうですね。加筆させていただきます。shigemaruuさん情報感謝です！🙏

JJJJ

僕もずっとLICEcapを使ってたんですが、さらに個人的には使いやすいKAPと言うのがありすごく便利なので紹介させてください！

https://getkap.co/

KAPはmp4などの動画形式でもgifでも書き出せてその場でトリミングしたり、サイズを落としたりすることも出来てそのままgiphyにシェアしたりと言うこともプラグインの機能により出来るようになっています。
しかもopen sourceなので要望はissueにかけるしパッとみElectron製でjsで書かれてるためWebのエンジニアならコントリビュートしやすいのも良い点だと思います。
https://github.com/wulkano/Kap

3
mktakuyamktakuya

KAP良さそうですね。Webサイトも今風でオシャレです。乗り換えてみよかなと思います。ありがとうございます〜！

1
futsufutsu

おお〜！JJさん情報感謝です！！こちらも載せさせていただきますね 🙏

NaotoNaoto

Alfredにもスニペット機能があると思いますが、Dashの方がいいのでしょうか？
もしそうであれば教えていただけると嬉しいです！

1
futsufutsu

Alfredのスニペット機能はノーマークでした…。log Naotoさんのこちらのコメントをきっかけに触ってみたのですが、Dashと機能同じ or それ以上ですね…！こちらも追記させていただきます！コメントありがとうございます🙇‍♂️

futsufutsu

あ…ただ、1点だけ この記事に動画で載せているようなプレースホルダー入力ができるのはDashに優位性があるかもしれません！（Alfredのスニペット機能にはなさそうでした👀

RudyYehRudyYeh

LightshotはMac版なくなったようです。
公式Xの更新も2017に止まっていました。
Windows版はまだDLできるのでしょうか？

[8]ページ先頭
©2009-2025 Movatter.jp