Web制作中によくお世話になるWebサービス

# はじめに
この記事は私がWeb制作案件中にお世話になったWebサービスのメモです。
何度もお世話になっているものもあれば、1度しか利用しなかったものもあります。

いわゆる自分用メモってやつです。

## チョーよく使う

<dl>
  <dt>・Font Awesome (<a href="https://fontawesome.com/" target="_blank">https://fontawesome.com/</a>)</dt>
  <dd>言わずとしれたWebアイコンフォントサイト。<br>
      無料でも利用可能、商用利用も可能という神対応。有料会員になると使えるアイコンの種類が増える。<br>
      何らかの事情で旧バージョンを使いたい場合はこちら→<a href="https://fontawesome.com/v4.7/" target="_blank">https://fontawesome.com/v4.7/</a><br>
      CDNはこちら→<a href="https://cdnjs.com/libraries/font-awesome" target="_blank">https://cdnjs.com/libraries/font-awesome</a>
</dd><br>
  <dt>・Photopea (<a href="https://www.photopea.com/" target="_blank">https://www.photopea.com/</a>)</dt>
  <dd>Ph○toshopみたいなことを無料・会員登録ナシで可能。<br>
      主にpsdファイルから画像を切り出す際にお世話になります。</dd><br>
  <dt>・tinypng (<a href="https://tinypng.com/" target="_blank">https://tinypng.com/</a>)</dt>
  <dd>PNG/JPG画像のファイルサイズを小さくする事ができます。<br>
      5MB未満のファイルは無料で利用できますが、それ以上のファイルは有料サービス。</dd><br>
  <dt>・kakudaai-AC (<a href="https://kakudai-ac.com/" target="_blank">https://kakudai-ac.com/</a>)</dt>
  <dd>JPG/PNG画像をきれいに拡大してくれます。<br>
      登録ナシで1日2回まで無料で利用できますが、会員登録(無料/有料)すると利用回数が増えます。</dd><br>
  <dt>・フォトコンバイン (<a href="https://photocombine.net/" target="_blank">https://photocombine.net/</a>)</dt>
  <dd>各種画像を結合・回転・反転など、簡単な加工ができます。<br>
      主に結合でよく利用していますが、どのツールも操作が直感的で操作しやすいです。</dd><br>
</dl>


## そこそこ使う

<dl>
  <dt>・アルファチャンネルを使わずに透明度のある色と同じ色を作る (<a href="https://level7.design/tools/alpha/" target="_blank">https://level7.design/tools/alpha/</a>)</dt>
  <dd>サービス名の通り。<br>
      諸々の事情でアルファチャンネルを使えない時にお世話になります。</dd><br>
  <dt>・color-sample.com (<a href="https://www.color-sample.com/" target="_blank">https://www.color-sample.com/</a>)</dt>
  <dd>使いたい色・トーン・彩色から色見本を調べたり、各カラーの写真やWEBサイトを見ることができる<br>
      それぞれの色のHexやRGBなども記載しているので、気になった色をすぐ使用可能な点もありがたい。</dd><br>
  <dt>・Colorable (<a href="https://colorable.jxnblk.com/000000/fffefe" target="_blank">https://colorable.jxnblk.com/000000/fffefe</a>)</dt>
  <dd>背景と文字の配色の組み合わせを試して、組み合わせの評価もしてくれる。<br>
      色合・彩度・明るさから設定できて、表示中の色の16進数もコピーできて最高！</dd><br>
  <dt>・Table Tag Generator (<a href="https://tabletag.net/ja/" target="_blank">https://tabletag.net/ja/</a>)</dt>
  <dd>行・列の数を指定してtableのhtml・cssを生成してくれる。<br>
      分割・結合や、各セルに記載する内容やクラスも指定できてとてもに便利。</dd><br>
  <dt>・difff《ﾃﾞｭﾌﾌ》 (<a href="https://difff.jp/" target="_blank">https://difff.jp/</a>)</dt>
  <dd> 左右のtextareaに入力した文章の差分をハイライトして表示してくれる。<br>
      「ﾉﾚ」と「ル」とかパッと見では気付けないし。
ﾃﾞｭﾌﾌ､ｻｰｾﾝ
</dd><br>
  <dt>・Placehold.jp (<a href="http://placehold.jp/" target="_blank">http://placehold.jp/</a>)</dt>
  <dd>直感的な操作でシンプルなダミー画像を生成できるサービス。<br>
      画像や文字の色など設定変更可能で、画像入れてレイアウト確認したいとき助かります。</dd><br>

</dl>


## たまに使う

<dl>
  <dt>・ILovePDF (<a href="https://www.ilovepdf.com/ja" target="_blank">https://www.ilovepdf.com/ja</a>)</dt>
  <dd>PDFから各種ファイル、各種ファイルからPDFへの変換をしてくれる。<br>
      PDFデータに関してかなり多くの変換・修正に対応している神サービス。</dd><br>
  <dt>・機種依存文字チェッカー (<a href="https://form.submitmail.jp/tools/check/" target="_blank">https://form.submitmail.jp/tools/check/</a>)</dt>
  <dd>受け取った原稿や作成したWebサイトに機種依存文字が含まれていないかチェックしてくれる。<br>
      ①とか②とか機種依存文字だからな！ でも今は文字コードをUTF-8にすれば大丈夫らしい！</dd><br>
  <dt>・エンティティ変換 (<a href="https://ao-system.net/entity/" target="_blank">https://ao-system.net/entity/</a>)</dt>
  <dd>名前の通り、textareaに入力した文字をエンティティ変換してくれる。<br>
      HP上に表示するメールアドレス等はエンティティ化することで迷惑メールとか減らせます。</dd><br>
</dl>


思いついたらどんどん追加していきます。

つづく


## 番外編

<dl>
  <dt>・INVOY (<a href="https://www.invoy.jp/" target="_blank">https://www.invoy.jp/</a>)</dt>
  <dd>請求書をはじめ、見積書・発注書・納品書・領収書などの各種書類の作成・発行ができる。<br>
      書類の作成や管理は無料、郵送代行のみ有料、という神サービス。</dd>
 </dl>