html
15件のリポジトリ
30秒で学べるコードスニペット集 — JavaScriptやCSS、Gitなど幅広い技術トピックを短いコード例と解説でまとめた学習サイトの元リポジトリです。検索やタグで必要な知識を素早く探せるため、リファレンスとしても実用的です。現在は新規コンテンツの募集を停止し、既存記事の改善提案のみ受け付けています。
Coding articles to level up your development skills
VS Codeも支えるデスクトップアプリ開発フレームワーク — ElectronはNode.jsとChromiumを組み合わせ、JavaScript・HTML・CSSでクロスプラットフォームなデスクトップアプリを構築できるフレームワークです。VS Codeをはじめ多くのアプリで採用され、macOS・Windows・Linux向けのビルド済みバイナリを提供しています。
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
HTMLを書くだけで動画になる、AIエージェント向け動画生成基盤 — HyperFramesは、HTML・CSS・メディア・シーク可能なアニメーションを決定論的なMP4動画へ変換するOSSフレームワークです。HeyGen製で、CLIやAIコーディングエージェントのスキルから直接動画レンダリングを呼び出せるのが特徴。Remotionなどのコード駆動動画生成と競合しつつ、エージェント連携を前提に設計されている点が新しいです。
Write HTML. Render video. Built for agents.
多様な文書をAI活用可能な形式に変換するDocling — PDF・DOCX・PPTXなど多様な文書を高精度に解析し、レイアウトや表構造を保った統一表現「DoclingDocument」に変換するツールです。Markdown・JSON等への出力やOCR、VLM対応も備え、LangChainやLlamaIndexなど生成AIエコシステムとの連携が容易な点が特徴です。
Get your documents ready for gen AI
コード整形の定番、意見のあるフォーマッター — PrettierはASTを解析して独自ルールで再出力することで、コードスタイルの議論を終わらせるフォーマッターです。JavaScriptやTypeScriptだけでなくCSS・HTML・Markdown・YAMLなど幅広い言語に対応し、エディタ保存時の自動整形で一貫したコードベースを維持できます。設定項目を最小限にすることでチーム内のスタイル論争を防ぐ点が特徴です。
Prettier is an opinionated code formatter.
HTML属性だけでAJAXやWebSocketを使えるライブラリ — htmxはボタンやリンク以外の要素からもAJAX・WebSocket・SSEを発行でき、HTML属性の追加だけでモダンなUIを構築できます。JS不要でHATEOASの思想に基づき、SPAフレームワークに頼らないシンプルなインタラクティブ設計を実現します。軽量かつ依存なしで、intercooler.jsの後継として広く採用されています。
</> htmx - high power tools for HTML
30日で学ぶJavaScript実践チャレンジ — JavaScriptを基礎から段階的に学べる30日間の学習チャレンジ企画です。各日ごとに課題が用意されており、自分のペースで進められるのが特徴です。動画解説も併用でき、初心者からReactやNode.jsなど周辺技術への発展も見据えた学習教材として人気を集めています。
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
定番動画プレイヤーが大刷新、v10登場 — 老舗HTML5動画プレイヤーVideo.jsのメジャーバージョンv10です。モジュール化・コンポーザブル設計に刷新され、ReactやSvelte、Vueなど主要フレームワークとの統合も強化されています。AIコーディングエージェント向けのskillやCLIも用意され、開発体験の向上に力を入れている点が注目です。
Video.js v10 - open source media player framework for HTML and React.
一言のプロンプトで納品レベルのデザインを生成するスキル — Huashu Designは、Claude Code・Cursor・Codexなどのagentで使えるHTMLネイティブなデザインスキルです。一言入力するだけでWebプロトタイプ・編集可能なPPTX・アニメーション・インフォグラフィックを数分で仕上げます。3.0では84種のスタイルライブラリと6案から3方向を選ぶ仕組み、見た目の重複を検出する体検機能を追加し、MITライセンスで商用も無償化されました。
Huashu Design 3.0 · 在 agent 里打一句话,拿回能交付的设计:网页 / App 原型 / 可编辑 PPTX / 动画 / 信息图 · 六个候选挑三个方向 · 84 种带样张的风格库 · 越用越懂你的外观账本与设计体检 · HTML-native design skill for Claude Code, Codex, Cursor & any agent
誰でも創造的に書ける p5.js、2.0ベータも公開中 — p5.jsはブラウザ上で視覚・音響・インタラクティブな作品をスケッチ感覚で作れるJavaScriptライブラリです。アーティストや教育者、初心者向けに多言語ドキュメントやWebエディタ、豊富な拡張ライブラリを提供し、次期メジャーバージョン2.0のベータも公開されています。
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org
1分で構築できる動画配信サイトLibreTV — Next.js 15とTypeScriptで作られたオープンソースの動画集約検索・視聴プラットフォームです。複数の採集サイトを並行検索し、同名作品を1枚のカードに統合、HLS再生や直接視聴進捗の同期、IPTV/EPG対応など機能が充実。Dockerで手軽にデプロイでき、自分専用の動画サイトを素早く構築したい人に向いています。
一分钟搭建影视站,支持Docker等部署方式
Python×Rustで作るレトロゲームエンジン — PICO-8やTIC-80のように16色・4音源というシンプルな制約でドット絵ゲーム開発を楽しめるエンジンです。コア部分はRustで実装され高速に動作し、WebやWASM書き出しにも対応。個人開発ながら人気を集めるプロジェクトです。
A retro game engine for Python
HTML Standard
AIエージェントが出す成果物を人がレビューする基盤 — AIエージェントが生成したレポートや設計書などを1つのHTMLとして公開し、人間がブラウザ上でコメント・バージョン管理しながらレビューできるセルフホスト型ツールです。チャットに巨大な報告を貼り付ける代わりに、エージェントと人間が共同作業する場を提供します。CLI・リモートMCP対応で、Goサーバー+Reactフロントエンドという構成です。
Give your agents the power to publish reviewable HTML documents. Self-hosted server + CLI + remote MCP; agents push, humans review with comments and versions.
インストール不要、HTML一枚で完結するファイル暗号化ツール — ブラウザ上だけでファイルをCMS(RFC5652)とPWRI、AES-256-GCMで暗号化し、自己完結型のスタンドアロンHTMLファイルを生成できるツールです。処理はすべてローカルで行われ外部にデータが出ないため安全性が高く、標準規格準拠で他の暗号化ツールとの相互運用性も確保しています。インストールやサーバー不要で手軽に安全なファイル共有を実現したい人に向いています。
Securely encrypt and decrypt files locally from a web browser