便利ツール

修正前後の文章をDiffcheckerへ投入。3行の変更はどこまで細かく見える?

この記事のポイント元文と修正文を左右へ貼るだけで比較できた「12本」「実画面」「4段階」の変更を追えた比較だけなら登録不要、保存や共有は別条件になるサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文の画面は実際の操作...
便利ツール

「RX-2026」だけ拾いたい。regex101で大文字2字+4桁を試した結果

この記事のポイントRX-2026とAB-1234の2件だけが一致した小文字のrx-2025は大文字指定のため外れた右側の説明欄で各記号の意味を分解して読めるサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文の画面は実...
セキュリティ

JWTを貼ると何が見える?架空トークンで「復号」と「検証」の差を確かめた

この記事のポイント架空JWTからsub・role・iatを読める形にできたデコードは内容表示であり署名の正当性確認とは別だログイン不要で使えたが実サービスのトークンは貼らない方がよいサムネイルはイメージ写真。写真の配布元:Unsplash(...
便利ツール

ブランド青「#2563EB」をRGBへ変換。37・99・235になるまでを確認

この記事のポイント#2563EBはRGB(37, 99, 235)になった6桁を2桁ずつ赤・緑・青として変換するCSSではrgb(37 99 235)をそのまま使えるサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文...
ソフトウェア

読めない1行SQLを整形。JOINとWHEREがどこで分かれるか試した

この記事のポイント1行SQLがSELECT・JOIN・WHEREごとに分かれたキーワード大文字、字下げ2文字の設定を使った整形は読みやすさを変えるがクエリーの正しさは検証しないサムネイルはイメージ写真。写真の配布元:Unsplash(利用許...
便利ツール

YAMLの5行をJSONへ変換。trueと2件の配列はどう残る?

この記事のポイント5行のYAMLが波括弧付きのJSONへ変わったtrueは引用符なしの真偽値として保持されたハイフンで並べた2項目はJSON配列になったサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文の画面は実際の...
セキュリティ

「RyXeon 2026」をSHA-256にすると?64桁が1文字違いを見分ける仕組み

この記事のポイントUTF-8の「RyXeon 2026」は64桁の16進数になった同じ入力と文字コードなら結果は毎回同じになるハッシュは元へ戻す暗号化ではなく照合用の要約値だサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾...
ソフトウェア

SVGは画像なのに文字で作れる。1行のコードで640×360ロゴを描画

この記事のポイントrect・circle・path・textの4要素でロゴを描けたviewBoxを640×360にすると拡大しても比率を保てるコード修正とプレビューを同じ画面で往復できるサムネイルはイメージ写真。写真の配布元:Unsplas...
ソフトウェア

3色を135度でつなぐ。CSS Gradientでそのまま使える背景コードを作った

この記事のポイント3色の位置を0%・50%・100%へ指定した135度にすると左上から右下へ色が移る生成コードは通常色とlinear-gradientの2行で使えるサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文の...
便利ツール

5980円の商品だけ外れた。JSONPathで5000円未満を2件抽出

この記事のポイント5000円未満の条件で3商品から2商品を抽出できた式は配列・条件・取り出す項目の順に読める5000円ちょうどを含めるなら「<」を「<=」に変えるサムネイルはイメージ写真。写真の配布元:Unsplash(利用許諾)。本文の画...