個人エンジニアの工房

Tech System Lab

仕事や暮らしで必要になったものを、自分で作って公開しています。

ブラウザだけで動くツール、Excelの練習問題、作る過程で調べたことをまとめたコラム。企画から実装・デザイン・記事の執筆まで、ひとりで手がけています。ツールに入力した内容はサーバーへ送らず、端末の中だけで処理します。

コンテンツ

ツールてがるツール文字数カウント・タイマー・QRコード作成など、ブラウザだけで動く小さなツール集。入力した内容を外部に送信しません。 19種類開く学習 Excel練習関数の使い方を読んだあと、そのページの中で数式を入力して試せます。Excelを持っていなくても手を動かして確認できます。 17単元開く読みものコラム文字コードのバイト数、パスワードの強度、消費税の端数処理など、ツールを作る過程で調べたことや仕事でつまずいた話。 11本開く

てがるツール

すべて見る（19種類）

どれもブラウザの中だけで動きます。入力した内容をサーバーへ送らないため、見られたくない文章や公開前のURLでも、どこかに記録が残る心配をせずに扱えます。

テキスト文字数カウント文章の文字数・単語数をすぐに数えるテキストテキスト差分比較 2つの文章の違いを並べて確認テキストフリップボード文字を画面いっぱいに表示。応援ボードやフリップにテキスト台本スクロール台本をなめらかにスクロール表示。手動・自動モード対応テキスト大文字 / 小文字変換英字テキストを大文字・小文字に一括変換セキュリティパスワード生成強くて覚えやすいパスワードを作る時間フレキシブルタイマー細かく設定できる多機能タイマー時間シンプルタイマーぱっと使える素直なタイマー時間日数計算 2つの日付の差や「あと何日」をすぐに計算計算マルチカウンター複数のカウンターを同時に管理計算電卓ふつうに使える電卓計算消費税計算税率10%・8%対応。税抜き⇔税込みを即計算変換 QRコード作成 URLや文字をQRコードに変換変換 URLエンコード / デコード URLの特殊文字を安全に変換変換単位換算長さ・重量・温度・データ容量を瞬時に換算変換カラーコード変換 HEX・RGB・HSL のカラーコードをリアルタイムで相互変換変換画像カラーピッカー画像をアップロードしてクリックするだけで色を取得。HEX・RGB・HSL でコピー変換画像圧縮複数枚まとめて圧縮してZIPで一括保存。JPEG・PNG・WebP に対応ランダムくじ引き・抽選リストや番号からランダムに当選者を抽選

Excel練習

すべて見る（17単元）

関数の使い方を読んだあと、そのページの中で実際に数式を入力して試せます。ブラウザ上に表計算の画面を用意しているので、Excelを持っていなくても手を動かして確認できます。入力した数式は正誤だけでなく、書き方が違う場合や、別の値では答えが合わなくなる場合も指摘します。

基礎操作 Excelの数式の書き方（基本） Excelの計算の出発点。=から始める理由と、数字を直接書かずセル参照を使う理由を練習問題で確認できます。関数 SUM関数の使い方合計を求める基本の関数。範囲指定の書き方と、つまずきやすいポイントを練習問題で確認できます。関数 AVERAGE関数の使い方平均を求める関数。空白セルと 0 で結果が変わる仕組みを練習問題で確認できます。基礎操作オートフィルの使い方同じ式を何行にもコピーする操作。連番の作り方と、コピーで参照がずれる仕組みを練習問題で確認できます。関数 ROUND・ROUNDUP・ROUNDDOWNの使い方数値を丸める3つの関数。桁数の指定と、表示形式で丸めるのとの違いがつまずきどころです。関数 COUNT・COUNTA・COUNTBLANKの使い分け個数を数える3つの関数。何を数えたいかで COUNT・COUNTA・COUNTBLANK を使い分けます。基礎操作絶対参照（$マーク）の使い方コピーしても参照先がずれない書き方。$ を付ける位置と、F4での切り替えを練習問題で確認できます。関数 COUNTIF関数の使い方条件に合うセルだけを数える関数。条件を " で囲む理由と、セルを条件に使うときの & がつまずきどころです。関数 SUMIF関数の使い方条件に合うものだけを合計する関数。SUMIF と SUMIFS で引数の並びが逆になるのが最大のつまずきどころです。基礎操作 Excelのエラー値の意味と直し方セルに出る「#」で始まる表示の読み方。どのエラーが何を訴えているのかが分かれば、直す場所はすぐ見つかります。関数 IF関数の使い方条件によって結果を変える関数。合否判定や区分けなど、実務でいちばん使う場面が多い関数です。関数 AND・OR・NOTの使い方複数の条件を組み合わせる関数。「60以上80未満」を一つの式で書くと、エラーは出ないのに必ず間違った結果になります。関数 TEXT関数の使い方数値や日付の見た目を整える関数。曜日の取り出しと0埋めが主な使いどころで、結果が文字列になる点に注意が必要です。関数文字列を結合する（&・CONCAT・TEXTJOIN）複数のセルの文字をつなげる方法。&が基本で、区切り文字を入れたいときはTEXTJOINを使います。関数 VLOOKUP関数の使い方表から値を探して取り出す関数。FALSE の付け忘れと列番号の数え方が二大つまずきポイントです。関数 XLOOKUP関数の使い方 VLOOKUPの後継にあたる検索関数。左方向も引けて、列番号を数える必要がありません。関数 IFERROR関数の使い方エラーのときだけ別の表示に差し替える関数。書き方は簡単ですが、隠していいエラーと隠すと危ないエラーの区別が肝心です。

