Resource - JavaScript

Vue.jsでフォームを開発するためのオープンソースのフレームワーク・「Vueform」

VueformはVue.jsでフォームを開発するためのオープンソースのフレームワークです。フォーム要素は基本的に全てサポート、ノーコードツールも用意されています。

three.jsと同様の機能に加え、3DガウススプラッティングもサポートしたオープンソースのJavaScriptライブラリ・「gsplat.js」

gsplat.jsはthree.jsと同様の機能に加え、3DガウススプラッティングもサポートしたオープンソースのJavaScriptライブラリです。ただ、基本的には3Dガウススプラッティングライブラリとして提供しているみたいです。

クロスプラットフォーム対応の柔軟で見やすいオープンソースのチャートライブラリ・「VChart」

VChart VChartはクロスプラットフォーム対応の柔軟で見やすいオープンソースのチャートライブラリです。開発者曰く、単なるクロスプラットフォームのチャート・ライブラリではなく、表現力豊かな「データの語り手」として機能するそうです...
Ads

「いいね」や「賛成」、「レビュー」などのコンテキストをシームレスにアプリに統合できるコンポーネント・「Clickvote」

Clickvote Clickvoteは「Like(いいね)」や「Upvote(賛成票)」、「Review(レビュー)」、などのコンテキストをシームレスにアプリに統合できるOSSコンポーネントです。 現在はReactのみですが、...

TradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリ・「TradingView Lightweight Charts™」

TradingView Lightweight Charts™ TradingView Lightweight Charts™はTradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリです。canvasを...

デバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式で表示できる JavaScriptライブラリ・「UAParser.js」

UAParser.js UAParser.jsはデバイスやOS、ブラウザなどユーザーエージェント情報を検出し、読みやすい形式に変換する JavaScriptライブラリです。MITライセンスの元、オープンソースとしてソースコードが公開さ...

既存のフォームに簡単にドラッグ&ドロップによるファイルアップローダーを設置できるシンプルなJavaScriptライブラリ・「EasyDropzoneJS」

EasyDropzoneJS See the Pen Untitled by kachibito (@kachibito) on CodePen. EasyDropzoneJSは既存のフォームに簡単にドラッ...

サーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワーク・「Expresso TS」

Expresso TS Expresso TSはサーバーサイド・アプリケーション構築のための、軽量で開発者フレンドリーなTypescriptフレームワークです。MITライセンスの元、オープンソースとしてソースコードが公開されています。...

JSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネント・「react-json-view」

react-json-view react-json-viewはJSONやJavaScriptの配列を見やすく表示したり編集できるようにするReactコンポーネントです。 テーマ設定やダークモード等も備わっている他、ビューモード...

オープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリ・「chatgpt.js」

chatgpt.js chatgpt.jsはオープンソースのパワフルなChatGPT向けクライアントサイドJavaScriptライブラリです。 豊富な機能が備わっており、オブジェクト指向で使いやすく軽量だそうです。例として、Br...

Webサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリ・「Driver.js」

Driver.js Driver.jsはWebサイトツアーや任意の要素のハイライト、ヘルプを表示する等を実装できる軽量で非依存のJavaScriptライブラリです。 APIが充実しており、幅広い用途で利用できるようになっています...

使いやすくて超軽量、ゼロ依存なReactive UIフレームワーク・「VanJS」

VanJS VanJSは使いやすくて、1.2kBと超軽量且つゼロ依存の、React/JSXを使わないReactive UIフレームワークです。 Vanilla Javascrriptを略した名で、bashがターミナルのスクリプト...

簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」

Trig.js See the Pen Untitled by kachibito (@kachibito) on CodePen. Trig.jsは簡単な設定で実装できるスクロール連動アニメーションライブ...

リアルタイムコラボレーションなアプリ開発のためのNext.jsスターターキット・「Liveblocks starter kit」

Liveblocks starter kit Liveblocks starter kitはリアルタイムコラボレーションなアプリ開発のためのNext.jsスターターキットです。例えばTodoやホワイトボードなどなど他ユーザーと共同で作...

スクロールと動画を同期させるJavaScriptライブラリ・「ScrollyVideo.js」

ScrollyVideo.js ScrollyVideo.jsはスクロールと動画を同期させるJavaScriptライブラリです。スクロールすると動画が再生する、ではなくて、スクロールに応じて動画が進む感じです。 このライブラリは...

非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワーク・「Unovis」

Unovis Unovisは非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワークです。React、Angular、SvelteはもちろんVanillaでもTSでも使えます。 動的に変化...

スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」

Lenis Lenisはスクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリです。LocomotiveやGSAP ScrollSmootherといった先発ライブラリをリスペクトしつつ、より使いやすく欠点も補っ...

Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」

TourGuide.js See the Pen TourGuide JS basic CDN example by kachibito (@kachibito) on CodePen. TourGuide.j...

オープンソースのNode.jsアプリケーション用管理パネル・「AdminJS」

AdminJS AdminJSはオープンソースのNode.jsアプリケーション用管理パネルです。数分で全てのデータを1か所で管理できるNode.jsアプリ用のダッシュボードを構築できるそうです。 提供された複数データをもとに、O...

HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」

Satori SatoriはHTMLやCSSをSVGに変換するためのオープンソースのライブラリです。ホスティングサービスのVercel謹製のようです。 イメージ的にはHTMLやCSSを書く感覚でSVGを生成できる、と言った方が近...

ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」

Locator.js Locator.jsはブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれるブラウザ拡張機能です。Chrome、Edge、Brave、Opera、Firefoxなど主要ブラウザは概ね...

ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」

Dracula UI Dracula UIはダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクションです。Draculaの名に見覚えのある方も多いかもしれませんが、テキストエディターのダークテーマとしても人気の...
Ads