Tools
無料ツール
登録不要。ブラウザだけで使えます。比較的かんたんです。代行サービスではありません。
先に結論
108.works の無料ツールは、アカウント登録なし・課金なしで使えます。多くはブラウザ内だけで処理し、画像やパスワードをサーバーに送りません。 「自分で直せるところまで自分で進め、それでも不安なときだけ人に頼む」ための入口です。
- 作る … 問い合わせフォーム(PHP)、メタタグ、CSS のたたき台
- 確かめる … 公開サイトのざっとチェック、アクセシビリティの詳細確認
- 整える … WebP 変換、サーバー/DB 向けパスワード生成
ツール一覧
-
お問い合わせフォーム生成
欲しい問い合わせフォームを、比較的かんたんに作れます。項目を選んで、サイトに載せられる PHP を受け取れます。
フォーム生成を開く →
-
WebP 変換
JPEG / PNG などを、ブラウザ上で WebP に変換できます。画像はサーバーに送りません。Chrome 拡張もあります。
WebP 変換を開く →
-
MaruCheck(サイトチェック)
公開URLを入れると、サイトの状態をすぐ確認できます。登録不要の無料ツールです。
MaruCheck を開く →
-
A11y 詳細チェック(アクセシビリティ)
公開URLのアクセシビリティを、WCAG 2.1 AA 観点で詳しく確認できます。公開ゲート合格の目安付きです。
A11y 詳細チェックを開く →
-
パスワード生成
ブラウザ上でパスワードを作ります。サーバーや DB で使える記号だけ選べます。
パスワード生成を開く →
-
CSS Playground
Grid やコントラストの CSS をブラウザ上で生成できます。プレビューで確認しながらコピーできます。
CSS Playground を開く →
-
メタタグ生成
タイトル・説明・OGP・Twitter Card 用のメタタグを作れます。SNS風プレビューで確認しながらコピーできます。
メタタグ生成を開く →
どれを使うか(場面別)
- お問い合わせが届かない・スパムが多い … フォーム生成と スパム対策ガイド/ 届かないときのガイド
- 公開したサイトが不安 … MaruCheckと 公開後チェック
- 画像が重い・形式で迷う … WebP 変換と WebP 判断ガイド
- 管理画面や DB のパスワードを作る … パスワード生成と 記号の選び方
- SNS 用のタイトル・OGP を揃える … メタタグ生成
- Grid や影の CSS を試したい … CSS Playground
データの扱い
パスワード生成・WebP 変換・メタタグ生成・CSS Playground は、原則としてこの端末のブラウザ内で完結します。 MaruCheck と A11y 詳細は、公開 URL を読み取って結果を返すため、検査対象のページ内容にアクセスします(ログイン不要の公開ページ向け)。
詳しくは預かりの約束とプライバシーポリシーを参照してください。営業メールのリスト取得には使いません。
Chrome 拡張
Chrome に入れて、表示中のページや画像をその場で処理します。データは端末内だけで扱います。
-
WebP 変換
JPEG / PNG などを、端末内で WebP に変換します。ページ上の画像は右クリックでも保存できます。
Chrome に追加 →
-
Site Check
表示中ページの SEO / OGP / JSON-LD / 見出し / 画像 / リンクを、その場で確認します。構造化データのコピーや FAQ 生成もできます。データは端末内だけで処理します。
Chrome に追加 →
-
A11y Check
表示中ページのアクセシビリティを、WCAG 2.1 AA 観点でその場チェックします。優先して直す項目やハイライト、手動確認用チェックリストに対応。データは端末内だけで処理します。
Chrome に追加 →
あわせて読むガイド
ツールの使い方だけでなく、現場でよくある困りごとの解説です。ガイド一覧
-
スパムの典型パターンと、項目設計・確認画面・サーバー側でできる対策を整理します。
-
表示・SSL・フォーム・更新の古さなど、自分で先に確認できる項目を優先度つきで並べます。
-
レンタルサーバーや MySQL でよく弾かれる記号と、安全さを落とさず通す選び方を説明します。
-
ブラウザ側・サーバー側・受信メールの順で切り分け、自分で直せるところから潰します。
-
画像は WebP にするべき? JPEG / PNG のまま?
写真は WebP、透過や印刷用は別、という実務寄りの選び方を短く整理します。
-
端末・URL・SSL・キャッシュを切り分けてから、公開面の診断や相談に進みます。
-
まず受信を守り、次に送信そのものを減らす。自前 PHP に切り替える判断も触れます。
-
STUDIO・Wix に PHP フォームが置けない理由と代替
PHP が動く場所と動かない場所を分け、それぞれ現実的な問い合わせ手段を選びます。