[私的まとめ] Web開発お役立ちツールを紹介10選

個人的に使っているサービスやオンラインツール

有名どころのサービス・ツールが多いのですが、よくお世話になっているので感謝などなどを込めてずらっと紹介します。かなりノンジャンルなチョイスですが、まんま自分のブックマークから選出しているのでご容赦ください。

HiFi Regex Tester - Live JavaScript Regular Expression Tester

正規表現の結果をリアルタイムにチェックしなが記述できるツール。簡単な正規表現は、これでチェックしながら記述することが多いです。

RegExr

こちらはFLASHベース。マッチングだけでなく、リプレイスにも対応し、ユーザーが登録したregexpなどを確認できます。高機能気味。

JS Minify!! - ありんく tech-tools

JSを最小限のファイルサイズに圧縮してくれます。難読化とも言われる処理ですね。

CSS Minify!! - ありんく tech-tools

上のJS Minifyの兄弟。こちらはCSS版です。CSSはメンテナンスの都合で、あまり圧縮しません。

JSON整形

ナマでは読めたもんではないJSONも、ここのサービスのテキストエリアに貼り付ければ自動整形してくれます。

すぐ使えるダミーテキスト - 日本語 Lorem ipsum

「ああああああ」では、あまりに何だな、という時にダミーテキストをここから拾うことがあります。ロレムイプサムについてはこちら

.htaccess ファイルを簡単作成「.htaccess Editor」

色んなパターンの.htaccessを簡単に作成できます。基本的には困ったときのコピペ用。

HeartRails Capture | サムネイル画像/PDF ファイル作成サービス

指定したURLのサムネイルを取得してくれます。他の類似サービスに比べて、サムネイルの生成が非常に早く、オプションも充実しています。

PunyPNG - PNG Compression and Image Optimization

PNGの画像サイズを最適化してくれます。業務的に、普段はあまり画像を切り出さないので使用頻度は低め。

CSS3 Gradient Generator

iPadやiPhone用で、Gradientを使っても大丈夫なケースではよく使います。定期的にバージョンアップされて使い勝手が良くなっている印象