@webtoolgen profile picture
WebToolGen管理人 @webtoolgen

Web制作の「アレ、どう書くんだっけ？」を1秒で解決する無料ツール集『WebToolGen』の管理人。現場で本当に使えるジェネレーターや、安全なコピペ用スニペット（WP/HTML/サーバー周り）を無造作に流します。中の人は現役のフロントエンド兼ディレクター。

Joined March 2026
  • Tweets 125
  • Following 10
  • Followers 6
Photos and videos
急に「CSPを設定して」と言われて焦った時に😇 Google FontsやYouTube等の外部リソースを許可する安全なヘッダーコードをサクッと生成できます🛡️👇 webtoolgen.com/server/csp-ge… #Web制作 #セキュリティ
2
box-shadowの値、感覚で指定しようとすると沼にハマりますよね。実務向けプリセットとプレビューを見ながら微調整できる、そのままコピペできるジェネレーターです✨👇 webtoolgen.com/markup/css-bo… #Web制作 #コーディング #CSS
9
WordPressのregister_post_type、引数の書き方が多すぎて毎回ドキュメント見ていませんか？実務でよく使う設定をUIで選ぶだけで最適なPHPコードを出力するジェネレーターです👇 webtoolgen.com/wordpress/cus… #WordPress #Web制作 #PHP
8
WordPressをサブディレクトリに入れた時のリダイレクト設定、毎回ググっていませんか？😇 環境に合わせた安全な.htaccessをブラウザ上で自動生成するツールです👇 webtoolgen.com/server/wordpr… #WordPress #Web制作
27
「バラバラのPDFをまとめて1ファイルにして」という依頼、重いソフトなしでドラッグ＆ドロップで一瞬で結合できるツールです👇 webtoolgen.com/convert/pdf-m… #Web制作 #Webディレクション
8
フォームバリデーションや.htaccessの転送パターンに必要な正規表現、毎回書き方を忘れてませんか😇よく使うパターンの生成＆リアルタイムでテストできるツールです👇 webtoolgen.com/server/regex-… #Web制作 #プログラミング #エンジニア
1
2
16
HTMLのクラス名を1つずつCSSファイルに転記する作業、地味に面倒ですよね😇HTMLを貼るだけでSassのネスト階層ごとCSSセレクタを一括抽出する時短ツールです👇 webtoolgen.com/markup/html-t… #Web制作 #コーディング #CSS
10
「とりあえずここに仮の画像を置いておいて」用のグレー画像、毎回作るの面倒ですよね。サイズ・色・テキストを指定するだけでimgタグのsrcに使えるダミー画像URLを生成するツールです🎨👇 webtoolgen.com/markup/placeh… #Web制作 #コーディング #Webデザイン
1
2
13
サイト移行後の404を防ぐ転送設定、.htaccessとwp_redirect()のどちらを使うか環境次第ですよね。両方のコードを出力して選べるジェネレーターです。「# BEGIN WordPress」との干渉問題も解説してます👇 webtoolgen.com/wordpress/red… #WordPress #Web制作 #リダイレクト
8
AVIFは軽量で優秀ですが、手元のPCで開けない・Officeに貼れないという場面がありますよね😇サーバーに送信せずブラウザ完結でJPG/PNGに一括変換できるツールです。限界突破モード付き👇 webtoolgen.com/markup/avif-t… #Web制作 #フロントエンド #Webデザイン
1
1
42
自分のサーバー画像が他サイトに直リンクされると転送量の消費だけ増えます😇Google画像検索やOGPシェアは通しつつ、無断直リンクだけをブロックする.htaccessを生成するツールです👇 webtoolgen.com/server/htacce… #Web制作 #セキュリティ #インフラ
1
72
GA4のカスタムイベント計測、gtagの書き方とDOM読み込み待ちの処理が毎回悩ましいですよね。ボタンクリック・フォーム送信などのトリガーを選ぶだけで、すぐ使えるJSコードを出力します📊👇 webtoolgen.com/marketing/ga-… #GA4 #Webマーケティング #Web制作
37
構造化データ（JSON-LD）をSearch Consoleで確認したら「名前のないアイテム」警告が出てた…は実装ミスのサインです😇FAQやパンくずの必須項目を網羅した、警告の出にくいコードを生成するツールです👇 webtoolgen.com/markup/json-l… #SEO対策 #Web制作 #フロントエンド
26
WordPressのwp_is_mobile()、実はタブレット端末をスマホと判定することがあります😇スマホのみで条件分岐させたい場合の、より確実なPHPスニペットをまとめています👇 webtoolgen.com/wordpress/wp-… #WordPress #Web制作 #PHP
10
「PDFの3ページ目と8ページ目だけ抽出して」という依頼、丸ごとのファイルを渡されると困りますよね😇指定したページだけを取り出して新しいPDFとして保存できるツールです👇 webtoolgen.com/convert/pdf-e… #Web制作 #ディレクション
1
16
テスト環境にBasic認証をかけようとして.htpasswdの絶対パスで詰まる、あれ何度やっても忘れますよね😇パスワードの暗号化から、PHPで絶対パスを確認する方法まで解説したジェネレーターです🔑👇 webtoolgen.com/server/basic-… #Web制作 #サーバー #セキュリティ
1
24
競合サイトのSEO構造を調べたい時やコーディング後の検品に。URLを入力するだけでtitle・description・H1〜H6の階層構造・noindexの有無を一覧表示するツールです🔍👇 webtoolgen.com/marketing/seo… #SEO #Webマーケティング #Webディレクション
10
CSSのメディアクエリ、max-widthとmin-widthの使い分けやブレイクポイントの-1px計算、毎回ちゃんと書けてますか？入力するだけで重複バグ防止済みのCSSとSass Mixinを一発出力します👇 webtoolgen.com/markup/media-… #Web制作 #コーディング #CSS
1
17
WordPressのCSS/JS読み込み、functions.phpの書き方を毎回調べていませんか？親子テーマ対応・jQuery依存・filemtimeによるキャッシュ更新をGUIで設定してコード生成できるツールです👇 webtoolgen.com/wordpress/enq… #WordPress #Web制作 #フロントエンド
1
30
「この資料、用途ごとにページを分けて配布したい」という時に。重い専用ソフトなしで、ブラウザ上でPDFをページ単位で分割できるツールです👇 webtoolgen.com/convert/pdf-s… #Web制作 #Webディレクション
1
19
Load more