ツール一覧

Competitive Programmer's Web Debugger

競技プログラミング練習用のウェブデバッガー。

live

組み込みのエディタとデバッガーを備えたインタラクティブなウェブ環境を提供し、ユーザーがCodeforcesの問題を解くことで、レーティング800から1900までの様々な難易度における問題解決能力を向上させます。

Developer ToolsWeb Development
Clanker CAPTCHA

人間ではなくソフトウェア向けに設計されたリバースCAPTCHA。

live

解答が画像フレーム内に隠されており、人間ではなくソフトウェアによる解決を必要とするCAPTCHAシステムを提供します。チャレンジは短時間で期限切れとなり、ブラウザ上のいかなる操作でも正解が明かされることはありません。

SecurityWeb Development
Pocket TTS

WebAssemblyを介してモバイルSafariで動作するウェブベースのテキスト読み上げシステム。

live

Pocket TTSは、WebAssemblyを使用して効率的に動作するブラウザベースのテキスト読み上げシステムです。多様な音声オプションを備え、量子化レベルや温度設定などのパラメータをカスタマイズできます。

Web DevelopmentAI
SecURL

URLを貼り付けるだけで、30秒以内にセキュリティグレードと検出結果を取得できます。

live

SecURLはウェブサイトのセキュリティ脆弱性をスキャンし、設定や認証情報を必要とせずに、ウェブサイトの状況に関するグレード評価、優先順位付けされた検出結果、および具体的な修正手順を提供します。

SecurityWeb Development
Dart Live

WebAssemblyを使用して、Webブラウザ内で直接Dartコードの実行、コンパイル、分析が可能です。

live

Dart Liveは、ブラウザ上でDartアプリケーションの記述、コンパイル、実行、デバッグを行うことを可能にします。WebAssemblyを活用してDartソースコードを実行形式にコンパイルし、ARMシミュレーターを通じて実行します。また、組み込みのアナライザーによるリアルタイムの型チェックと診断機能も備えています。

Developer ToolsWeb Development
Center-ish

ウェブページ上のコンテンツを垂直にセンタリングするための奇妙で不正確な方法のフィールドガイド。

live

垂直センタリングを達成するための50の非伝統的な方法の実験的コレクションを提供し、それぞれが別々のページとして提示されます。方法は、ユーモラスに制限されたものから、技術的には正しいが演技的に間違ったアプローチまで多岐にわたります。

Web DevelopmentFront-End Design
Better Design

shadcn/ui向けの28のオープンソースデザインシステム。

live

shadcn/uiフレームワーク向けの29のテーマ別コンポーネントライブラリのコレクションを提供します。ユーザーは1つのコマンドで任意のコンポーネントをインストールでき、異なるデザインスタイルをプロジェクトに簡単に統合できます。

Developer ToolsWeb Development
Aurora Systems

カスタムソフトウェアとモバイルアプリ開発のためのエンドツーエンドサービスプロバイダー。

live

カスタムソフトウェア、モバイルアプリ、UI/UXデザイン、AI自動化、ウェブ開発、アイデア検証などの幅広いサービスを提供。各サービスは同じ会社が提供する他のサービスと seamlessに統合されるように設計されています。

Web DevelopmentMobile App Development
Codex Pets React

ReactアプリにCodexペットスプライトシートを埋め込む。

live

WebアプリケーションにCodexペットスプライトシートを統合するための、宣言的なReactコンポーネントと状態ヘルパーを提供します。スプライトアニメーション、固定位置のレンダリング、ドラッグ&ドロップ機能、リデューサーとフックによるアプリ状態との統合が含まれます。

Developer ToolsWeb Development
Text Trace

ウェブ用のキーノートスタイルのSVGテキストトレースアニメーション。

live

SVGを使用してキーノートスタイルのテキストトレースアニメーションを作成するためのフレームワークに依存しないソリューションを提供します。VueやReactのバインディングに加え、グリフごとのスタイリング、アクセシビリティサポート、カスタムフォントの統合オプションなどの機能を提供します。

Developer ToolsWeb Development
View Transitions Toolkit

ウェブビュー遷移のユーティリティ関数コレクション

live

ビュー遷移機能を簡単に使用できるようにさまざまなユーティリティ関数を提供します。このツールキットは、機能検出、シミュレーション支援、アニメーションユーティリティ、遷移再生制御などの複数のモジュールで構成されています。

Developer ToolsWeb Development
Agent MCP Studio

ブラウザタブ内でマルチエージェントMCPシステムを構築するAIプレイグラウンド

beta

Agent MCP Studioは、ブラウザタブ内で直接マルチエージェントMCP(マルチ会話プロトコル)システムを構築できるプラットフォームです。ローカル設定や構成を必要とせず、これらの複雑なシステムを実験および開発するためのAIプレイグラウンドを提供します。

