コーディングをするときに鼻血がでるほど便利な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をフォーマットしてくれます。
細かく設定を変更できるのがナイスです。

プログラミング言語

[NEW] SyntaxDB

スクリーンショット 2018-05-18 23.59.06.png

いろんな言語のシンタックスがサンプル付きでまとめられています。
この言語でこれってどう書くんだっけ?ってときに便利です。

対応言語は以下。

  • Java
  • C
  • C++
  • C#
  • Python
  • Ruby
  • Swift
  • Go

Web Frontend

SassMeister

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

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

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

[NEW] Browser screenshots

スクリーンショット 2018-05-18 23.34.52.png

Microsoft製のツール
フォームにURLを入れると、複数のブラウザでの表示結果を表示してくれます。
表示結果はダウンロード可能。
長いページもちゃんと頭からお尻までの一枚の画像にしてくます。

プロトタイプ作成

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

英語類語辞典

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

ドキュメント作成

[NEW] Tables Generator

スクリーンショット 2018-05-18 23.03.58.png

テーブルを様々な形式に変換することができます。

インプットは以下に対応していて、

  • csvファイルのアップロード
  • 以下からコピーアンドペースト
    • spreadsheet (Microsoft ExcelやGoogle spreadsheetなど)
    • Markdown
    • website

アウトプットは以下に対応しています。

  • LaTeX
  • HTML
  • Markdown
  • MediaWiki

(Asciidocにも対応してほしい!)

コミュニケーション

[NEW] appear.in

スクリーンショット 2018-05-20 13.13.21.png

ビデオチャットツール

トップページに好きな名前を入れて、URLを共有すればすぐにビデオチャットが始められます。
リモートで朝会をするときなんかに重宝します。
(調子が悪いときもあるので代替手段を用意することも忘れずに。)


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

Unicode® character table

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

Unicode文字一覧

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

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