合同会社SEN

[合同会社SEN @sendotltd]

🚀 #253 Cubic-Bezier Editor

ドラッグハンドルで cubic-bezier を編集するビジュアルエディタ。プレビュー連動、12 種類のプリセット、純粋な bezier 数学を 18 件のテストで保証

https://t.co/ED1Tg0UqgY

#javascript #css #animation #svg #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #252 Semantic Layer Playground

ブラウザ完結 semantic layer 教育ツール。Tech Radar Vol 34 Trial、metric を 1 度定義 → 次元と filter から SQL を生成

https://t.co/f8Oeur9H4g

#javascript #sql #techradar #frontend #webdev #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #251 Mutation Testing Playground

ブラウザで動く mutation testing 教育ツール。Tech Radar Vol 34 Trial、19 種類の operator でテストの感度を測定

https://t.co/oP0iFq3mWT

#javascript #testing #techradar #frontend #webdev #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #250 Server-driven UI

JSON spec → UI ウィジェット render の live editor。Tech Radar Vol 34 Trial の Server-driven UI 体験用、12 ウィジェット、21 件のユニットテスト

https://t.co/zVtAqQNuvE

#javascript #ui #techradar #frontend #webdev #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #249 Schema → LLM Prompt

JSON Schema → LLM 用 prompt + example + 出力 validator。Tech Radar Vol 34 Adopt の Structured output 体験用

https://t.co/Z6S63jdKKh

#javascript #llm #jsonschema #techradar #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #248 Markdown → Typst

Markdown → Typst マークアップ変換器。Tech Radar Vol 34 Trial の Typst 評価用に、既存 README の見え方を並べて確認

https://t.co/8fTHiWiJHD

#javascript #typst #markdown #techradar #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #247 JSON ⇔ TOON Converter

JSON ⇔ TOON コンバータ。Tech Radar Vol 34 Assess より、LLM トークン数を JSON と並べて比較。純粋変換 + ヒューリスティック token 推定

https://t.co/m1Q1nGgyOM

#javascript #llm #json #techradar #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #246 CSS Grid Builder

ビジュアル CSS Grid テンプレートエディタ + ライブプレビュー。fr / px / minmax / repeat 等のトラック編集、gap と整列の調整、生成 CSS をコピー。7 …

https://t.co/5iyyWA12Xq

#javascript #css #cssgrid #layout #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #245 Regex Builder

正規表現をトークン選択で組み立てるビジュアルビルダー。21 種のトークン（文字クラス / 量指定子 / アンカー / グループ）、ライブマッチハイラ…

https://t.co/bTbVDUkAiq

#javascript #regex #developer-tools #frontend #webdev #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #244 CSS Animation Designer

ビジュアル @keyframes エディタ + ライブプレビュー。タイムラインで stop を編集、transform / opacity / color などを設定、生成 CSS をコ…

https://t.co/ND0oQMR4cC

#javascript #css #animation #keyframes #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #242 npm Downloads Chart

複数 npm パッケージのダウンロード推移を 1 つの SVG チャートで比較。https://t.co/fd9gO5BXsM から直接 fetch、純粋スケール計算 + tick アルゴリズム…

https://t.co/TEvkAQAqJR

#javascript #npm #dataviz #svg #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #243 Tetris

落ち物パズル。SRS rotation + wall kick、7-bag randomizer、ゴーストピース、レベル連動 gravity、NES 風スコアリング。Canvas + vanilla JS、純粋ボードエンジン…

https://t.co/ErABGKvMkY

#javascript #game #tetris #canvas #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #242 npm Downloads Chart

複数 npm パッケージのダウンロード推移を 1 つの SVG チャートで比較。https://t.co/fd9gO5BXsM から直接 fetch、純粋スケール計算 + tick アルゴリズム…

https://t.co/TEvkAQAqJR

#javascript #npm #dataviz #svg #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #241 tw-to-css

Tailwind ユーティリティクラスを貼ると素の CSS に変換 + live preview。Tailwind v3 デフォルトテーマのサブセット (~100 utilities) を実装。純粋パーサと UI を分離、43 件…

https://t.co/IaGjo84teK

#javascript #tailwind #css #frontend #webdev #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #240 Chord Progression Generator

任意のキーとスケールでダイアトニックなコード進行を生成。Web Audio API で実際に音が鳴る。Pop / Jazz / Pachelbel など 7 種類のジャンルプリセッ…

https://t.co/2UKjMnhiS8

#javascript #webaudio #music #musictheory #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #239 Sort Visualizer

Bubble / Insertion / Merge / Quick Sort をステップ単位でアニメーション。Generator 関数でアルゴリズムロジックと DOM を完全分離。比較・スワップ回数…

https://t.co/VpBHTXUmxS

#javascript #sorting #algorithms #visualization #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #238 Expression Eval

数式を入力するとトークン列・AST・評価結果をリアルタイム表示。再帰下降パーサ、右結合 ^、関数・変数・定数 (pi e tau) サポート

https://t.co/P1FqJnNnzw

#javascript #parser #compilers #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #237 Moon Phase

任意日時の月相と照度を計算するブラウザ完結ツール。Julian Date と朔望月から phase を算出し、SVG で terminator (明暗境界) を ellipse arc で描画する

https://t.co/53UWi3KUyg

#javascript #astronomy #svg #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #236 CIDR Calc

IPv4 CIDR を貼ると network / broadcast / first/last usable / host 数 / mask / wildcard / 分割 を即計算。/31 の point-to-point や /32 のホスト指定も正しく扱う

https://t.co/4IoOEvlsho

#javascript #networking #cidr #ipv4 #frontend #個人開発 #SEN合同会社

[合同会社SEN @sendotltd]

🚀 #222 Key Event Viz

押したキーの KeyboardEvent 全フィールドをライブ可視化。key vs code、IME composition、getModifierState、左右/テンキーの location を一画面で見る

https://t.co/PKtOtzP2US

#javascript #dom #keyboard #frontend #個人開発 #SEN合同会社