俺の便利ツール

この記事は移行しました！最新の内容はこちらをご覧ください😀

URL（ドメイン）のサンプルなんだっけ？

• http://example.com/

test.comやaaa.comをテストデータに使うのはやめましょうという話

動画キャプチャを撮りたい

• LICEcap

PC画面をGIF動画としてキャプチャ。[Mac/Windows対応]
ダウンロードはこちら

画像を圧縮したい

• https://squoosh.app/

google製。ブラウザ完結。

画像にテキストを入れたい

• FotoJet

web上で会員登録不要でも使える

ファイルを共有したい

Firefox send サービス終了してた。。。何か探さねば。。。

ダミーAPIがほしい

• https://www.mocky.io/

APIのモックサービス。
レスポンスの遅延もできる。

APIのテストをしたい

ダミー画像がほしい

• http://placehold.jp/

様々なサイズのダミー画像URLを生成。

ExifのOrientationいろいろ

大容量のアップロードテスト用ファイルが欲しい

コマンドで作れるよ！

例）mkfile -n 1000000000 temp_1GB_file

参考: https://reasonable-code.com/mkfile/

パワポマンがほしい

• パワポマンメーカー

画像から人物を抜き出して透過画像を作りたい

• https://www.remove.bg/

画像アップロードまたはURL指定。
アカウント登録不要で無料ですぐ使える。

キャッチコピーを作りたい

• http://www.copymecha.com/index.php

キャッチコピー自動作成マシン「コピーメカ」

リアルタイムアンケートしたい

• mentimeter

速度を表現したい

• http://tateita.com/web_audio_metronome.html

メトロノーム。
速度を伝えたい時などに。

PHPアプリのパフォーマンス改善したい

• https://blackfire.io/

blackfire。PHPのプロファイリングツール。

TDD体験したい

• http://www.cyber-dojo.org/

サイト上でTDDを体験できる。

チュートリアルを作りたい

• Intro.js

jsでHTMLをほぼいじらずにページにチュートリアルを作成できる。
Hint（ヘルプのようなもの）も作成可能。

英語わからん

• https://codic.jp/engine

変数などの命名で困ったときに。

JSの挙動を確認したい

• Runstant Lite

絵を書きたい（落書きしたい）

• canvas

Google製のwebアプリケーション。Googleのアカウントに自動保存。pngで書き出せる。
ペンをダブルクリックでサイズや透明度を変更可能。

ER図を描きたい。

https://app.diagrams.net/
旧）　draw.io

線を自由に折り曲げれて好き

今見てるHTMLを編集モードにしたい

chromeデベロッパーツールのConsoleパネルで、

document.designMode="on";

ワイヤーフレーム作りたい

• Figma

ロゴを作りたい

• Vecteezy

アプリアイコンを作りたい。いろんなサイズで

• https://maskable.app/editor
• あわせて読みたい
  • https://web.dev/maskable-icon/

ビートを刻みたい

• The Infinite Drum Machine
  • Googleが開発した日常的な音を自由に並べてビートを刻めるウェブアプリ

テキストを読み上げてほしい

• https://voicevox.hiroshiba.jp/