AI・ChatGPTにコードを送る前にマスキングすべき情報
AIやChatGPTにコードを入力する前に、APIキー、顧客情報、社内URL、識別子などを確認し、安全にマスキングする手順を解説します。
使い方・トラブルシューティングガイド
ブラウザツールの安全な使い方、形式の選び方、具体的な操作手順、問題が発生したときの確認項目をまとめています。
安全な利用とデータの取扱い
問題が発生したとき
タグ
コード・データを安全に共有する
SQLのテーブル名・カラム名・値をマスキングする方法
SQLを共有する前に、テーブル名、カラム名、検索条件の値、コメントを構造を保ったままマスキングする手順を解説します。
JSON・APIレスポンスから個人情報や秘密情報を除去する方法
JSONやAPIレスポンスを共有するときに、キー、文字列、数値、認証情報を階層構造を保ってマスキングする方法を解説します。
ログを共有する前にIPアドレス・URL・認証情報を隠す方法
Log4j、Syslog、JSON Lines、アクセスログを共有する前に、IPアドレス、URL、トークン、利用者情報をマスキングする方法を解説します。
CSV・TSVの個人情報を列・セル単位でマスキングする方法
顧客一覧やテストデータのCSV・TSVを共有する前に、氏名、メールアドレス、電話番号、IDを表構造を保ってマスキングする手順を解説します。
XMLの要素・属性・CDATAを構造を保ってマスキングする方法
XMLファイルを共有する前に、要素テキスト、属性値、CDATAの個人情報や認証情報を、階層と名前空間を保ってマスキングする手順を解説します。
BashスクリプトをAIへ安全に貼る方法｜APIキー・URL・環境変数をマスキング
BashスクリプトをChatGPTやIssueへ共有する前に、APIキー、Token、URL、Host名、環境変数、Path、コメントを構文を保ってマスキングする手順です。
COBOLコードをAIへ安全に貼る方法｜顧客名・契約番号・項目名をマスキング
COBOLコードをChatGPT等のAIや外部Issueへ共有する前に、顧客名、契約番号、ファイル名、データ項目名をPIC・COMP-3等を残してマスキングする手順です。
Objective-CコードをAIへ安全に貼る方法｜APIキー・URL・識別子をマスキング
Objective-CコードをAIや外部Issueへ共有する前に、APIキー、URL、識別子、コメントを構文を残してマスキングする手順を解説します。
RubyコードをAIへ安全に貼る方法｜APIキー・URL・クラス名をマスキング
RubyコードをAIや外部Issueへ共有する前に、APIキー、URL、クラス名、コメントをマスキングする方法とRuby固有構文の確認点を解説します。
SwiftコードをAIへ安全に貼る方法｜APIキー・URL・クラス名をマスキング
SwiftコードをAIや外部Issueへ共有する前に、APIキー、URL、型名、関数名、コメントをマスキングする方法とSwift固有構文の確認点を解説します。
RustコードをAIへ安全に貼る方法｜APIキー・URL・識別子をマスキング
RustコードをAIやIssueへ共有する前に、APIキー、URL、Crate名、型名、関数名、コメントをマスキングし、所有権やLifetimeの調査Contextを残す方法です。
VBAコードをAIへ安全に貼る方法｜顧客名・ファイルパス・シート名をマスキング
VBAコードをChatGPT等のAIや外部Issueへ共有する前に、顧客名、Workbook名、Sheet名、ファイルパス、APIキーをマスキングする方法を解説します。
VB.NETコードをChatGPT・AIへ安全に貼る方法｜社内情報をマスキングして共有
VB.NETコードをChatGPT等のAIや外部Issueへ共有する前に、クラス名、メソッド名、変数名、URL、文字列をマスキングする方法を解説します。
PHPコードをChatGPT・AIへ安全に貼る方法｜クラス名・変数・URLをマスキング
PHPコードをChatGPTなどのAIや外部Issueへ共有する前に、クラス名・関数名・変数名・URL・文字列をマスキングする方法とPHP 8構文の注意点を解説します。
TypeScriptコードをChatGPT・AIへ安全に貼る方法｜型名・API情報をマスキング
TypeScriptコードをChatGPTや外部Issueへ共有する前に、型名・関数名・API URL・環境変数・コメントをマスキングし、型情報とRuntime Secretを分けて確認する方法を解説します。
C#コードをAIへ安全に共有する方法｜識別子・接続先・値をマスキング
C#コードをAIや質問サイトへ共有する前に、型や処理構造を残して識別子、接続先、値、コメントをマスキングする手順と注意点を解説します。
C++コードをAIへ安全に共有する方法｜クラス・テンプレート・値をマスキング
C++コードをAIへ共有する前に、class・template・ownership構造を残し、識別子、値、path、commentをマスキングする手順を解説します。
C言語コードをAIへ安全に共有する方法｜関数・構造体・マクロをマスキング
C言語コードをAIや外部へ共有する前に、関数、構造体、変数、マクロ、文字列、数値をマスキングする手順と、ポインタ・配列・プリプロセッサの確認点を解説します。
PythonコードをChatGPT・外部Issueへ安全に共有する方法
Pythonコードを共有する前に、API Key・顧客情報・Module名・関数名・値・コメントを確認し、ブラウザ内でマスキングする手順と注意点を解説します。
jQueryコードをChatGPT・外部Issueへ安全に共有する方法
jQueryコードを共有する前に、API URL、Token、Selector、Form名、Event、Commentを確認し、ブラウザ内でマスキングする手順と制限を解説します。
Vueコードを安全に共有する方法｜SFCをマスキングする手順
Vue SFCを共有する前に、秘密の削除、最小再現化、template・script・style横断確認、ブラウザ内マスキングの手順と限界を解説します。
React・JSX・TSXコードを安全にマスキングして共有する方法
ReactのJSX・TSXを共有する前に、Token、URL、Props、JSX Text、Directiveを確認し、ブラウザ内でマスキングする手順と制限を解説します。
画像・動画・音声を変換する
動画から音声だけを抽出する方法｜MP4・MOVなどから音声を保存
MP4・MOV・WebM・MKV等の動画から音声だけを抽出する方法を、MP3・WAVの選び方、音質、無音時の確認とともに解説します。
動画の特定場面を画像として保存する方法｜好きなフレームを切り出す
MP4・MOV・WebM・GIFの好きな場面をPNG・JPEG・WebPへ切り出す方法を解説します。開始・終了時刻と抽出間隔を指定し、ブラウザ内で画像保存できます。
JPEG・PNG・WebP・AVIFの違い｜用途別の画像形式の選び方
JPEG、PNG、WebP、AVIFの圧縮、透過、画質、互換性を比較し、写真・ロゴ・スクリーンショットに適した形式を選ぶ方法を解説します。
MP4をGIFに変換する方法｜ブラウザだけでアニメGIFを作成
MP4をアニメーションGIFへ変換する手順を解説します。必要部分を切り出し、FPS、横幅、色数、ループを調整してブラウザ内でGIFを作成できます。
MP3・WAV・M4A・FLACの違い｜どの音声形式へ変換すればいい？
MP3、WAV、M4A、FLACの圧縮方式、容量、互換性、用途を比較し、編集・配布・保存に適した変換先の選び方を解説します。
音声ファイルをYouTubeにアップロードする方法｜画像を付けて動画化
MP3・WAV・M4A等の音声に画像1枚を付け、YouTubeに投稿できるMP4動画を作る手順と確認点を解説します。
SVGをJPEG・JPGに変換する方法｜背景色と画質の設定
SVGをJPEG・JPGへ変換する手順と、透明背景の合成、品質、文字や細線の圧縮劣化、元SVGを残す理由を解説します。
Figmaから書き出したSVGを軽量化する方法｜不要情報・pathを最適化
Figmaから書き出したSVGのgroup、path、ID、色、viewBoxを確認し、Web用に安全に軽量化する手順とcurrentColorの判断基準を解説します。
画像をグリッチ加工する方法｜RGBずれ・ノイズ・画像崩壊を作る
写真や画像へRGB分離、横スライス、ブロックずらし、残像、ノイズ、ピクセル伸長を加え、デジタル故障風のグリッチ画像を作る手順を解説します。
データモッシュしても効果が出ない原因｜キーフレーム・Codecを確認
データモッシュ効果が弱い、変化が見えない原因をCodec、Keyframe、Sceneの動き、加工範囲、Canvas設定に分けて確認する方法を解説します。
データファイルを閲覧する
大容量CSV・TSVを確認する方法｜Excelを開かず行数・データを閲覧
大容量CSV・TSVをブラウザで確認するときのMemory、Web Worker、Pagination、100,000行・200列の上限と、段階的な実測方法を解説します。
SQLiteの.dbファイルを開いて中身を見る方法｜ブラウザでTableを確認
SQLite 3の.db・.sqlite・.sqlite3ファイルをブラウザで開き、Magic Header、Table、Column、Rowsを読み取り専用で確認する手順を解説します。
TSVをTXTに変換する方法｜タブ区切りを普通のテキストへ変換
TSVのTab区切りをSpace、Pipe、固定幅などのTXTへ変換する手順と、Header、空Field、改行Codeを確認する方法を解説します。
JSONの構文エラーを見つける方法｜間違っている行・列をチェック
JSON構文エラーを行・列と該当箇所から見つける方法を解説します。カンマ、括弧、引用符、Escapeを一箇所ずつ直して再確認します。
JSONの重複キーを確認する方法｜Treeで値を失わず警告を読む
同じObject内に同名キーが複数あるJSONをTree Viewerで値を失わず表示し、RFC 8259、一般的なParserの上書き挙動、修正方法を解説します。
YAMLの構文エラーを見つける方法｜エラー行・インデントをチェック
YAML構文エラーの行・列を確認し、インデント、タブ、コロン、ダッシュ、引用符、重複キーを順に直す方法を解説します。
XMLの構文エラーをチェックする方法｜行・列から原因を探す
XML構文エラーを行・列と周辺抜粋から確認し、閉じタグ、属性、Entity、名前空間を順に修正する方法を解説します。
SQLの構文エラーをチェックする方法｜行・列から原因を探す
SQLの括弧、引用符、コメントの未終了を行・列と周辺抜粋から確認し、対象DBで再検証する手順を解説します。
Base64で日本語・絵文字が文字化けする原因｜UTF-8で正しく変換
日本語や絵文字のBase64変換で文字化け・InvalidCharacterErrorになる原因と、UTF-8 Byte列を使った正しいEncode・Decode方法を解説します。
日本語URLをエンコード・デコードする方法｜文字化けの確認ポイント
日本語URLをUTF-8でエンコード・デコードする手順と、文字化け、途中Decode、%25E6になる二重変換の確認方法を解説します。
URLのクエリパラメーターを一覧で確認する方法｜Key・Valueを分解
URLのQuery StringをKey・Value単位へ分解し、順序、重複、空値、Encoded値とDecoded値を一覧で確認する方法を解説します。
日時をUNIX時間に変換する方法｜日付からTimestampを生成
日時とTimeZoneからUnix Timestampを生成する方法を解説します。UTC・JST・Local Timeの違い、DST、秒・ミリ秒出力も確認できます。
16進数のFFは10進数でいくつ？255と-1になる違いを解説
16進数FFがUnsigned 8bitでは255、Signed Two’s Complementでは-1になる理由を、Bit WidthとBit Patternから解説します。
/24・/28・/30は何台使える？CIDRごとのIPアドレス数を計算
/24・/28・/30などのCIDRから総アドレス数と従来型の利用可能ホスト数を計算し、/31・/32やAWSとの違いも解説します。
おしゃれ文字が「□」「?」になる原因｜特殊文字が表示されないときの確認方法
Unicode特殊文字が四角形や疑問符になる原因を、Code Point、FontのGlyph、OS・アプリ対応、文字コード変換の順に切り分ける方法を解説します。
おしゃれ文字を普通の文字に戻す方法｜Unicode正規化と逆変換を解説
数学英数字・全角・丸囲み等を普通の英数字へ戻す方法を、NFKCで戻せる範囲と、結合装飾・上下反転などLosslessに戻せない範囲に分けて解説します。
おしゃれ文字を使うと文字数が増える？SNS・入力制限で長さが合わない原因
Unicodeのおしゃれ文字で見た目の文字数とJavaScript lengthやSNSの上限が合わない理由を、Grapheme・Code Point・UTF-16・UTF-8に分けて解説します。
WebページをHTMLで保存する方法｜ページの魚拓を手元に残す
Webページや用意したHTMLソースを.htmlファイルとして保存する方法を、現在DOM・完全保存との違い、相対URL、外部CSS・画像、CORSの注意点とともに解説します。
LaTeX数式が表示されない原因｜$・\[・数式モードを確認
LaTeX数式が表示されないときに、数式区切り、Inline・Display、未対応Command、Environment、波括弧、Web Rendererの対応範囲を確認します。
文字からASCIIコードを調べる方法｜A・a・0・記号を10進・16進で確認
1文字からASCIIコードを調べる手順を、A・a・0・記号の10進数、16進数、2進数、Unicode表記とASCII範囲外入力の扱いで解説します。
order・group・user・keyをカラム名にするとエラーになる？SQL予約語の確認方法
order、group、user、keyをSQLのカラム名・テーブル名へ使う場合の予約状態をDB別に確認し、安全な命名と引用方法を整理します。
415 Unsupported Media Typeの原因と対処｜Content-Type・JSON・ファイル形式を確認
APIがHTTP 415 Unsupported Media Typeを返す場合に、Request Content-Type、Body形式、Content-Encoding、multipart境界、Serverの許可形式を確認する方法です。
HTMLで<・>・&を文字として表示する方法｜HTMLエンティティへ変換
HTMLで<・>・&・引用符などの特殊文字を、タグとして解釈させず文字として表示する方法とHTML文字参照への変換手順を解説します。
PDFに文字・画像・署名を追加する方法｜既存PDFへ追記
PDFへ文字、画像、図形、手書き署名を追記する手順と、既存文章の直接編集・OCR・電子証明書署名との違いを解説します。
JSONサンプルからJSON Schemaを自動生成する方法
APIレスポンスや設定JSONから型、必須項目、配列、formatを推定し、JSON Schema作成のたたき台を生成する手順を解説します。
JSON SchemaでJSONを検証し、エラー位置を確認する方法
Draft 2020-12・Draft-07のJSON SchemaでJSONを検証し、型、必須項目、format、JSON Pointerから不一致の原因を特定する手順を解説します。
正規表現の一致・置換結果をブラウザで確認する方法
正規表現のフラグ、一致範囲、キャプチャグループ、置換結果をテストし、意図しない一致や処理負荷を確認する方法を解説します。
JSONPathでJSONを検索して必要な値を抽出する方法
JSONPathテスターでAPIレスポンスや設定JSONを検索し、値、型、正規化パス、JSON Pointerを確認する手順を解説します。
Markdownをブラウザでプレビューして確認する方法
Markdownファイルやテキストを読み込み、見出し、表、リスト、コード、リンクをプレビューしてHTML表示を確認する方法を解説します。
HTTPステータスコードの意味・原因・対処法を調べる方法
HTTPステータスコード100～511を検索し、意味、主な原因、クライアント・サーバー側の対処、再試行、キャッシュ、似たコードの違いを確認する方法を解説します。
デバイスの動作を確認する
キーを1回押したのに2回入力される原因｜チャタリングを確認
1回の押下が二重入力になるときに、自動リピートとチャタリング疑いを区別し、ブラウザで再現条件を確認する方法を解説します。
Web会議前にカメラが映るか確認する方法｜Zoom・Meet・Teams前のチェック
Zoom、Google Meet、Microsoft Teams等の会議前に、カメラ権限、使用中デバイス、映像、解像度、推定FPSを確認する手順を解説します。
Web会議前にマイクが使えるか確認する方法｜Zoom・Meet・Teams前のチェック
Zoom、Google Meet、Microsoft Teams等のWeb会議前に、マイク接続、権限、入力デバイス、音量、録音状態を確認する手順を解説します。
User-Agentの見方｜ブラウザ・OS・デバイスを判別する方法
User-Agent文字列の見方を実例で分解し、ブラウザ・OS・デバイス・エンジンを判別する手順と、UAを信用しすぎないための注意点を解説します。
MIDIキーボードの鍵盤・ベロシティ・ペダル入力を確認する方法
MIDIキーボードのノート番号、ベロシティ、チャンネル、サステインペダルをブラウザで確認する手順を解説します。
ゲームパッドのボタン・スティック・デッドゾーンを確認する方法
ゲームパッドのボタン、スティック、トリガー、方向キー、デッドゾーンをブラウザで確認する手順を解説します。
マウス・トラックボールのクリックとホイール入力を確認する方法
マウスやトラックボールの左右・中央・サイドクリック、連打、ホイール、ポインター移動をブラウザで確認する方法を解説します。
ディスプレイのドット抜け・色ムラを全画面で確認する方法
黒・白・RGB・グレーを全画面表示し、ドット抜け、明点、暗点、subpixel、輝度ムラを見分ける手順と注意点を解説します。
ディスプレイのリフレッシュレート・FPSを測定する方法
ブラウザの描画間隔からディスプレイのリフレッシュレートとFPSを測定し、フレーム落ちや安定性を確認する方法を解説します。
サポート問い合わせ用の環境情報をまとめて確認する方法
Webサービス・社内システム・QA・GitHub Issueの問い合わせ用に、Browser、Version、OS、Device、Screen、Viewport、DPR、Language等を安全に共有する方法です。
ipconfigのIPアドレスとWebで表示されるIPが違う理由
ipconfigで確認したIPアドレスとWeb上のIPが違う理由を、プライベートIP、グローバルIP、ルーター、NAT、IPv4・IPv6から解説します。
Windowsの時刻が合わない・同期されないときの確認ポイント
Windowsの時計が合わない場合に、時刻の自動設定、TimeZone、Windows Time Service、w32tm、NTP、ドメインポリシーを確認する手順を解説します。
安全な値を生成・照合する
JWTの有効期限を確認する方法｜expを日時に変換して期限切れを判定
JWTのexpをNumericDateの秒としてUTC・ローカル時刻へ変換し、端末時刻、nbf、時計ずれ許容を含めて期限を確認する方法を解説します。
rwxr-xr-xを755へ変換する方法｜Linuxパーミッションの数値計算
rwxr-xr-xや-rw-r--r--をOwner・Group・Otherへ分け、4・2・1を足してchmod数値へ変換する方法を解説します。
LinuxでPermission deniedが出る原因と対処｜ls・chmod・chownで権限確認
LinuxのPermission deniedを、実行User、Owner・Group、Fileと親DirectoryのMode、ACL、SELinux、Mount Optionの順で切り分けます。
パスワードは何文字必要？8文字・12文字・16文字の考え方を解説
パスワードは何文字なら安全かを、8文字・12文字・16文字の違い、NISTの現行方針、利用先の最大長、ランダム生成の前提から解説します。
SHA-256ハッシュ値を生成する方法｜文字列から簡単に計算
文字列をUTF-8のByte列へ変換し、SHA-256ハッシュ値をHEXまたはBase64で生成する方法と照合時の注意点を解説します。
UUIDを無料で生成する方法｜UUIDv4をブラウザで作成
UUIDv4を暗号学的に安全な乱数で生成する方法を解説します。36文字形式、Version 4、RFC Variant、一括生成と保存まで確認できます。
GUIDを無料で生成する方法｜ランダムGUIDをブラウザで作成
C#・.NET・SQL Serverで使うランダムGUIDをブラウザ内で最大10,000件生成し、形式変換・コピー・保存する手順を解説します。
.gitignoreに書いたのに無視されない原因｜追跡済みファイルを確認
.gitignoreが効かない原因を、追跡済み状態、Pattern、配置場所、否定Rule、Windowsの拡張子から順番に切り分けます。
GitHub用SSH鍵を作成・登録する方法｜Ed25519で接続
GitHub用Ed25519 SSH鍵の生成、PUBLIC KEY登録、ssh-agent追加、ssh -T接続確認を公開鍵・秘密鍵を混同せず解説します。
Cookie・Set-Cookieの属性を解析してセキュリティ設定を確認する方法
Cookie・Set-CookieヘッダーのSecure、HttpOnly、SameSite、Domain、Path、有効期限を解析し、安全性と設定ミスを確認する手順を解説します。
Webサイトのセキュリティヘッダーを確認する方法｜不足している設定をチェック
CSP、HSTS、nosniff、クリックジャッキング対策などのHTTPレスポンスヘッダーを、DevToolsやcurlから取得して確認する手順を解説します。
XでシャドウBANされている？表示制限を確認する方法
Xの検索、アカウント、返信、投稿直リンクを複数環境で確認し、シャドウBANと呼ばれる表示制限の兆候を安全に切り分ける方法を解説します。
ファイルの違いを確認する
2つのテキストの差分を比較する方法｜変更箇所をブラウザで確認
2つの文章・コード・設定ファイルを比較し、追加・削除・変更箇所を行番号付きで確認する方法を解説します。空白や改行の差も安全に切り分けます。
2枚の画像の差分を比較する方法｜変更箇所をPixel単位で確認
2枚の画像やスクリーンショットをSide-by-Side・Overlay・Pixel差分で比較し、変更Pixel数、差分率、色差を確認する方法を解説します。
制作・作業を効率化する
cURLをJavaScriptのfetchに変換する方法｜APIリクエストをコード化
cURLのURL、HTTPメソッド、Header、JSON BodyをJavaScript fetchへ変換し、CORSとCredentialsを確認する方法を解説します。
HTMLをMarkdownに変換する方法｜Web文章をMarkdown形式へ変換
HTMLをDOMParserで解析し、見出し、段落、List、Table、Code、LinkをMarkdownへ変換して確認する方法を解説します。
画像・スクリーンショットからQRコードを読み取る方法
PNG、JPEG、WebP、GIF、BMP画像やスクリーンショットからQRコードを読み取り、Raw文字列とURLを開く前の注意点を確認します。
画像・スクリーンショットからバーコードを読み取る方法
PNG・JPEG・WebP・GIF・BMP画像やスクリーンショットからバーコードを読み取り、Raw値、検出形式、画像品質の確認方法を解説します。
Cron式の書き方｜毎分・毎時・毎日・平日の設定例
Linuxの5フィールドCronを基準に、毎分・毎時・毎日・毎月・平日の設定例と、次回実行日時を確認する手順を解説します。
HEXとRGBを相互変換する方法｜カラーコードの計算と確認
HEXの#RRGGBBをRGBの0〜255へ相互変換する方法を、#0063c5とrgb(0 99 197)の計算例、Alpha、丸めの注意とともに解説します。
Zalgoを普通の文字に戻す方法｜大量の結合文字を解除
文字の上下へ重なったZalgoテキストから結合文字を除去する方法を、安全寄りの既知Mark解除と全Unicode Mark解除の違い、復元限界とともに解説します。
Backend未完成でもFrontendを開発する方法｜モックAPIレスポンスを作成
Backend APIが未完成でも、API仕様とモックJSONを使ってFrontendの一覧・詳細・Empty・Error UIを先行実装する手順を解説します。
ポモドーロタイマーで作業時間と休憩を管理する方法
25分の集中と短い休憩を繰り返すポモドーロタイマーの設定方法、通知、長い休憩、作業記録の使い方を解説します。
絵文字を日本語名・Unicodeコードから検索してコピーする方法
絵文字一覧から日本語名、英語名、キーワード、Unicodeコードで目的の絵文字を検索し、肌色などのバリエーションやコード表記を確認してコピーする方法を解説します。
条件に一致するガイドがありません。検索語を短くするか、別のタグを選択してください。