「その便利そうなやつ、何使ってるんですか？」的ツール百選 (のうち10個くらい) DIST#4 LT発表資料

DIST.4 「Life is Short」 のLT発表資料です。

紹介するツール一覧

(基本、Macです)

• デザイナー、ディレクター、エンジニア問わず、誰でも使えるやつ
• エンジニアむけ

いちおう下記、分類してますが、紹介する順番はいい感じのやつ順です。

誰でも使えるやつ

• Alfred : ランチャー
• Kiritori : 画像付箋化
• ClipMenu : クリップボード拡張
  • Skypeログ整形ツール
  • Table→マークダウン
• MacでWindow切り替え(⌘+F1)
• Fluid (Mac) : Webサイトをアプリ化
• Push Bullet : なんでもpush通知

エンジニアむけ

• CodeRunner (Mac) : なんでもコード走らせる
• Google Apps Script : GoogleスプレッドシートとかでJS
• Edge Inspect : スマホ画面同期
• JenkinsをCRONとして使う
• AngularJSは神
• InVision : モック作成・レビューツール
• ImageOptim / ImageAlpha : 画像圧縮

Alfred (Mac)

Alfred App - Productivity App for Mac OS X

いわずもがなのランチャー

そのままでも使いやすいけど、workflowが生産性をあげてくれる

• 英辞郎の検索ができるAlfred Workflow作った ← 消されてる！
• codic workflow
  • (プログラミング用英単語検索)
• Dash workflow
  • DashをAlfredから検索する
• FontAwsome
  • Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた
• IP Address Workflow
  • IPアドレスを取得
• Transmit workflow
  • Transmitに登録しているものを検索

windowsでもググるといろいろありそう
windows launcher alfred - Google 検索

CodeRunner (Mac)

CodeRunner — krillapps

rubyやjs、coffeescriptなど、だいたいの言語をその場で試せるアプリ

Kiritori

Mac App Store - Kiritori

cmd + shift + 5 でキャプチャして付箋みたいにするアプリ

windowsならRapture

ClipMenu

ClipMenu: Mac OS X 用クリップボード管理ソフト - ClipMenu.com

• クリップボード拡張。画像も残せる。
• JSで拡張書けます。便利

自分で拡張つくりました

katapad/oreore-clipmenu

• Skypeログ整形ツール
• Table→マークダウン

MacでWindow切り替え(⌘+F1)

Finderいっぱい開いたときの切り替えに便利

Fluid (Mac)

Fluid - Turn Your Favorite Web Apps into Real Mac Apps.

webサイトをアプリ化する

• Gmail
• GistBox
• Backlog

なんかをアプリ化すると便利。

よく使用するWebアプリを「アプリケーション化」してくれるMacアプリ、「Fluid」が超便利だ！ | OZPAの表4

Push Bullet

PCと携帯端末でデータ同期できるアプリ『Pushbullet』の活用法 ｜ ライフハッカー［日本版］

いまPCで見てるページをiPhone/Androidに送るときに便利。
逆もOK。

Edge Inspect

画面チェックするときに便利。

JenkinsをCRONとして使う

CRON使うためにAWS立ち上げてるくらいだったら、ぜったいこっちのほうが速い

Jenkinsをすごいcronとして使う - She is not Gorilla.

AngularJSは神

• Angular + Bootstrapでクソコードが便利ツールに早変わり！
• なんでも一瞬でつくれるから、クソ便利。
• 覚えることは異常におおいので、挫折するのもアリ。

Angularでいままでつくったツール

• PSD画面一覧ツール
• 管理画面ハックツール (node-webkit)
• サイトで使用している画像一覧ツール

InVision

Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision

おそらく今、最強のモックアップ作成ツール。

• Shareがすんげー簡単。
• GoogleSpreadSheetとかみたいに、複数人で同時に作業できたり、プレビューできたりする

Google Apps Script

• Googleスプレッドシートとかで使えるJS
• ドキュメントがちゃんとしてるので、つかいやすい
• GoogleスプレッドシートからJSON出力→メールなんかができる

次点

• Path Finder / XtraFinder (タブファイラ)
• IntelliJ IDEA
  • jsからFlash/AIR、Androidアプリ,python, ruby, Golangまでなんでも書ける
• Speed Dial 2 - Chrome ウェブストア
  • Chrome拡張。普段使いのツールを入れておくとよし。
• GistBox
  • オシャレGist管理ツール
• Charles
  • 通信のぞき見
• LICEcap
  • GIFアニキャプチャツール。
• node-easymock
  • jsonをおくだけで、APIモックになってくれる
• browserSync
  • 複数の端末で画面を同期してくれるやつ
  • LiveReload から BrowserSync に乗り換えてる｜Web Design KOJIKA17
• Selenium
  • マクロ的に使うといい感じ

次点の Mac専用のやつ

• MenuPop
  • Macのメニューをショートカットキーで呼び出す
• Bartender
  • メニューバーを整理してくれる
• CloudyTabs
  • iPhoneのSafariで開いてるタブを表示
• 1Keyboard
  • Macのキーボードで、iPhoneやAndroidのキーボード操作ができるようになる
• BetterTouchTool
  • タッチジェスチャの追加だけでなく、画面のリサイズなんかもできるので便利
• Minutes
  • ポモドーロで便利なオシャレタイマー
• Highlight
  • 画面にペンツールでお絵かきできる
• Mou
  • オサレMarkdownエディタ
• Kaleidoscope — File comparison for Mac
  • 差分確認ツール。PSDや画像もオシャレに比較
• homebrew
• hombebrew-cask
  • brew経由でアプリいれれるやつ

逆に期待を込めて☆ひとつのやつ(Mac)

• Deckset
• TextExpander
• Actions
• Cloud Clip
• Command-C
• DiffMerge