コーディングをするときに鼻血がでるほど便利なwebツールリスト(随時更新予定)

普段お世話になっているwebツール達の紹介です。

正規表現

regexper

スクリーンショット 2018-05-10 23.39.05.png

正規表現を可視化してくれます。

複雑な正規表現を書くときやコードリーディングのお供に重宝します。

Rubular

スクリーンショット 2018-05-10 23.49.38.png

Rubyの正規表現をテストできます。

SQL

Instant SQL Formatter

スクリーンショット 2018-05-11 0.07.32.png

SQLをフォーマットしてくれます。
細かく設定を変更できるのがナイスです。

StyleSheet

SassMeister

スクリーンショット 2018-05-11 0.16.49.png

sassをコンパイルした結果を表示してくれます。

やたら複雑なfunctionやmixinを書くハメになったときに。

プロトタイプ作成

myjson

スクリーンショット 2018-05-10 23.28.18.png

json api 作成

フォームにjsonを入力して[Save]を押せば一瞬でapiが作成できます。

注意としては生成されたurlを忘れたら二度とアクセス出来ないこと、一度作成したapiは削除できないことです。
個人情報やAWSのキーなど人に知られたらまずいものは絶対に入力しないようにしましょう。

placeholder.com

スクリーンショット 2018-05-10 23.32.07.png

好きな色・大きさ・テキストの画像がURL指定だけでお手軽に使えます。

例えば http://via.placeholder.com/200x80/333333/66dd22?text=Hello+World なら以下になります。 
placeholder

Naming

Fantasy Name Generator

スクリーンショット 2018-05-10 23.18.18.png

ランダム名前生成

プロダクト名を考えるときに便利です。
使い方は少々慣れが必要です。

例えば「git関連のツールなのでgiで始まってtで終わる名前がいいな」と思ったら(gi)s(t)と入力して[Generate Names]をクリックすると、上の画像のように条件に合う名前をランダム生成してくれます。

詳しい使い方はここ

Weblio英語類語辞典

スクリーンショット 2018-05-10 23.15.14.png

英語類語辞典

メソッド名などの名前付けに困ったときに、とりあえず見てみるといい単語が見つかる時があります。


おまけ あまり使う機会はないけど

Unicode® character table

スクリーンショット 2018-05-10 23.55.08.png

Unicode文字一覧

とかとかとか💘とか使いたいときに。
眺めるだけでも楽しいです(個人的には)。

26contribution

Rubyに対応していないようですが、正規表現のテストは
https://regex101.com/
メソッド名に迷ったときは
https://codic.jp/
もおすすめです。

356contribution

@yuta0801

Rubyに対応していないようですが、正規表現のテストは
https://regex101.com/

お、これは昔見つけたけどURL失くしちゃって探してたやつです。
ありがとうございます。

メソッド名に迷ったときは
https://codic.jp/

これの存在は知っていたのですが、個人的にはあまり役に立ったことがなく紹介しませんでした。
もうちょっと使ってみようかな。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.