Creative Engineer Portfolio

Tools

思いついたものをとにかく作り続けている、雑多なブラウザツール置き場です。
AIシェーダー生成、物理演算、音楽制作、開発ユーティリティ——ジャンルも規模もバラバラです。

カテゴリで探す

開発系のユーティリティから、AIを使った生成系、物理・音響シミュレーター、ブラウザゲームまで幅広く揃えています。

すべてサーバー不要・ブラウザ完結で動作し、アカウント登録なしで利用できます。

ツール一覧

CSV

Viewer

CSV Viewer

CSVを読み込んでプレビュー・フィルタ・ソートできる開発者向けビューア。

OGP

Preview

OGP Preview

外部URLのOGP/Twitterカードを取得して即プレビュー。

QR

Generator

QR Generator

URL/WiFi/Email対応。ロゴ埋め込みもできるQR生成ツール。

API

Doc

Romaji → Hiragana

ローマ字→ひらがな変換APIのドキュメントと利用例。

Card

Maker

Name Card Maker

AIなしで作れる名刺ジェネレーター。QR付きでPNG出力。

Design

System

Design System

タイポグラフィやコンポーネントのデザインガイドをまとめています。

Data

Generator

Mock Data Generator

CSV/JSON/XMLの仮データをジャンル別に生成。

Time

Unix

Unix Time Generator

UnixタイムとDiscord形式(t/T/d/D/f/F/R)を一括生成。

Clock

Precision

Precision Clock

NTP/SNTP時刻校正とスイープ針表示に対応した美デザイン時計。

Text

Counter

文字数カウンター

文字数・空白除外・行数・バイト数をリアルタイムに計測。

Format

Converter

JSON / YAML / TOML

設定ファイルの形式を相互に変換。

Base64

Coder

Base64 Encoder

テキストや画像をBase64形式にエンコード/デコード。

JWT

Decoder

JWT Decoder

JWTのペイロードを解析してJSON形式で表示。

Diff

Viewer

Diff Viewer

2つのテキストの差分を比較してハイライト表示。

Text

Case

ケース変換

Camel, Snake, Kebabケースなどへの一括変換。

Dummy

Text

ダミーテキスト

吾輩は猫である、ビジネス、テック系の文章を生成。

Cron

Parser

Cron Expression

Cron式の解析と次回実行時刻のシミュレーション。

Color

Contrast

コントラストチェッカー

WCAG準拠の視認性判定とコントラスト比の計算。

Aspect

Ratio

アスペクト比計算

画面サイズや画像比率の計算ツール。

CSS

Generator

Layout Generator

FlexboxやGridのコードを視覚的に生成。

SVG

Optimizer

SVG Preview

SVGのプレビュー、リサイズ、簡易コード整形。

Secure

Pass

パスワード生成

安全で強力なパスワードをカスタマイズ生成。

File

Converter

File Converter

PDFから画像への変換、画像フォーマットの相互変換。

Media

Resizer

Media Resizer

画像や動画の解像度をブラウザ上で安全に縮小・リサイズ。

Play

Browser

Browser Games

ブラウザですぐ遊べるゲーム専用ページ。

Video

Downloader

Video Downloader

動画URLを入力して動画や音声を安全にダウンロード。

AI Text

Humanizer

AI Text Analyzer & Humanizer

文章の複雑性やばらつき度を可視化・分析し、より自然な表現への書き換えをサポートする文章推敲ツール。

Web

Archiver

Web Page Archiver & Bundler

URLから画像・CSS・フォントをBase64化し、オフライン完全動作する単一HTMLを生成するアーカイブ・魚拓ツール。

AI

Instrument

AI Theremin

Webカメラで手を検知して空中で演奏する未来型AIテルミン。

Security

Client-side

Secure File Crypt

Googleドライブ等で制限のある素材の共有に。パスワードによる暗号化で、ファイルの中身を解析されにくくして安全に共有。

Creative

Web Audio

Sound FX Generator

レトロゲーム風の8bit効果音(ジャンプ、コイン、爆発等)をブラウザ上で自動合成・調整し、WAV出力。

AI Game

MediaPipe

RPS Showdown AI

Webカメラに向かって手を出し、AIとリアルタイムに「じゃんけん」対戦をする空中ゲーム。

Physics

Sandbox

Particle Sandbox

重力、摩擦、マウス引力などを操作し、数千個の粒子が織りなすカオス物理を操るブラウザキャンバス。

Audio

Sequencer

16-Step Beat Maker

Web Audio APIを用いた本格ドラム&ペンタトニックシンセサイザー。直感的なグリッドでオリジナルのビートとメロディを構築し、波形ビジュアライザで目でも楽しめます。

AI Tech

Haptics

AI Haptic Illusion

世界初、触らずに柔らかさや粘り気を伝えるNTT考案の最新触感錯覚アルゴリズムをブラウザで体験。指の動きに連動して変形・伸縮する不思議な仮想ゲル。

AI Avatar

FaceMesh

AI Face Mimic

Webカメラから表情(首の傾き、目開閉、笑顔、視線追従)をリアルタイムに検出し、シンクロして動く Canvasベースのミニマルベクターアバター。

3D

Generator

3D Planet Generator

ブラウザ上でローポリ惑星を自動生成。地形や海、雲、環などを直感的にデザインして3Dモデル (GLTF/GLB) やPNG画像で出力。