AI DevelopmentWeb DevelopmentSoftware Tools
Nimble.css

デフォルトのHTMLスタイル用のミニマルなクラスレスCSSライブラリ。

live

追加のクラスを必要とせず、すべての標準HTMLエレメントに優雅なデフォルトスタイリングを提供します。ダークモードを含み、既存のスタイルとうまく統合されます。

Web DevelopmentDeveloper Tools
Humanoid.js

人間らしい対話のスコアリングを1つのHTMLファイルで実現。

live

Humanoid.jsは、圧力、変位、曲率などのメトリクスをリアルタイムで分析し、ユーザー入力の人間らしさを判定するツールです。マルチタッチと軌道の可視化をサポートしています。

SecurityWeb Development
Svelte 5 Agency Template

GSAPとTailwind CSS v4を使用した、本番環境対応のクリエイティブエージェンシーランディングページ。

live

Svelte 5、GSAP 3(ScrollTrigger、ScrollToPlugin)、Tailwind CSS v4を使用して構築された、クリエイティブエージェンシー向けの高性能ランディングページテンプレートを提供します。空間的タイポグラフィ、ハードウェアアクセラレーションスタッキング、パララックスマーキー、スムーズスクロールナビゲーションなどの機能が含まれています。

Web DevelopmentFrontend Frameworks
SharpSkill

ITワークショップ準備をシンプルに

beta

SharpSkillは、実戦的な問題トレーニングを通じてテクニカルスタックへの深い理解を提供し、ユーザーの面接準備を支援します。

Education/TrainingWeb DevelopmentInterview Tools
WebGL Liminal Space

WebGLベースのリミナルスペース視覚化ツール

prototype

WebGL Liminal Spaceは、ウェブベースのグラフィックスレンダリング技術を活用して、リミナルスペース(境界空間)の体験をシミュレートまたは視覚化するツールです。ユーザーはウェブブラウザ内でリアルタイムのグラフィックス効果を通じて、異質な空間を探索できます。

Web Development3D GraphicsArtistic Tools
GizmoSauce

ノーコードウェブウィジェットによるストアロケーター機能

live

GizmoSauceは、主にストアロケーター機能を提供するノーコードウェブウィジェットを提供します。このツールにより、事業者はウェブサイトにインタラクティブなストアロケーターをコードスキルを必要とせずに直接埋め込むことが可能になります。このプラットフォームは、Little Caesarsのウェブサイトに実装されたストアロケーターのウィジェットを通じてデモンストレーションされています。

Web DevelopmentE-commerceNo-code Tools
Snorb.lol

オンラインでLemmingマップを作成して共有する。

live

Snorbは、ウェブブラウザ上でLemming風のゲームレベルを作成、編集、プレイできるサービスです。ユーザーは水位、利用可能なツール、繁殖設定などのレベルのさまざまな側面をカスタマイズできます。

GamingWeb Development
Lumina

JavaScriptおよびWebAssemblyにコンパイルされる静的型付けのウェブネイティブ言語

beta

Luminaは、安全性とウェブ互換性を兼ね備えたプログラミング言語です。HM型推論、代数的データ型、トレイトベースのポリモーフィズムを提供します。JavaScriptとWebAssemblyの両方にコンパイル可能であるため、開発者は統一された言語と型システムを使用して、リアクティブUI、WebGPUワークロード、WASMモジュールを構築できます。

Programming LanguageWeb Development
FastFN

APIおよびSPA構築のためのポリグロット・ファイルベース・ランタイム

beta

FastFNを使用すると、開発者は単一のプロジェクト内で複数のプログラミング言語を用いてAPIやシングルページアプリケーション(SPA)を構築できます。シンプルなCLIと、Python、Node.js、PHP、Lua、Rust、Goをサポートするファイルベースのルーティングシステムを提供します。

Developer ToolsWeb DevelopmentServerless
ArrowJS

モダンなウェブ開発のための軽量で型安全なUIフレームワーク

beta

ArrowJSは、JavaScriptプリミティブで構築されたリアクティブUIフレームワークです。ビルドステップを必要とせず、高速でメンテナンス性の高いウェブアプリケーションを開発できます。インラインDOMの直接レンダリングをサポートし、コンポーネントロジックをWebAssemblyサンドボックス内に隔離することが可能です。

Frontend FrameworksDeveloper ToolsWeb Development
Htmx Toolkit for VS Code

Visual Studio CodeにおけるHTMX統合のための開発ツールキット。

live

Htmx Toolkit for VS Codeは、HTMX向けのIntelliSense、ホバードキュメント、バリデーション、およびスニペットを提供します。複数のテンプレート言語にわたるスマート補完とエラー検出により、開発体験を向上させます。

Developer ToolsWeb Development