本文へスキップ
totonoe.tech

💻 開発ツール

開発ツールを整える。

プログラミングや開発で「毎回ググるやつ」を、1ページに。

2進数・16進数の変換、SQLやPythonをインストールなしで試せる練習場、Base64・URLエンコード、JWTデコード、UUID、cron式、色コード、QRコードまで──開発の現場でよく使う定番をそろえました。(Linuxコマンドは「Linux」、設計手法は「設計・開発手法」、認証・パスワードは「セキュリティ」へ)

基数変換を整える

= 2進数・16進数の変換

2/8/10/16進の相互変換、ビット演算、2の補数(8/16/32/64bit)に対応した基数変換ツール。

  • ● 2/8/10/16進の4方向変換
  • ● プレフィックス自動判定(0x/0b/0o)
  • ● 2の補数表現
専門
開く

GPIO を整える

= ラズパイのピン配列(電源・GND・入出力)

Raspberry Pi 40ピンGPIOのピン配列を電源・GND・I2C・SPI・UARTで色分け表示し、各ピンの役割・BCM番号・3.3V注意点を解説する学習用ツール。

  • ● 40ピンを基板どおりの配置で表示
  • ● 電源/GND/GPIO/I2C/SPI/UART を色分け
  • ● ピンごとの役割・BCM番号・代替機能
専門
開く

Base64・URLエンコードを整える

= 文字列をBase64・URLエンコードに(日本語も文字化けせず双方向)

文字列のBase64・Base64URL・URLエンコード/デコードをブラウザ内で双方向変換。日本語・絵文字もUTF-8で文字化けせず、バイト数表示と不正入力のエラー検出つき。暗号化ではなく可逆エンコード。送信ゼロ。

  • ● Base64 / Base64URL / URLエンコード / URL全体の4方式
  • ● エンコード⇄デコードをワンクリック切替+入出力の入れ替え
  • ● 日本語・絵文字もUTF-8で安全(文字化けなし)
中級
開く

JWTをデコードを整える

= JWTを貼ると中身を読める(署名は確認しません)

JWTを貼るとheader/payloadを整形JSONで表示し、iat/exp/nbfを日本時間に変換・期限切れ判定。署名は検証せず、トークンは送信ゼロでブラウザ内のみ処理。

  • ● header / payload を整形JSON表示(Base64URL→UTF-8)
  • ● iat / exp / nbf を JST・UTC・相対時間に変換
  • ● exp<now で期限切れ判定(nbf 未到来も検知)
中級
開く

UUID・ULIDを整える

= 世界でかぶらない番号(UUID/ULID)を作って・確かめる

UUID v4・ULID をブラウザ内で生成(1〜100個)・整形・検証するツール。UUIDはバージョン/バリアント判定、ULIDは埋め込み時刻を復元。乱数は暗号乱数、送信ゼロ。

  • ● UUID v4 を個数指定(1〜100)でまとめて生成
  • ● ULID 生成(時刻48bit+乱数80bit・26文字・生成順ソート可)
  • ● ハイフン有無・大文字小文字・波括弧トグル+NIL UUID+全部コピー
中級
開く

cron式を整える

= crontab を人間語に翻訳+次の実行時刻を一覧

cron式(crontab)を日本語に翻訳し次回実行時刻を端末時計基準で一覧表示。*,-/ステップ・曜日0-7・JAN/MON対応、日と曜の両方指定はOR。送信ゼロ。

  • ● cron式を入力すると即・日本語の説明(例「毎日 9:00 に実行」)
  • ● 次回実行時刻を5〜10件、端末ローカル時刻で一覧(間隔つき)
  • ● 毎分・毎日0時・平日9時・*/15 などプリセットをクリック挿入
中級
開く

色コードを整える

