お道具箱

Webデザインやコーディングに使えるツールをまとめています。
あなたの作業が楽になりますように！

©︎ shomiyu

192 件

KASOU
外部リンク
ギャラリー
Webデザイン日本向け
デザイナーコメント付検索充実
KASOU
デジタル庁デザインシステム
外部リンク
デザイン
日本向けメディア
デジタル庁デザインシステム
SecURL
外部リンク
運用／管理
チェッカー日本向け
仮想ブラウザ短縮URLチェック安全確認
SecURL
DMARC Domain Checker
外部リンク
運用／管理
チェッカー
ドメイン
DMARC Domain Checker
WHOIS検索
外部リンク
運用／管理
チェッカー日本向け
ドメインdomain
WHOIS検索
全てのサブドメインを検索
外部リンク
開発運用／管理
チェッカー日本向け
subdomain調査DNS
全てのサブドメインを検索
安全なパスワード生成（ランダムパスワードジェネレーター）
外部リンク
開発
生成日本向け
ランダム乱数パスワードpass
安全なパスワード生成（ランダムパスワードジェネレーター）
MXToolBox SuperTool
外部リンク
運用／管理
チェッカー
DNSチェックドメインIP
MXToolBox SuperTool
kiso.css
外部リンク
開発
日本向けコードCDN
リセットCSSreset
kiso.css
Formee
外部リンク
開発
日本向け無料ノーコードサービス
フォーム作成
Formee
me ki ki ki
外部リンク
ギャラリー
日本向けWebデザイン
me ki ki ki
MUUUUU.ORG
外部リンク
ギャラリー
日本向けWebデザイン
MUUUUU.ORG
ストックデザイン
外部リンク
ギャラリー
日本向けWebデザイン
パーツ画面
ストックデザイン
Pixels
外部リンク
デザイン
無料商用可画像／写真
Pixels
FarbVélo
外部リンク
デザイン
配色
FarbVélo
Color Leap
外部リンク
デザイン
配色
アート
Color Leap
Dopely Colors
外部リンク
デザイン
配色
Dopely Colors
Happy Hues
外部リンク
デザイン
配色
Happy Hues
BrandColors
外部リンク
デザイン
配色
ブランドSNS
BrandColors
Hello Color
外部リンク
デザイン
配色
Hello Color
SchemeColor.com
外部リンク
デザイン
配色
SchemeColor.com
Coolors
外部リンク
デザイン
配色生成
パレット生成
Coolors
ColorDrop
外部リンク
デザイン
配色
ColorDrop
Adobe Color
外部リンク
デザイン
配色
Adobe
Adobe Color
SASHIE
外部リンク
デザイン
無料商用可日本向けイラスト
シンプル
SASHIE
CSS Code Quality Analyzer
外部リンク
開発
チェッカー
CSS
CSS Code Quality Analyzer
Designspiration
外部リンク
ギャラリー
グラフィック
Designspiration
Bannnner.com
外部リンク
ギャラリー
日本向けバナー
Bannnner.com
バナー広場
外部リンク
ギャラリー
日本向けバナー
バナー広場
BANNER LIBRARY
外部リンク
ギャラリー
日本向けバナー
BANNER LIBRARY
mitekaku
外部リンク
開発
画像／写真無料日本向けチェッカー動画
キャプチャ画像動画修正指示
mitekaku
AUN
外部リンク
開発
画像／写真チェッカー無料日本向け
キャプチャ画像修正指示
AUN
AIZU ONLINE JUDGE
外部リンク
開発
サービス学習無料
プログラミングアルゴリズム
AIZU ONLINE JUDGE
Ping-t
外部リンク
開発
学習無料サービス
CiscoAWSLPIC情報処理資格
Ping-t
Google AI Studio
外部リンク
開発
AIノーコードサービス
GoogleNano BananaWebアプリ
Google AI Studio
bubble
外部リンク
開発
ノーコードサービス
Webアプリ
bubble
WIX
外部リンク
開発
ノーコードサービス
Webサイト
WIX
Canva
外部リンク
デザイン
AI無料ノーコードサービス
デザイン
Canva
Base64エンコード／デコードツール
外部リンク
開発
計算／変換
SVG
Base64エンコード／デコードツール
Diffchecker
外部リンク
開発
チェッカー
テキスト画像PDF差分
Diffchecker
Trello
外部リンク
運用／管理
無料タスク管理
カンバンボード
Trello
notion
外部リンク
運用／管理
AIタスク管理
ナレッジドキュメントAPI
notion
Kibela
外部リンク
運用／管理
サービス
ナレッジドキュメントMarkdown
Kibela
HackMD
外部リンク
運用／管理
無料サービス
ナレッジドキュメントMarkdown
HackMD
JSON Viewer/Formatter
外部リンク
開発
計算／変換
JSONpreview
JSON Viewer/Formatter
Markdown Editor
外部リンク
開発
計算／変換
Markdownpreview
Markdown Editor
Web Playground
外部リンク
開発
チェッカーサービスプレイグラウンド
HTMLCSSJavaScript
Web Playground
JavaScript Playground
外部リンク
開発
プレイグラウンド
TypeScriptJavaScript
JavaScript Playground
Vercel
外部リンク
運用／管理
サーバー
Vercel
Netlify
外部リンク
運用／管理
サービス
サーバー
Netlify
code.sololearn
外部リンク
開発
プレイグラウンド
playground
code.sololearn
PlayCode
外部リンク
開発
プレイグラウンド
HTMLCSSJavaScriptReact
PlayCode
JSFiddle
外部リンク
開発
プレイグラウンド
HTMLCSSJavaScriptJS
JSFiddle
CodePen
外部リンク
開発
プレイグラウンド
HTMLCSSJavaScriptJS
CodePen
Online JavaScript Playground
外部リンク
開発
プレイグラウンド
JavaScriptJS
Online JavaScript Playground
TS Playground
外部リンク
開発
プレイグラウンド
TypeScriptTS
TS Playground
WordPress Playground
外部リンク
開発
プレイグラウンド
WordPress
WordPress Playground
Contentful
外部リンク
開発運用／管理
無料APIサービス
CMS
Contentful
Studio
外部リンク
開発
日本向けノーコード
CMSWebサイト
Studio
microCMS
外部リンク
開発
日本向けAPIサービス
CMS
microCMS
color-sample.com
外部リンク
デザイン
配色日本向け
color-sample.com
Color Hunt
外部リンク
デザイン
配色
Color Hunt
WEB色見本
外部リンク
デザイン
配色日本向け
WEB色見本
NIPPON COLORS
外部リンク
デザイン
配色日本向け
和
NIPPON COLORS
ColorSpace
外部リンク
デザイン
配色
ColorSpace
Web Gradients
外部リンク
デザイン
配色
Web Gradients
Gradient
外部リンク
デザイン
配色
Gradient
RGBと16進数カラーコードの相互変換ツール
外部リンク
デザイン
日本向け計算／変換
カラーコードHEXRGB
RGBと16進数カラーコードの相互変換ツール
代表的なSNS＆Webサービスのブランドカラーコード29選
外部リンク
デザイン
配色メディア
SNS色カラーブランドferret
代表的なSNS＆Webサービスのブランドカラーコード29選
O-DAN
外部リンク
デザイン
無料商用可画像／写真
O-DAN
pixabay
外部リンク
デザイン
画像／写真商用可無料
pixabay
MOOSE
外部リンク
デザイン要クレジット
商用可無料画像／写真
MOOSE
Unsplash
外部リンク
デザイン
商用可無料画像／写真
Unsplash
Gratisography
外部リンク
デザイン
商用可無料画像／写真
Gratisography
GIRLY DROP
外部リンク
デザイン
商用可無料画像／写真日本向け
かわいい
GIRLY DROP
ぱくたそ
外部リンク
デザイン
商用可無料画像／写真日本向け
ぱくたそ
shutterstock
外部リンク
デザイン
商用可AI動画画像／写真イラストアイコン／パーツ
shutterstock
Adobe Stock
外部リンク
デザイン
商用可AI動画アイコン／パーツイラスト画像／写真
Adobe Stock
Snapmart
外部リンク
デザイン
商用可画像／写真日本向け
Snapmart
イラストAC
外部リンク
デザイン
無料商用可イラストアイコン／パーツ日本向け
イラストAC
ソコスト
外部リンク
デザイン
無料商用可イラスト日本向け
シンプル
ソコスト
ちょうどいいイラスト
外部リンク
デザイン
無料商用可イラスト日本向け
シンプル
ちょうどいいイラスト
Loose Drawing
外部リンク
デザイン
商用可無料イラスト日本向け
ラフ
Loose Drawing
shigureni
外部リンク
デザイン
商用可無料イラスト日本向け
かわいい
shigureni
Linustock
外部リンク
デザイン
無料商用可アイコン／パーツイラスト日本向け
シンプル線画
Linustock
えんぴつ素材
外部リンク
デザイン
商用可無料イラスト日本向け
手書き線画
えんぴつ素材
vectorShelf
外部リンク
デザイン
商用可無料イラスト日本向け
手書き
vectorShelf
Open Doodles
外部リンク
デザイン
商用可無料イラスト
手書き
Open Doodles
ManyPixels
外部リンク
デザイン
商用可無料イラスト
アイソメトリック
ManyPixels
unDraw
外部リンク
デザイン
商用可無料イラスト
シンプル
unDraw
いらすとや
外部リンク
デザイン
無料商用可イラスト日本向け
オーソドックスポピュラー
いらすとや
いらすとん
外部リンク
デザイン
商用可無料イラスト日本向け
手書き
いらすとん
イラストボックス
外部リンク
デザイン
商用可無料イラスト日本向け
フレームパーツ
イラストボックス
Tech Pic
外部リンク
デザイン
商用可無料イラスト日本向け
アイソメトリック
Tech Pic
シルエットデザイン
外部リンク
デザイン
商用可無料アイコン／パーツ日本向け
シンプル
シルエットデザイン
Vintage Village
外部リンク
デザイン
商用可無料イラスト日本向け
ヴィンテージ
Vintage Village
illust STAMPO
外部リンク
デザイン
商用可無料イラスト日本向け
手書きポップ
illust STAMPO
Sui-Sai
外部リンク
デザイン
商用可無料イラスト日本向け
手書き水彩
Sui-Sai
ガーリー素材
外部リンク
デザイン
商用可無料イラスト日本向け
かわいいシンプル線画
ガーリー素材
Town Illust
外部リンク
デザイン
商用可無料イラスト日本向け
街風景
Town Illust
EC design
外部リンク
デザイン
日本向け商用可無料イラスト
ECパーツ
EC design
FLATICON
外部リンク
デザイン要クレジット
無料商用可アイコン／パーツ
総合シンプルかわいいフラット
FLATICON
FLAT ICON DESIGN
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
フラット
FLAT ICON DESIGN
iconshock
外部リンク
デザイン
無料アイコン／パーツ
シンプルかわいい
iconshock
icon monstr
外部リンク
デザイン
商用可無料アイコン／パーツ
シンプル
icon monstr
Material Icons
外部リンク
デザイン
商用可無料アイコン／パーツGoogle
シンプル
Material Icons
Feather icons
外部リンク
デザイン
商用可無料アイコン／パーツ
シンプル
Feather icons
ICON BOX
外部リンク
デザイン
商用可無料アイコン／パーツ
シンプル
ICON BOX
ICOOON-MONO
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
シンプル
ICOOON-MONO
Animated Icons
外部リンク
デザイン要クレジット
無料アイコン／パーツ商用可
総合
Animated Icons
ハンコでアソブ
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
シンプル
ハンコでアソブ
ヒューマンピクトグラム
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
シンプル標識
ヒューマンピクトグラム
svg porn
外部リンク
デザイン
無料アイコン／パーツ
ロゴ
svg porn
Orion Icon Library
外部リンク
デザイン要クレジット
商用可無料アイコン／パーツ
シンプル
Orion Icon Library
brushstock.
外部リンク
デザイン
日本向け商用可無料
和文字
brushstock.
やじるしデザイン
外部リンク
デザイン
日本向け無料商用可アイコン／パーツ
矢印
やじるしデザイン
フキダシデザイン
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
吹き出し
フキダシデザイン
da lace
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
かわいいレース
da lace
RIBBON FREAKS
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
リボン
RIBBON FREAKS
Masking Tape Line
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
かわいいテープマステ
Masking Tape Line
paper-co
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
テクスチャ壁紙
paper-co
Bg-patterns
外部リンク
デザイン
日本向け商用可無料アイコン／パーツ
パターン壁紙
Bg-patterns
freepik
外部リンク
デザイン要クレジット
AI動画イラスト画像／写真無料
総合
freepik
Mixkit
外部リンク
デザイン
動画無料商用可
Mixkit
Freepik Video
外部リンク
デザイン要クレジット
商用可無料動画
Freepik Video
Google Fonts
外部リンク
デザイン
フォント無料Google
Webフォント
Google Fonts
Google Fonts + 日本語
外部リンク
デザイン
フォント日本向け無料Google
Webフォント和
Google Fonts + 日本語
Adobe Fonts
外部リンク
デザイン
フォント
Webフォント
Adobe Fonts
Morisawa Fonts
外部リンク
デザイン
日本向けフォント
Webフォント
Morisawa Fonts
源ノ角ゴシック
外部リンク
デザイン
フォント無料
WOFFOTF
源ノ角ゴシック
源ノ明朝
外部リンク
デザイン
日本向け無料フォント
WOFFOTF
源ノ明朝
源ノ角ゴシック Code
外部リンク
デザイン
フォント無料
OTFOTC
源ノ角ゴシック Code
源柔ゴシック
外部リンク
デザイン
日本向けフォント無料
TTF
源柔ゴシック
ほのか丸ゴシック
外部リンク
デザイン
日本向け無料フォント
OTF
ほのか丸ゴシック
ほのか新アンティーク丸
外部リンク
デザイン
日本向け無料フォント
OTF
ほのか新アンティーク丸
コーポレート・ロゴ
外部リンク
デザイン
日本向け無料フォント
OTF
コーポレート・ロゴ
コーポレート・ロゴ（ラウンド）
外部リンク
デザイン
日本向け無料フォント
OTF
コーポレート・ロゴ（ラウンド）
placehold.jp
外部リンク
デザイン開発
画像／写真生成日本向け
ダミー画像
placehold.jp
HIPSTER IPSUM
外部リンク
デザイン
生成
ダミーテキスト英語
HIPSTER IPSUM
日本語ダミーテキスト生成器
外部リンク
デザイン
日本向け生成
ダミーテキスト日本語
日本語ダミーテキスト生成器
Patterninja
外部リンク
デザイン
イラスト生成
パターン背景
Patterninja
Plain Pattern
外部リンク
デザイン
イラスト生成
パターン背景
Plain Pattern
Get Waves
外部リンク
デザイン
アイコン／パーツ生成
ウェーブ波シェイプ
Get Waves
Blobmaker
外部リンク
デザイン
アイコン／パーツ生成
流体シェイプ
Blobmaker
Neumorphism.io
外部リンク
開発
生成コード
CSS
Neumorphism.io
アイコン・文字入りQRコード生成
外部リンク
デザイン
アイコン／パーツ日本向け生成
QRコード
アイコン・文字入りQRコード生成
Image Vectorizer
外部リンク
開発
アイコン／パーツ計算／変換
PNGSVG変換
Image Vectorizer
Convertio PSD - AI変換
外部リンク
デザイン
計算／変換日本向け
PSDAI変換
Convertio PSD - AI変換
remove.bg
外部リンク
デザイン
画像／写真生成
背景透過
remove.bg
アニメーションGIF作成
外部リンク
デザイン
生成
GIFアニメーション
アニメーションGIF作成
MockuPhone
外部リンク
デザイン
画像／写真アイコン／パーツ無料生成
モックアップデバイス
MockuPhone
kishin
外部リンク
デザイン
計算／変換日本向け
計算黄金比
kishin
Adobe コントラストチェッカー
外部リンク
デザイン
配色チェッカー
Adobe
Adobe コントラストチェッカー
ピンタレスト
外部リンク
デザイン
サービス
ピンタレスト
dribbble
外部リンク
ギャラリー
Webデザイン
dribbble
マネるデザイン研究所
外部リンク
ギャラリー
日本向けWebデザイン
マネるデザイン研究所
Web Design Clip
外部リンク
ギャラリー
日本向けWebデザイン
Web Design Clip
S5-Style
外部リンク
ギャラリー
日本向けWebデザイン
S5-Style
SANKOU!
外部リンク
ギャラリー
日本向けWebデザイン
SANKOU!
レトロバナー
外部リンク
ギャラリー
日本向けバナー
レトロバナー
フッターデザイン.com
外部リンク
ギャラリー
日本向けWebデザイン
footerフッター
フッターデザイン.com
Webframe
外部リンク
ギャラリー
Webデザイン
画面パーツ会員登録
Webframe
コーディング単位計算ツール
外部リンク
開発
日本向け計算／変換
pxem%vwline-height
コーディング単位計算ツール
Font-familyメーカー
外部リンク
開発
生成日本向けフォント
CSS
Font-familyメーカー
半透過マルチアイコンfavicon.ico作成
外部リンク
デザイン
アイコン／パーツ生成
favicon
半透過マルチアイコンfavicon.ico作成
patternify
外部リンク
デザイン開発
アイコン／パーツコード生成
パターンドットストライプCSS
patternify
Squoosh
外部リンク
開発
計算／変換
圧縮WebPAVIF
Squoosh
文字数カウンター
外部リンク
開発
日本向け計算／変換
文字数カウンター
HTML5 入れ子チートシート
外部リンク
開発
日本向けチートシート
HTML
HTML5 入れ子チートシート
The W3C Markup Validation Service
外部リンク
開発
チェッカー
HTML
The W3C Markup Validation Service
Can I use？
外部リンク
開発
チェッカー
HTMLCSSブラウザ対応
Can I use？
HTML 5 Outliner
外部リンク
開発
チェッカー
HTMLアウトライン
HTML 5 Outliner
Card validator
外部リンク
開発
チェッカー
URLXOGPシミュレーション
Card validator
OGP画像シミュレータ
外部リンク
開発デザイン
チェッカー
画像SNSOGPシミュレーション
OGP画像シミュレータ
リッチリザルト テスト
外部リンク
開発運用／管理
チェッカーGoogleマーケティング
GoogleリッチリザルトSEO
リッチリザルト テスト
TinyPNG
外部リンク
デザイン開発
計算／変換
圧縮PNGJPEGパンダ
TinyPNG
COMPRESS JPEG
外部リンク
開発デザイン
計算／変換日本向け
圧縮JPG
COMPRESS JPEG
とほほのHTML入門 (HTMLリファレンス)
外部リンク
開発
学習日本向け
HTMLリファレンス
とほほのHTML入門 (HTMLリファレンス)
HTML特殊文字コード表
外部リンク
開発
コード日本向け
HTML特殊文字
HTML特殊文字コード表
Webクリエイターボックス - Flexboxチートシート
外部リンク
開発
メディアチートシート
CSS
Webクリエイターボックス - Flexboxチートシート
CSS grid チートシート
外部リンク
開発
チートシート日本向け
CSS
CSS grid チートシート
Emmetチートシート
外部リンク
開発
チートシート
HTMLCSS
Emmetチートシート
.htpasswdファイル生成
外部リンク
開発
日本向け生成コード
パスワードBasic認証
.htpasswdファイル生成
インターネット回線の速度テスト
外部リンク
運用／管理
チェッカー
ネット回線スピード
インターネット回線の速度テスト
パスワード生成
外部リンク
開発
生成日本向け
パスワードランダム乱数pass
パスワード生成
お名前.com
外部リンク
運用／管理
サービス
ドメインサーバー
お名前.com
XServer
外部リンク
運用／管理
サービス
ドメインサーバー
XServer
AWSマネジメントコンソール
外部リンク
運用／管理開発
サービス
Amazonサーバー
AWSマネジメントコンソール
Google Search Console
外部リンク
運用／管理
Googleマーケティング無料
GoogleSEO
Google Search Console
Google analytics
外部リンク
運用／管理
マーケティング無料Google
Googleアクセス解析
Google analytics
Firebase
外部リンク
運用／管理開発
無料Googleサービス
Googelサーバーデータベース
Firebase
CRI BOOT CAMP
外部リンク
開発
無料日本向け学習
HTMLCSSJSPHP初学者
CRI BOOT CAMP