12というのが中途半端で気になりますが、PHPを使ったWebシステム開発において役立つWebサービスを挙げてみます。本日は「PHPプログラマーとしてよく使う無料で便利なWebサービス12選」についてです。
こんにちは。猫ITソリューションズ広報の齊藤メイ（♀）です。本日は、「PHPプログラマーとしてよく使う無料で便利なWebサービス12選」についてです。
猫ITソリューションズはWebシステム周りのお仕事が多いのですが、言語としては主にPHP、JavaScript（jQuery）、HTML、CSSを扱います。その際に他のWebシステム開発者も同じだとは思いますが、確認や整形、変換を行う場合は外部Webサービスを利用させていただいています。最近はChromeなどWebブラウザに付属の開発者ツールで済む場合もありますが、用途が特化したWebサービスはやはり使い勝手で勝ることが多いです。
ここでは主に猫ITソリューションズのPHPプログラマーである代表齊藤が、作業の際によく使うらしいWebサービスを紹介します。ちなみに順不同です。
各Webサービス開発者の皆様にはこの場を借りて感謝申し上げます。
XMLフォーマッター
XML整形サービス
http://www.ctrlshift.net/xmlprettyprinter/
XMLは一時期社内システムの連携においてよく扱われてたような気がします。またデータベースへの登録前のデータ群として利用されることも多々あります。PHPによるXML処理自体はいいとして、その構造とデータが意図した通りか確認するにはXMLを目で見る事になります。しかし適当にXMLを出力していると見づらくなりますので、このWebサービスにより人間の目に見やすいように整形して確認しています。（ちゃんと出力しなさいよ...）
JSONフォーマッター
JSON整形サービス
http://www.ctrlshift.net/jsonprettyprinter/
XMLと同様ですが、PHPからJavascript（jQuery）、またはその逆の連携においてデータの受け渡し方法としてJSONを使うことが近年よくありますが、想定通りに動くかどうかはJSONを一度テキストなり何なりで出力して目で見る事になります。しかし適当にJSONを出力していると見づらくなりますので、このWebサービスにより人間の目に見やすいように整形して確認しています。（ちゃんと出力しなさいよ...）
SQLフォーマッター
Instant SQL Formatter
http://www.dpriver.com/pp/sqlformat.htm
テストのためPHPを通さずにデータベースで直接SQLを実行させることがあります。その際に意図しない結果になった場合はSQLの組み方を検討する必要があるのですが、CakePHPなどPHPフレームワークで適当に組んだモデルから出力されたSQLは、カラムなど省略せず異様に長くなることがあります。見づらく原因特定に時間がかかりますので、このWebサービスにより人間の目に見やすいように整形して確認しています。（ちゃんと組みなさいよ...）
MD5/SHA-1ハッシュ生成
MD5/SHA1変換
http://hash.taroz.jp/
※注意：現在MD5/SHA-1の利用は非推奨です。
上記の通りですが、例えばどこかの旧式社内Webシステムにおいて、データベースへのパスワード保存方法として利用されていることもあるかと思います。そういった状況下でテストユーザーを直接データベースへMD5/SHA-1ハッシュ値を用いて登録する際には、このWebサービスがとても役に立ちます。
SHA-2(SHA-256)ハッシュ生成
SHA256ハッシュ - オンラインSHA256ハッシュジェネレータ
http://www.convertstring.com/ja/Hash/SHA256
上記MD5/SHA-1に代わって利用が推奨されているのがSHA-2ですが、SHA-256はPHPでの利用頻度が高いです。またWebシステムのパスワード認証において「好きなペットは？」などの回答をSHA-2のSaltとして利用し保護している場合もあるので、ハッシュもSalt＋ハッシュも両方作れるこのWebサービスは、上記同様テストユーザーの登録あたりで役に立ちます。
数値文字参照変換
文字列⇔数値文字参照相互変換
http://ledyba.org/utl/NumericCharacterReference/
PHPやJavaScriptからHTMLを出力することは、双方のフレームワークが充実してきたとはいえ、まだまだ機会があります。ちょっと複雑な昔のシステムの改善作業では、ほぼ100%ありえます。その際に数値文字参照をかけることが多いのです。一度きりなら他の方法でもいいのですが、何度も何度もHTMLを変換⇔テストが必要な場合は用途が特化しているこのWebサービスはとても便利です。
Sass→CSS変換
SassMeister | The Sass Playground!
http://www.sassmeister.com/
どこからか拾ってきたSassを今すぐ確認したい、という場合によく使います。利用したいと思うSassの候補がいくつもある場合にイチイチコンパイルするのが面倒なので、CSS変換→ブラウザの開発者ツールで対象エレメントに適用、という流れで利用させてもらっています。
カラーコード確認
Color Table
http://www.finitojapan.com/cltable.html
最近はブラウザの開発者ツールでカラーコード確認→反映、とする場合が多いのですが、たまに使います。そのうち開発者ツールで事足りるようになるかもしれませんが、もうしばらくは使いそうな気がするのでブックマークしています。
URLエンコード・デコード
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
http://www.tagindex.com/tool/url.html
猫ITソリューションズでの用途は、ほぼ日本語では見れない環境やファイルに記述された日本語を確認する場合に使います。つまりデコードがほとんどです。例えばログファイルあたりでしょうか？エンコードは最近使ってないので用途を思い出せませんが、もう使わないなんて事は在り得ないのでまだまだお世話になるかと思います。
CSSフォーマッター
Dirty Markup · Tidy up your HTML, CSS, and JavaScript code
http://www.dirtymarkup.com/
当然CSSの整形なので利用シチュエーションは、誰かが書いたCSSコードを自分が見やすくするためが主ですが、納品前の（必要な場合の）フォーマッターとしても利用しています。このサービスは他にもHTMLやJavaScriptも整形可能な様ですが、猫ITソリューションズではCSSでの整形がメインです。
画像でフォント検索
WhatTheFont! « MyFonts
http://www.myfonts.com/WhatTheFont/
PHPプログラマーでもデザインに関わることはあります。jpgなどのファイル形式からフォントを判断する機会というのは、主にデザイン案を考えるためにサイトを巡り回っている時が多いのですが、その際にナイスなデザインのページでナイスな文字を見つけた場合は非常に役に立ちます。どうかそのフォントがフリーでありますようにと願いつつ、利用させていただいております。
配色サンプル
Adobe Color CC
※月間で人気の高い順
https://color.adobe.com/ja/explore/most-popular/?time=month
「PHPプログラマーでもデザインに関わることはある」と書きましたが、猫ITソリューションズでの機会はバックエンドシステム、いわゆる「管理画面」で多く発生します。開発人数が多くても管理画面のデザインにまでデザイナーを導入することは稀なのです（多分）。管理画面のデザインはフルスクラッチではもちろんですが、WordPress案件でも発生します。これは経験上の発言ですが、管理画面のデザインが適当でも顧客「評価」はそれほど下がりませんが（システムは動いてるからまぁいいか、みたいな？）、それなり以上だと顧客「満足度」は大きく向上します。デザインセンスのないプログラマーがまず配色から管理画面デザインを考える場合には非常に役立ちます。