AI

Evolution

Creature Evolution

遺伝的アルゴリズムとニューラルネットワークを搭載した仮想生物が、物理演算世界で自発的に『歩行』を学習・進化するシミュレーター。

AI Tech

Visualizer

NN Loss Landscape

多層パーセプトロンの学習におけるパラメータ空間の『損失曲面(Loss Landscape)』と、SGD / Adam などの勾配降下軌跡を可視化する学術プレイグラウンド。

Physics

Sandbox

2D Fluid Simulator

SPH(粒子法)流体物理演算と、水滴が有機的に合体・分離するメタボールレンダリングを組み合わせた物理シミュレーター。粘性や表面張力を直感的に操作。

Art

Synesthesia

Audio Synesthesia Canvas

マイクや内蔵シンセサイザーの音を解析し、定常波曼荼羅や3Dリボンなどの美しい幾何学を描く音響共感覚キャンバス。ポスターとして書き出し可能。

WebGL

Gemini

AI GLSL Shader Painter

プロンプトからWebGLシェーダー(GLSL)コードを生成・コンパイルし、リアルタイムにジェネレーティブ・アートを操るツール。AIがカスタム操作パラメータも自動生成します。

AI Art

Canvas

AI Self-Portrait

5つの内省的な問いに答えると、AIが心理を解析し、抽象的な自己肖像画を生成。画像生成APIは使わず、ブラウザのCanvas上でリアルタイムに描画されます。

AI Audio

Gemini

AI Soundscape Architect

プロンプトで記述された情景(例:サイバーパンクの雨、深海のソナー)から、AIがWeb Audio APIのシンセサイザー合成パラメータを自動設計し、リアルタイムかつ無限に奏でられる環境音響世界を創り出します。

WebGL

Psychedelic

Plasma Field

重なり合うサイン波が織りなすサイケデリックなプラズマフィールド。8種類のカラーパレット・速度・複雑さをリアルタイムに操作。WebGL高速レンダリング。

HTTP

Inspector

HTTP Header Inspector

URLのHTTPレスポンスヘッダー一覧とセキュリティヘッダーの設定状況を自動判定。

DNS

Lookup

DNS Lookup

ドメインのA, AAAA, MX, NS, TXT, CNAME, SOAレコードを一括確認。

IP

Inspector

接続環境インスペクター (Connection Inspector)

接続元のグローバルIPアドレス、ホスト名、HTTPヘッダー、大学ネットワーク判定などを一括表示。

Secure

Steganography

LSB Steganography

画像を極端に劣化させずに、秘密のテキストメッセージをピクセル内に隠すセキュリティツール。パスワード暗号化対応。

Mockup

Creator

Device Mockup Creator

スクリーンショット画像をSafariやスマホ枠などのモックアップにハメ込み、美しいグラデーション背景付きでPNG出力。

Network

Visualizer

CIDR Subnet Visualizer

IPアドレスとサブネットマスク(CIDR)を計算・分割し、ネットワークの構成をインタラクティブなグリッドとツリーで可視化。

HTML

Playground

HTML / CSS Selector Playground

HTML内のCSSセレクターがどの要素にマッチするかリアルタイムで検証。要素のテキストや属性の抽出、各種コード生成に対応。

SVG

Converter

SVG & Data URL Converter

ファイルからData URLへの即時変換、およびSVGコードの最適化(Minify)、色変更、React JSXコード生成を行う開発者向けツール。

AI

WebGPU

WebGPU Local AI Chat

WebGPUを使用してブラウザ上でQwen 2.5などのLLMを完全ローカルで動かす、セキュアなクライアントサイドAIチャットアプリ。

AI

WebGPU

WebGPU Local Image Generator

WebGPUを使用してブラウザ上でSD-Turboなどを完全ローカルで動かし、テキストから画像を高速生成するセキュアなツール。

AI

WebGPU

WebGPU Local AI Nakawari (AI 中割り)

WebGPU上でRIFEモデルを完全ローカル実行し、線画やアニメ原画の「中割り(フレーム補間)」を滑らかに生成。手動ピン補正と高解像度エッジ保存に対応。

Physics

WebGPU

WebGPU N-Body Gravity Simulator

WebGPUのCompute Shaderを用いて数万基の星々の万有引力相互作用をリアルタイム計算する、本格的な宇宙力学・銀河衝突シミュレーター。

LaTeX

Editor

Cloud LaTeX Editor

ブラウザ上で動作するリアルタイムLaTeXエディタ&プレビューアー。数式や文書の編集、PDF出力・画像コピーに対応。

Study

Quiz

情報処理技術者試験 過去問演習

ITパスポート(100問)および基本情報技術者 科目A(20問)・科目B(6問)の令和7年度最新公開問題を収録。模擬試験、1問1答、苦手・弱点復習まで完全ブラウザ完結で学習できます。

Study

Visualizer

アルゴリズム&データ構造可視化

アルゴリズムやデータ構造(ソート・スタック・キュー・二分探索)の挙動を、ステップ実行とアニメーションで直感的に学べる可視化ツール。基本情報の擬似コードとも連動します。

よくある質問

ツールの利用に登録は必要ですか?

登録なしで利用できます。

ブラウザで動作する範囲のツールを中心に公開しています。

公開中のツールは今後増えますか?

はい。

制作中の機能や社内向けの小ツールを順次公開予定です。