このページを正しく表示するにはJavascriptを有効にしてください。
開発者におすすめのサクッと使えるオンラインツールまとめ
開発者として便利なオンラインツールを集めてみました。
選定基準としては
* 開発者がブックマークしておくと幸せになれる
* ログイン・インストール等不要でサクッと使える
* 無料で利用可能
* 利用内容を外部と通信しない
みたいな感じで選んでます。
4つ目の基準は開発者が安心して使えるよう設けてみました。以前「機密文書を翻訳サイトを使って訳したら流出した」みたいな事件がありましたし、無料だからといって不用意に利用してしまうと思わぬ情報流出等を招いてしまう恐れがあります。なので基本Javascriptで完結して通信がいらないツールをメインに選定してます。
(Webサイトなのでアップデートにより今後仕様が変わることがあります。コンフィデンシャルな内容を扱うときは再度ご自身で安全性を確認してからご利用をお願いします。)
### Regexper
__正規表現を見やすく可視化!__
[http://regexper.com/](http://regexper.com/)
分かりにくい正規表現を見やすくするツールです。
```
0\d{1,4}-\d{1,4}-\d{4}
```
こんな感じで正規表現を入力すると
みたいな画像が出てきます。
左から右に線を辿っていって実現できるものが、この正規表現にマッチする表現となります。正規表現が苦手な人でもこのツールを使えば克服できるのではないでしょうか。
(解析の時にGoogleAnalyticsが走ってますが入力した文字列は飛ばしてないようです。)
### 最速のJSONビジュアライザー
__JSONを一撃で解析!__
[http://kimihiro-n.site44.com/json_dump/index.html](http://kimihiro-n.site44.com/json_dump/index.html)
自作ツールなので完全に手前味噌ですが。JSONを解析して欲しい値までのパスを簡単に取れるツールです。JSONの整形や配列へのインデックス付与なんかも自動でやってくれます。
### Real-time HTML Editor
__HTMLをリアルタイム編集__
[http://htmledit.squarefree.com/](http://htmledit.squarefree.com/
)
HTMLをリアルタイムで編集できるツールです。上がエディタで下がプレビューです。タグやJSの挙動をちょっと試したいときに重宝します。
### scriptsrc.net
__jQueryを一発コピー!__
[http://scriptsrc.net/](http://scriptsrc.net/)
jQueryなどのJavascriptライブラリを一発でコピーして使えるツールです。
```
```
こんな感じでCDNで配布されているライブラリをコピペ出来ます。
jQuery以外にも対応していてJavascriptのビルドツールを使うほどでない時に重宝します。
### Adobe Color CC
__直感に頼らない配色作成!__
[https://color.adobe.com/ja](https://color.adobe.com/ja)
Adobeが出している配色作成ツールです。
適切な色の組み合わせを作るのはデザイナーではないと結構難しいですが、このツールを使えばある色に対してピッタリの配色を自動で抽出してくれます。
### ipcheck.ieserver.net
__自分のグローバルIPをチェックしたいときに__
[http://ipcheck.ieserver.net/](http://ipcheck.ieserver.net/)
開くと自分のIPを表示してくれるだけのページです。
余計なHTML等が付いてないのでcurlとかで叩いて使ったりも出来ます。
----
## 例外ツール
選定基準が厳しすぎたためかあまり紹介出来なかったため、基準から漏れた便利ツールも少し紹介しておきます。
### codingground
__いろんな言語をサクッと試す__
[http://www.tutorialspoint.com/codingground.htm](http://www.tutorialspoint.com/codingground.htm)
いろんな言語をWeb上で試し書きできるサイトです。スクリプト言語のみならずコンパイルが必要なScalaやObj-Cなどといった言語もIDE付きで試すことが出来ます。
仕組み上外部と通信しない訳にはいかないので例外扱いになりましたが、新しい言語の勉強をするときにインストールに躓くことなく試せるのでお勧めです。
### Postman
__APIのテストに便利!__
[https://www.getpostman.com/](https://www.getpostman.com/)
POSTのAPIを試しに使ってみたいとき等に簡単にリクエストを作成してテストできるツールです。アドオンとしてインストールが必要だったりするのが難点ですが、非常に多機能で使い勝手もいいので入れておくと重宝します。
----
他にも見つけ次第追記していきます。