ウェブ開発でよく使うサービスまとめ

記事投稿日: 2013年3月25日

大変よく使っているサービスやソフトウェアをまとめました。
お役に立てれば幸いです。
※2013年6月14日　PNGを無劣化で圧縮できるサービス「PNGGauntlet」を追加

・文字列変換・生成系
・圧縮・整形系
・ストレージ
・ソフトウェア/エディタ
・ソフトウェア/画像作成・編集
・ソフトウェア/圧縮・解凍　アーカイブ系
・ソフトウェア/ネットワーク
・ソフトウェア/その他
・ブラウザ表示・動作確認
・Firefoxアドオン
・言語リファレンス
・コマンドリファレンス
・フレームワーク
・ウェブマーケティング
・決済方法

文字列変換・生成系

オンラインでの文字列変換ツール
エンコーダ/デコーダできるもの： Base64 六角デコーダ URL など。
ハッシュ/メッセージダイジェストアルゴリズム:　MD5　SHA1　SHA256
SHA384　SHA512　RIPE MD160。
http://www.convertstring.com/ja

メール件名デコード
http://www.bungu-do.jp/tools/mail_subject

ダミーテキストジェネレータ
http://webtools.dounokouno.com/dummytext/index.html
※同サイトに
パスワードジェネレータ、Basic認証コードジェネレータ、
HTMLエンティティ化、HTMLエスケープツール、
都道府県selectメニューコードジェネレータ、
URLエンコード/デコードもあり。

ルフトツール
http://www.luft.co.jp/cgi/
.htpasswdファイル生成、IPアドレス確認ツール、暗号化メールアドレス生成、
文字数チェック（バイト数換算、行数表示など）、
環境変数確認、パスワード生成ツールと実務で使えるツールが盛りだくさん。

圧縮・整形系

Code Beautifier: CSS Formatter and Optimiser
CSSの圧縮を行うサービス。HighstからLowまでの4段階と、Customで調整可能。
http://www.codebeautifier.com/

Styleneat – CSS Organizer
圧縮されたCSSを読みやすい形に戻すサービス
http://www.styleneat.com/

dean.edwards.name/packer/
JavaScriptの圧縮を行うサービス。とてもシンプル。
http://dean.edwards.name/packer/

Online JavaScript beautifier
http://jsbeautifier.org/
圧縮されたJSを読みやすい形に戻すサービス

ＨＴＭＬ整形ツール（プチ・デバッグ機能付き）
http://u670.com/pikamap/html_seikei.php

PNGを無劣化で圧縮できるサービス「PNGGauntlet」
http://pnggauntlet.com/

ストレージ

Dropbox
http://www.dropbox.com
※＜ここ＞からアカウントを発行すると、500MBのボーナスが
無料で追加されます。

Skydrive
http://windows.microsoft.com/ja-jp/skydrive/download

Yahoo!ボックス
http://box.yahoo.co.jp/promo/

ソフトウェア/エディタ

Terapad
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html
使いやすくて軽いエディタ。

Notepad++
http://notepad-plus-plus.org/
フリーでEmmetにも対応した高機能エディタ。
Cをはじめ、PHP・Ruby・Pythonなど幅広い言語に対応。
ポータブル版もあり。

サクラエディタ
http://sakura-editor.sourceforge.net/
大手の現場では大変よく使われているエディタ。
Grep機能が強力で、Excelファイルの中も対象になるため
仕様書と実際のソースを行き来するなど、プロジェクト管理に重宝。

クリップNOTE
http://www.ost-net.com/clipnoteA/clip01.html
どんなエディタとも合体できる最強スニペットソフトウェア。

Keynote
究極のアウトラインプロセッサかも。http://keynote.prv.pl/

HTML整形ソフト「HTML整頓くん」
http://www.nishishi.com/soft/seiton/

行頭・行末なんでも追加・削除くん
http://www.nishishi.com/soft/elad/

ソフトウェア/画像作成・編集

縮小専用
http://i-section.net/software/shukusen/
画像を一括で縮小。

ゆなカラーピッカー
http://www.vector.co.jp/soft/win95/net/se081901.html

WinShot
http://www.forest.impress.co.jp/library/software/winshot/
WinXPから使っているスクリーンキャプチャ。

JTrim
http://www.woodybells.com/jtrim.html

Fireworks
ウェブのモックや素材を作るなら必須。お金を払う価値あり(※サポートは切れていますが根強いファンは多いです)。
Adobe公式　http://www.adobe.com/jp/products/fireworks.html

cacoo
ウェブ上でモックやマインドマップ、UML図を描くことが出来るサービス。
グループでの共同編集も出来ます。
https://cacoo.com/lang/ja/

Pixlr
http://pixlr.com/editor/
ブラウザで使えるレタッチツール。

kuler
https://kuler.adobe.com/
Adobe製のカラーマネージメントツール。

ソフトウェア/圧縮・解凍　アーカイブ系

Lhaplus
http://www.forest.impress.co.jp/library/software/lhaplus/

7-Zip http://sevenzip.sourceforge.jp/

ソフトウェア/ネットワーク

ヴァルヘルIPコンフィグ
http://www.valsoft.jp/delphi/vipconfighp.html
ネットワークを頻繁に切り替える環境では必須。

確認くん
http://www.ugtop.com/spill.shtml
使用しているPCのIPアドレスを確認。

ソフトウェア/その他

PortableApps.com
http://portableapps.com/
FileZilla、Notepad++、XAMPP、Firefoxなどの
定番ソフトのポータブル版
(USBメモリやポータブルHDDにインストールできる)が入手できます。

Notepad++ Plugins
http://sourceforge.jp/projects/sfnet_npp-plugins/releases/

A5:SQL Mk-2
http://www.wind.sannet.ne.jp/m_matsu/developer/a5m2/
SQL開発/ER図作成ツール。
同種のソフトはいろいろありますが、今のところ一番使いやすいと思っています。

ブラウザ表示・動作確認

W3C　http://validator.w3.org/
ウェブ標準化団体の公式HTML/CSSチェックツール。

SuperPreview
マイクロソフト公式ソフト。IEのチェックに最適ですが、JavaScriptは動きません。
MS公式：　http://www.microsoft.com/ja-jp/download/details.aspx?id=2020

browserling　https://browserling.com/
IE6から、各ブラウザでの動作を確認できるサービス。詳細記事はこちら。
JavaScriptの動作チェックも出来るところがすごい。順番待ちあり。
実際に使ってみた内容はこちら「サイトを5種類のブラウザでチェックできる「browserling」を試してみました」