= 色の番号(#3366ccなど)を変換して、読みやすさも確かめる

色コードをHEX・RGB・HSLで相互変換し、文字色と背景色のコントラスト比をWCAG基準(AA/AAA)で判定。透明度・3桁HEX対応、明度や補色も表示。すべてブラウザ内で完結。

  • ● HEX ⇄ RGB ⇄ HSL の相互変換(どれを編集しても追従)
  • ● カラーピッカー連動+大きなプレビュー
  • ● RGBA/HSLA(透明度)・3桁HEX対応
中級
開く

QRコードを整える

= 文字やURLからQRコードを作る

テキストやURL、Wi-Fi情報などからQRコードを生成。誤り訂正・サイズ・余白を調整しPNG/SVGで保存。生成は自前実装で端末内完結、送信ゼロ。

  • ● テキスト/URLから即時QR生成
  • ● 誤り訂正L/M/Q/H・セルpx・余白を調整
  • ● PNG/SVGダウンロード
中級
開く

YouTubeリンクを整える

= YouTube URLの変換と、概要欄チャプターの表示チェック

YouTube URLから標準/短縮/タイムスタンプ付きURL・埋め込みiframeコード・サムネイルURL4種を一括生成する変換機能と、概要欄チャプター行の公式表示ルール(0:00始まり・3個以上・昇順・各10秒以上)を機械検証する機能を持つツール。埋め込みはyoutube-nocookie.com既定。送信ゼロ(YouTubeへの通信なし)。

  • ● watch/youtu.be/shorts/live/embedのどの形式のURLでも動画IDを判定
  • ● t=90・t=1h2m3s・start=秒など複数表記のタイムスタンプに対応
  • ● 標準URL・短縮URL・タイムスタンプ付きURLを一括生成
初級
開く

US・JISキーボード配列を整える

= SSHで「@」が「[」になる事故を、逆引きと図で防ぐ

JIS/US配列の物理キー位置ごとの出力対応表(Windows/Linux向けJIS 106/109・US ANSI 104が根拠)をもとに、打ちたい文字から押すべきキーを逆引きし、押したキーの結果も確認できるツール。配列図とsetxkbmap/localectl/loadkeysの直し方コマンドつき。Mac JISは対象外。送信ゼロ。

  • ● 「打ちたい文字→押すキー」の逆引き(@ [ ] { } \ | _ " ' = + * ^ ~ ` & ( ) : ; < > ? / - とJIS固有の¥・ろに対応)
  • ● 「押したキー→実際に出る文字」の順引きも同じ画面で確認
  • ● JIS/US配列図を左右に並べて色分け表示、クリックで両配列の出力を比較
初級
開く

JSONを整える

= 壊れたJSONの場所と原因を日本語で。整形・圧縮・修復もブラウザ内で

JSONの整形・圧縮・構文チェック・修復を行うブラウザ内ツール。エラー位置と原因を日本語で表示し、スマート引用符・全角スペース・末尾カンマ・コメント・シングルクォートなどコピペ起因の破損をワンクリックで修復。数値は生文字列のまま保持し15桁超のIDも丸めない。送信ゼロ。

  • ● 構文エラーの行・列と原因を日本語で表示(自前パーサ)
  • ● スマート引用符・全角スペース・末尾カンマ・コメント・シングルクォートをワンクリック修復
  • ● 文字列の中身は修復で変更しない(安全な置換のみ)
中級
開く

グラフを整える

= どのグラフを使えばいいかが分かって、その場で描けるツール

目的を選ぶとおすすめグラフが分かり、8種の見本SVGで違いを理解。自分の数字を入れて棒・円・折れ線等をその場で描画。%や座標も計算。すべてブラウザ内・送信ゼロ。

  • ● 目的(6種)から「おすすめのグラフ」を逆引き表示
  • ● 棒・横棒・円・折れ線・積み上げ・帯・散布図・ヒストグラムの8見本をライブSVGで
  • ● 各見本に「✅こんな時」「⚠️やりがちなNG」を併記
初級
開く

チェックデジットを整える

= 番号の最後の1桁が「合っているか」を、桁ごとの計算で確かめる

クレジットカード番号(Luhn)・マイナンバー(総務省告示 mod 11)・法人番号(mod 9・先頭桁)・ISBN-10/13・JAN-13/8 の7方式のチェックデジットを、桁ごとの重み・積・折り返し・合計・余りの内訳表つきでブラウザ内で検証するツール。テスト用番号(実在の人・カード・法人と無関係な乱数)を生成でき、入力欄の直上に本物の番号を入力しない注意書きを固定表示。1桁の誤りを必ず検出できる理由と、Luhn で隣接する9と0の入れ替えを検出できない既知の例を解説。送信ゼロ。

  • ● Luhn(クレジットカード等)・マイナンバー・法人番号・ISBN-10/13・JAN-13/8の7方式に対応
  • ● 桁ごとの重み・積・折り返し・累計を内訳表で可視化(しくみの図解つき)
  • ● 1桁の入力ミスを検出できる理由と、検出できない既知の例(隣接9↔0の入れ替え)を解説
初級
開く

他のカテゴリ

運営サイト

私たちが運営するサイト