PHPプログラマーとしてよく使う無料で便利なWebサービス12選

CSS JavaScript PHP web制作 プログラミング

広報:齊藤 メイ 広報:齊藤 メイ

Posted on 2016年05月31日(火)09:51
Updated on 2016年05月31日(火)10:23


PHPプログラマーとしてよく使う無料で便利なWebサービス12選

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案件でも発生します。これは経験上の発言ですが、管理画面のデザインが適当でも顧客「評価」はそれほど下がりませんが(システムは動いてるからまぁいいか、みたいな?)、それなり以上だと顧客「満足度」は大きく向上します。デザインセンスのないプログラマーがまず配色から管理画面デザインを考える場合には非常に役立ちます。

 


いかがでしたでしょうか?
猫ITソリューションズは、飼い主の皆さんにITを活用しあらゆるシーンで的確なアドバイスをいたします。それではまたお会いしましょう。

PHPプログラマーとしてよく使う無料で便利なWebサービス12選

see you!

 

本件に関するお問い合わせ先

猫ITソリューションズ

049-290-8502
お問い合わせフォーム



Member Profile

広報:齊藤 メイ

埼玉在住の三毛猫です。趣味は日向ぼっこ、好きな猫缶はカツオ系です。仲良くしてくださいね!

Facebook
Twitter

代表:齊藤 智宏

埼玉在住のWebデベロッパーです。80's洋楽、映画、レトロゲームが大好きです。よろしく!

Facebook
Twitter

Contact

ご意見、ご相談などお気軽にお問い合わせ下さい。お問い合わせ内容の確認後、担当者よりご連絡させていただきます。

049-290-8502
お問い合わせフォーム