コラム

記事一覧を見る（11本）

ツールを作る過程で調べたことや、実際の仕事でつまずいた話を記事にしています。文字コードのバイト数、パスワードの強度、消費税の端数処理など、「ツールを使えば答えは出るけれど、理由まではよくわからない」ところを扱っています。

QRコード QRコードの誤り訂正レベルとは？用途別の選び方 L・M・Q・Hの4段階の意味と、印刷・画面表示・ロゴ埋め込みなど用途ごとの選択基準を解説します。 QRコード QRコードの実用的な使い方まとめ URLの共有だけじゃない。Wi-Fiパスワード共有・名刺・テキスト転送など、知っておくと便利な使い方を紹介します。セキュリティ安全なパスワードの作り方と強度の考え方パスワードの強度を決める要素（長さ・文字種・ランダム性）と、安全に管理するための実践的な方法を解説します。文字コード日本語が3バイトになる理由 — 文字コードとバイト数の話 UTF-8の可変長エンコーディングの仕組みと、なぜ日本語は英字より多くのバイト数を使うのかをわかりやすく解説します。変換 URLエンコードとは何か、なぜ必要なのか URLで使えない文字をパーセント記号と16進数で表す仕組み。日本語URLやフォームのPOSTデータに関係する基礎知識を解説します。デザインカラーコードの仕組み — HEXとRGBの違いと使い分け HEX・RGB・HSLそれぞれの表記形式の意味と、場面ごとの使い分けをデザイン・Web開発の視点から解説します。デザイン画像から色を抽出する — カラーピッカーの活用場面デザインの色合わせ・ブランドカラーの確認・資料作成など、画像から色コードを取得するカラーピッカーの実践的な使い方を紹介します。計算消費税の端数処理、切り捨て・切り上げ・四捨五入どれが正解？消費税計算で生じる端数の法的・実務的な扱い方を解説。インボイス制度との関係や、実際の処理方法の選び方も紹介します。日付日付計算でよく使うテクニックと落とし穴月末・うるう年・営業日数など、間違えやすいポイントを解説。起算日の扱いや締め切り逆算の実践テクニックも紹介します。単位単位換算の落とし穴 — キロとキビバイトは別物 MBとMiB、KbpsとKB/sなど紛らわしい単位の違いを解説。HDDの容量表記とOSの表示が違う理由など、データ単位の混乱を整理します。テキストテキスト差分比較の活用テクニックコードレビュー以外での差分比較の使い方を紹介。文書の改訂管理・設定ファイル比較・原稿校正など実践的な活用シーンを解説します。

このサイトについて

きっかけは、仕事でWebツールを使うたびに「入力した内容はどこかに保存されていないだろうか」と気になったことでした。気になって使うのをやめ、結局手作業で済ませる——そんなことが続いたので、それなら自分で作ろうと思ったのが始まりです。公開しているのは、実際に自分の仕事や生活で必要になったものばかりです。

運営しているのはWebエンジニアの個人で、企画・実装・デザイン・記事の執筆まで一人で手がけています。機能の説明には、できることだけでなく、できないことも書くようにしています。タイマーで音が鳴らないこと、QRコードは印刷後にリンク先を変えられないことなど、使う前に知っておきたい制約は、各ツールのページに明記しています。

サイトの運営費は広告でまかなっており、ツールの利用そのものは無料です。有料の機能や会員登録の予定はありません。「こんなツールが欲しい」「ここが使いにくい」といったご意見は、お問い合わせフォームからお寄せください。実際に手を入れる際の判断材料にしています。

運営者情報とサイトの方針はこのサイトについて、データの取り扱いはプライバシーポリシーに記載しています。