2015.07.05   |   Memo

開発者におすすめのサクッと使えるオンラインツールまとめ

開発者として便利なオンラインツールを集めてみました。

選定基準としては

  • 開発者がブックマークしておくと幸せになれる
  • ログイン・インストール等不要でサクッと使える
  • 無料で利用可能
  • 利用内容を外部と通信しない

みたいな感じで選んでます。

4つ目の基準は開発者が安心して使えるよう設けてみました。以前「機密文書を翻訳サイトを使って訳したら流出した」みたいな事件がありましたし、無料だからといって不用意に利用してしまうと思わぬ情報流出等を招いてしまう恐れがあります。なので基本Javascriptで完結して通信がいらないツールをメインに選定してます。
(Webサイトなのでアップデートにより今後仕様が変わることがあります。コンフィデンシャルな内容を扱うときは再度ご自身で安全性を確認してからご利用をお願いします。)

Regexper

正規表現を見やすく可視化!
http://regexper.com/
分かりにくい正規表現を見やすくするツールです。

0\d{1,4}-\d{1,4}-\d{4}

こんな感じで正規表現を入力すると

regx

みたいな画像が出てきます。

左から右に線を辿っていって実現できるものが、この正規表現にマッチする表現となります。正規表現が苦手な人でもこのツールを使えば克服できるのではないでしょうか。
(解析の時にGoogleAnalyticsが走ってますが入力した文字列は飛ばしてないようです。)

最速のJSONビジュアライザー

JSONを一撃で解析!
http://kimihiro-n.site44.com/json_dump/index.html

自作ツールなので完全に手前味噌ですが。JSONを解析して欲しい値までのパスを簡単に取れるツールです。JSONの整形や配列へのインデックス付与なんかも自動でやってくれます。

Real-time HTML Editor

HTMLをリアルタイム編集
http://htmledit.squarefree.com/
HTMLをリアルタイムで編集できるツールです。上がエディタで下がプレビューです。タグやJSの挙動をちょっと試したいときに重宝します。

scriptsrc.net

jQueryを一発コピー!
http://scriptsrc.net/
jQueryなどのJavascriptライブラリを一発でコピーして使えるツールです。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

こんな感じでCDNで配布されているライブラリをコピペ出来ます。
jQuery以外にも対応していてJavascriptのビルドツールを使うほどでない時に重宝します。

Adobe Color CC

直感に頼らない配色作成!
https://color.adobe.com/ja
Adobeが出している配色作成ツールです。
適切な色の組み合わせを作るのはデザイナーではないと結構難しいですが、このツールを使えばある色に対してピッタリの配色を自動で抽出してくれます。

ipcheck.ieserver.net

自分のグローバルIPをチェックしたいときに
http://ipcheck.ieserver.net/
開くと自分のIPを表示してくれるだけのページです。
余計なHTML等が付いてないのでcurlとかで叩いて使ったりも出来ます。


例外ツール

選定基準が厳しすぎたためかあまり紹介出来なかったため、基準から漏れた便利ツールも少し紹介しておきます。

codingground

いろんな言語をサクッと試す
http://www.tutorialspoint.com/codingground.htm
いろんな言語をWeb上で試し書きできるサイトです。スクリプト言語のみならずコンパイルが必要なScalaやObj-Cなどといった言語もIDE付きで試すことが出来ます。

仕組み上外部と通信しない訳にはいかないので例外扱いになりましたが、新しい言語の勉強をするときにインストールに躓くことなく試せるのでお勧めです。

Postman

APIのテストに便利!
https://www.getpostman.com/
POSTのAPIを試しに使ってみたいとき等に簡単にリクエストを作成してテストできるツールです。アドオンとしてインストールが必要だったりするのが難点ですが、非常に多機能で使い勝手もいいので入れておくと重宝します。


他にも見つけ次第追記していきます。