アスペクト比の使い方ガイド
16:9 / 4:3 / 1:1 / 9:16 を、YouTube・SNS・資料作成の実例で整理しました。どの比率を選ぶべきか迷う場面から入れます。
- 動画・画像・資料での使い分け
- よくあるミスとサイズ計算例
- 比率を先に決めるべきケース
Featured Guides
検索結果を行き来しなくても、ページ内で考え方から使い方まで追える内部ガイドを先に置いています。
px / rem の使い方ガイド
レスポンシブ対応やアクセシビリティで `rem` を使う理由を、文字サイズ・余白・デザインレビューの実例でまとめました。
- 16px基準と62.5%運用の違い
- 余白・見出しを揃える考え方
- px固定で困る典型パターン
パスワード作成の考え方ガイド
長さ・記号・使い回し・保管方法の判断を、Wi-Fi共有や日常ログインの具体例で整理しました。ツールで作ったあとに何を気をつけるかまで扱います。
- 安全性と覚えやすさの両立
- 用途別に強さを変える目安
- ありがちな誤解と避けたい保存法
QR Guide Picks
QR Forge Lab で公開している用途別ガイドの中から、実務で使われやすいテーマを先に拾えるようにしています。
Wi-Fi共有QRの作り方
店舗やイベントで接続先を毎回説明しなくて済むように、SSID・暗号化方式・掲示サイズの考え方までまとめています。
- 来店客向けネットワークの分離
- 掲示場所ごとの運用ポイント
- 読み取り確認の流れ
LINE追加QRの作り方
店頭POP、配布物、イベント受付で友だち追加の取りこぼしを減らすために、掲示位置と説明文の作り方まで整理しています。
- LINE ID / URL の入力注意点
- 読み取り率が落ちる配置の回避
- 用途別にQRを分ける考え方
連絡先(vCard)QRの作り方
名刺や登壇資料で連絡先をそのまま登録してもらうために、表示名・電話・メール・Webサイトの整理手順をまとめています。
- 名刺交換後の登録ミスを減らす
- 更新しやすい掲載情報の設計
- 複数端末での保存確認ポイント
メール起動QRの作り方
問い合わせや資料請求で入力の手間を減らすために、宛先・件名・本文テンプレートの作り方と運用時の注意点を整理しています。
- 窓口ごとにQRを分ける考え方
- 件名と本文を短く保つコツ
- iOS / Androidでの送信確認
Projects
このドメイン内で完結する実用ツールを中心に並べています。まずガイドを読み、必要になったらそのまま計算や作成に進める構成です。
「調べて理解する」と「実際に手を動かす」を往復しやすい順で並べています。外部サービスは後半に配置しています。
Webツール
PICK
QR Forge Lab
ブラウザ完結でQRコードを作成。Wi-Fi共有やSNS誘導など、用途別の解説ページも用意しています。
使う →Webツール
アスペクト比計算機
16:9などの比率計算を一瞬で。画像リサイズや動画編集に役立つ計算ツール。
使う →Webツール
強力パスワード生成
安全なランダムパスワードを即座に作成。文字種や長さも自由に設定可能。
使う →Webツール
px / rem 変換
CSSコーディングの必需品。ピクセルとremを相互に変換する計算機。
使う →外部ツール
Playポイント計算機
姉妹サイトの計算機です。KatakataLab内の主力ツールを見たあとに、必要ならこちらも使えます。
詳細を見る →note
かたかたのnote
このサイトの管理人であるかたかたが感じたこと考えたことをひたすらに公開中。
詳細を見る →開発環境
My Desk & Gear
このラボの研究員が欲しい機材や、いま狙っている最強のガジェットたち。
中身をのぞく →開発者コラム
HOT
かたかたの野望
AIパスポート挑戦、中学生向けコンテンツ、新作ゲーム…。開発者が描く未来の地図。
野望をのぞく →更新履歴
UP!
アップデート情報
2026.02.04: 便利ツール3種（パスワード生成など）をラインナップに追加しました。
履歴を見る →教育・学習
NEW
PikaLab
小中学生や保護者様向けの教育サイト！楽しい学習ゲームやお役立ちツールがたくさん。自信作！
詳細を見る →About Lab
KatakataLab（カタカタラボ）は、
「検索しても毎回しっくり来る答えがない」を減らすための個人ラボです。
たとえば、画像サイズの比率がすぐ決まらない、CSSの数値変換で毎回電卓を開く、パスワード作成の基準が曖昧なまま作業が止まる。そうした細かい詰まりどころを、ツールと解説をセットで残しています。
このラボの基準は「小さく試して、すぐ役立てる！」。作って終わりではなく、実際に使って不便だった点や、問い合わせで詰まりやすかった点を反映しながら更新しています。
かたかたとは
KatakataLabを運営する個人クリエイター「かたかた」です。
「好奇心は無限大∞」をモットーに、
WebサイトやAndroidアプリの開発を行っています。
興味深い様々な話題やちょっとだけためになる情報をnoteで発信し、
同じように人生という名の大航海を楽しむ人たちと関わりたいと思っています。
面白いことを妄想したり、くだらなく楽しいことに全力で頭を使って遊ぶのが好きで、
「これがあったらちょっと助かる」「もっと楽しく学べたらいいのに」を形にするのが得意分野です。
教育系や便利系のコンテンツが多めですが、
使った人の詰まりどころが少しでも減るように、公開後も手を入れながら育てています。
困りごとから作った実例
比率で止まる制作作業
YouTube用に16:9、ショート用に9:16、資料用に4:3と、媒体ごとに比率が切り替わる作業をまとめて処理できるようにしました。
CSS数値の変換ミス
レビュー直前に 24px を何 rem にするか迷う場面を減らすため、変換表と基準サイズの確認をすぐできる形にしています。
安全だけど運用しやすいパスワード
長さや記号を強くするだけでは現場で使いづらい場面もあるため、用途別に考え方を整理してから生成できるようにしています。
内部で完結する主役コンテンツ
よくある質問（FAQ）
Q1. ツールの利用料金はかかりますか？
A. 現在公開している主要ツールは、ブラウザ上で無料で利用できます。会員登録が必要な機能は、各ページで事前に明示します。
Q2. 入力した情報は保存されますか？
A. ツールごとの仕様に従います。保存が発生する場合は、対象データと保存目的を該当ページで説明します。不要な個人情報入力は推奨していません。
Q3. 計算結果が想定と違う場合はどうすればいいですか？
A. 入力値・単位・四捨五入条件を確認し、再計算してください。再現する場合は、入力例と期待結果を添えてお問い合わせいただければ調査します。
Q4. コンテンツはどのくらいの頻度で更新されますか？
A. 不定期ですが、機能追加・品質改善・安全性対応を優先して更新しています。更新内容はアップデート情報で公開します。