BLOG
ペンタブレット・タッチペンの筆圧テスト
ペンタブレットやタッチペン(Apple Pencil、Surfaceペンなど)の筆圧や傾きが、ブラウザーで正しく認識されているかをチェックするツールです。キャンバスに線を描くと、筆圧に合わせて線の太さが変わり、筆圧・傾き・入力の種類・読み取りの速さを数値で表示します。新しいペンの動作確認や、お絵
タイピング速度測定(日本語・英語)
キーボードのタイピング速度を測るツールです。日本語(ローマ字入力)と英語に対応し、1分間に打てた文字数や正確さ、苦手なキーを表示します。ローマ字は「shi」と「si」、「tsu」と「tu」のような違う打ち方でも正しく判定します。キーボードを替えた時の比較や、毎日の練習にお使いください。タイピ
スマホの水平器・センサー確認
スマホやタブレットのセンサーを使って、水平・傾きを測る水平器のツールです。棚や額縁、家具の傾きを手軽にチェックできます。端末を立てて使う傾き計や、傾き・加速度・方位など、センサーの値をそのまま表示する画面もあります。センサーが正しく動いているかの確認にもお使いください。水平器このツールは
ブラウザーの対応機能チェッカー
お使いのブラウザーが、画像・動画の形式や、新しいCSS・JavaScriptの機能に対応しているかを一覧でチェックするツールです。「この画像形式は表示できる?」「このCSSは使える?」を調べたい時や、サイトの表示がおかしい時の原因探しにお使いください。チェックはブラウザーの中だけで行い、結果はど
ファビコン生成ツール
文字や絵文字、手持ちの画像から、サイトのファビコン(ブラウザーのタブに表示される小さなアイコン)を作るツールです。favicon.ico、iPhoneのホーム画面用(apple-touch-icon)、Android用のアイコンをまとめて作り、ZIPでダウンロードできます。<head>
CSSグラデーション・影の生成ツール
スライダーで色や角度を動かしながら、CSSのグラデーション(linear-gradient・radial-gradient)と影(box-shadow)を作るツールです。見本から選んで調整することもでき、できあがったCSSはそのままコピーして使えます。CSSを作るグラデーション影(box
メタタグ(OGP)生成ツール
ページのタイトルや説明文を入力すると、検索結果やSNSでの見え方を整えるメタタグ(title・description・OGP・Xカード)をまとめて作るツールです。Googleの検索結果、X(旧Twitter)、Facebookでどう表示されるかをその場でプレビューし、文字数が多すぎる時や画像のサ
あなたの環境チェッカー
お使いの端末の画面サイズ・表示領域(ビューポート)・ピクセル比と、ブラウザ・OS・ユーザーエージェントなどの情報を表示するツールです。結果はまとめてコピーできます。
QRコード生成ツール
URLや文章からQRコードを作成するツールです。色・サイズ・誤り訂正レベルを設定して、PNG画像またはSVG画像でダウンロードできます。無料・商用利用可で、入力内容はサーバーに送信されません。
カラーコード変換・コントラスト比チェック
カラーコードをHEX・RGB・HSLに相互変換するツールです。文字色と背景色のコントラスト比を計算し、読みやすさの基準(WCAG)のAA・AAAを満たしているかもチェックできます。