ど〜も〜、技のデパート blue支店 の中尾こと、 Hawk(と呼ばれたい) です。

毎日、暑い日が続いていますね〜
エアコンの点けすぎで体調などを崩していませんか?
ちなみに私は、筋肉痛 です。

さて、今回はフロントエンドで割とよく使うサービスをまとめてみようかと思います。
私は パクチーと同じくらいインストールが嫌い なので、基本インストールなしで使えるサービスを紹介していこうかと思います。

まずは基本lint系!

まずご紹介したいのはこちら!
構文ミスやコーディングルール等をチェックしてくれるサービスです。
最近はツールやエディタとかでもやってくれますが、生書きの際は納品前に必ずチェックしたいですね!!

  • The W3C Markup Validation Service
    やっぱり公式が大正義!
    HTMLのlintです。
    残念ながら英語しかないのですが、英語アレルギーの私でも普通に使えるので大丈夫かと!

  • Another HTML Lint - Gateway
    こちらもHTMLのlintです。
    「ふぇぇん、えいごわからないよぉ。。。」 みたいな方にオススメです。
    エラーが9段階で表示されるので、深刻なエラーでないものは無視してしまっても大丈夫です。

  • CSS Validation Service
    こちらも公式が大正義!
    CSSのlintです。
    なぜがHTMLと違い日本語対応しています。。。

  • JSHint, a JavaScript Code Quality Tool
    javascriptのlintです。
    こちらも英語オンリーですが、問題なく使えるかと思います。
    セミコロン抜けとかを量産する私にとってはとても助かります(笑)

  • JSON整形サービス
    lintとは微妙に違う気がしますが、jsonファイルの整形サービスです。
    一応構文的にエラーがあるとエラーが返されます。

  • difff《デュフフ》
    またまたlintとは違いますが、テキスト比較のサービスです。
    フロントエンドに限らず日常でも使えます!

地味に頻度が高いCSS支援系!

「フロントエンドなんだから、CSSくらい自分で書けや!!」 と言われそうですが、便利なものは惜しげなく使う主義 なので、ここでもいくつか紹介したいと思います。

迷う時間短縮系!

「人生で一番無駄な時間てなんだと思う?悩む時間さ!」 と、誰かポジティブな人が言ってそうですよね(笑)
その無駄な時間を多少短くできるサービスを紹介します!

頻度は低いけど知っておくと便利系!

「あれ、なんだっけ?昔触ったなー」 系のサイトをまとめました!
必要に迫られて時にブックマークを漁る系です(笑)

  • CSS Sprite Generator, Editor, and Code
    スプライト画像を作成できるサービス!
    CSSでbackground-positionまで指定してくれるので何気に使い勝手の良いサービスですよ!

  • htaccess Tester - madewithlove
    「htaccess書いてね(ニッコリ)」 て言われた時にお世話になったサイト
    もうそんな無茶振りきませんように。。。。

  • Design QR Code generator - Free - Unitag
    頻度はあまり高くないけど、SPでサクッとデバッグする時には重宝するQRコード生成のサイト
    デザインも結構いじれますよ!

  • convert anything to anything - CloudConvert
    「やっべ、video埋め込まなきゃ!」 って時に役に立つサイト。
    会員登録しないとコンバートできる数に制限がありますよ!

最後に

最後にこれだけ知っておけば怖くない万能のサービスをお教えします!

皆さんもオススメのサービスがあれば教えてください!
それでは、また!

Shere
  • はてなブログ
  • Twitter
  • Facebook
フロントエンドでよく使うサービスとかをまとめてみた

Writer

  • Name

    中尾鷹人

  • Position

    神にもっとも近いと言われていると思っている感じを出しつつ、今日も自分なりに頑張って業務をこなそうと思いながら、なかなかやる気の出ないフロントエンジニア

  • Profile

    昔々あるところにえらい神様がおりました。 えらい神様はとても残念なことがあり、洞窟の中に隠れてしまいました。 するとどうゆうことでしょう。世界が暗闇に包まれてしまいました。他の神様たちは相談し、えらい神様に洞窟から出てもらうように説得しました。なんやかんやあって、なんとか洞窟の扉を開けることに成功しました。扉を開けると眩しい光に包まれました。 すると中からえらい神様となぜかえらそうな神様が出てきました。 そのなぜかえらそうな神様がのちにフロントエンジニアとなって活躍するのは別のお話。