迷ったら、最初に3つだけ決める
ツール選びで迷うときは、機能の多さよりも先に「最終的に何を完成させたいか」を決めると選びやすくなります。
- 出力先：Web、SNS、紙、名刺、資料など、作ったものをどこで使うか。
- 入力の性質：公開してよい情報か、Wi-Fiパスワードや下書きのように端末内で扱いたい情報か。
- 確認したいこと：数値だけでよいのか、見た目・読み取り・文章の差分まで確認したいのか。
制作・デザインなら、サイズと見え方を先に整える
画像を作り始める前に、掲載先の比率と、切り抜かれてはいけない範囲を決めます。数字を計算するだけでなく、使う媒体でどう見えるかまで確認したい人向けの棚です。
- アスペクト比計算機：片方の幅・高さからもう一方を求めたいとき。媒体別の選び方ガイドもあります。
- OGPシミュレーター：リンクを共有したときのタイトル、画像、説明の見え方を確認したいとき。
- 強調線メーカー：サムネイルや告知画像に、視線を集める背景を加えたいとき。
- Katakata Font-Lab：日本語フォントの印象と、読み込みサイズの違いを比較したいとき。
開発・文章なら、単位・動作・変更箇所を確認する
Webページは「見た目が合っている」だけでなく、異なる画面幅で読めること、変更前後の意図が追えることも大切です。
- px / rem 変換：基準となる文字サイズや余白をそろえたいとき。サイズ設計ガイドと合わせて使えます。
- テキスト差分チェック：文章・設定・コードの変更箇所を、提出前や公開前に確認したいとき。
- px / rem ガイド：数字を変換するだけでなく、段階の作り方と保守性を考えたいとき。
- CodeStudioの使い方ガイド：小さなHTML/CSS/JavaScriptの試作を、ブラウザで確かめたいとき。
日常・情報共有なら、結果と渡した後まで確認する
計算結果の前提だけでなく、QRコードのように相手へ渡した後の使われ方まで確認する分野です。税・端数・誕生日・公開情報など、見落としやすい条件を先に整理します。
- 割引計算ツール：何％オフかを計算し、税込・税抜や重ね割引の違いも確認したいとき。
- 年齢・和暦・西暦早見表：生年月日から年齢を確認したり、西暦と元号を照合したいとき。
- パスワード生成：推測されにくい文字列を作り、保存方法まで決めたいとき。考え方ガイドも確認してください。
- QR Maker Lab：URL、Wi-Fi、メール、連絡先などをQRにし、画像として保存したいとき。
- QR Maker Lab：印刷サイズ、余白、掲示情報の注意点はツール内の説明と実例集で確認したいとき。
PikaLabは、子ども向け学習ラボとして別に選ぶ
PikaLabは日常の作業を終わらせる実用ツールではなく、小中学生と保護者が遊びながら試せる学習エリアです。目的が異なるため、3本の実用分野とは分けて案内しています。
- PikaLab：漢字、分数、リズム、瞬読などのミニアプリから学びたいとき。
- CodeStudio：HTML/CSS/JavaScriptを実際に動かしながら学びたいとき。
目的別の早見表
| 困っていること | 最初に開く道具 | 最後に確認すること |
|---|---|---|
| SNS用画像の形が合わない | アスペクト比計算機 | 中央の安全域と掲載先の見え方 |
| 共有時の画像やタイトルが不安 | OGPシミュレーター | スマートフォンでのカード表示 |
| CSSの数字がばらばら | px / rem 変換 | 段階の一貫性と小画面での可読性 |
| 変更箇所を見落としたくない | テキスト差分チェック | 追加・削除の意図と行単位の差分 |
| 印刷物にQRを載せたい | QR Maker Lab | 実印刷物の読み取りと公開情報 |
| 割引や年齢を確認したい | 割引計算 / 年齢早見表 | 税・端数・誕生日などの前提 |
使わない方がよい場面
道具は多いほど便利とは限りません。次の場合は、KatakataLab以外（または別の手順）の方が安全・正確です。
- 法的・会計の最終判断: 税額や契約条件の確定は、専門家や公式の計算結果を優先してください。割引ツールは買い物前の目安です。
- 高度な画像編集: 切り抜き位置の芸術的判断、色補正、背景除去は、専用の編集ソフトやサービスの方が向いています。ここは「サイズの出発点」を出す場所です。
- 秘密情報の取り扱い: パスワード生成はブラウザ内で行いますが、生成後の保管・共有の責任は使う側にあります。共有Wi-Fiや共有端末では特に注意してください。
- 子ども向け学習の中心利用: PikaLabやキッズ向け実験は広告なし方針のエリアです。学習教材の選定そのものは、保護者・教員の判断が必要です。
迷ったときの決め方（3問）
- 完成物は何か？ 画像ファイル、数値、QR画像、差分の確認結果など。
- 制約は何か？ 掲載先の比率、記号禁止、印刷サイズ、税込表示など。
- 最後に誰が確認するか？ 自分だけか、家族・同僚・公開先のプレビューか。
3つ答えられたら、実例集の近い例を開き、同じ入力で一度通してみるのが最短です。答えられないままツールを開くと、結果の数字だけが増えて判断が遅れます。
分野別の次に読むガイド
- 制作・デザイン → アスペクト比ガイド / 実例集
- Web制作 → px / rem ガイド / IT入門
- アカウント安全 → パスワードの考え方
- 共有・印刷 → QR Maker Lab（用途別の短い補助ページは必要に応じてツール内から辿れます）
- 子ども向け実験 → PikaLab（広告なし）
このガイドとツールの確認方法
このページは、ツール名を並べるだけにならないよう、各ツールで想定する入力・出力・失敗しやすい場面を実際に確認して整理しています。確認時は、デスクトップとスマートフォンの表示、主要リンク、空欄や上限値を含む入力例、結果の説明がつながっているかを見ています。詳しい基準は制作・検証方法にまとめています。
計算や変換の結果は実装上の式と入力値に基づきます。一方、SNSや印刷環境など外部サービス・端末に依存する内容は、仕様変更や環境差があり得るため、最終確認をユーザー側でも行えるように注意点を添えています。
よくある質問
Q. 目的が複数ある場合はどう選べばよいですか？
A. 最後に提出・公開・印刷するものを基準にします。たとえばSNS画像なら比率を先に決め、共有時の見え方をOGPシミュレーターで確認する順番がおすすめです。
Q. 入力した情報は保存されますか？
A. ツールごとに仕組みが異なります。ブラウザ内で完結するものでも、保存や外部サービス連携の有無は各ページの説明をご確認ください。
Q. 使いたい道具が見つかりません。
A. トップの検索欄では、正式名称だけでなく、かたかたラボ・KatakataLabのような表記違いや用途の別名でも探せます。それでも見つからない場合はお問い合わせください。
15分で一通り試すならこの順
初めての方は、全部を開かず次の順で十分です。
- 実例集で「入力→結果→最後の確認」の型を1つ読む。
- 自分の目的に近い分野のツールを1つだけ開く（画像なら比率、登録ならパスワード、共有ならQR）。
- 同じ入力を実例どおりに入れ、結果の読み方を確認する。
- 公開・印刷・登録の直前に、ツール外の最終確認（実機・投稿先・元資料）を行う。
KatakataLabは「全部を使いこなすサイト」ではなく、「今の困りごとに合う道具を、安全に1回通すサイト」として使うのが向いています。