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
-
IP Address Workflow
- IPアドレスを取得
-
Transmit workflow
- Transmitに登録しているものを検索
windowsでもググるといろいろありそう
windows launcher alfred - Google 検索
CodeRunner (Mac)
rubyやjs、coffeescriptなど、だいたいの言語をその場で試せるアプリ
Kiritori
cmd + shift + 5 でキャプチャして付箋みたいにするアプリ
windowsならRapture
ClipMenu
ClipMenu: Mac OS X 用クリップボード管理ソフト - ClipMenu.com
- クリップボード拡張。画像も残せる。
- JSで拡張書けます。便利
自分で拡張つくりました
- 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経由でアプリいれれるやつ