Resource - JavaScript

画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプト・「tobii」

tobii tobiiは画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプトです。 任意のHTML要素や画像だけでなく、YoutubeやVimeoなどの動画や任意のWebページなども可能...

ブラウザで使える超シンプルなオープンソースのコードエディター・「Smart Text Editor」

Smart Text Editor Smart Text Editorはブラウザで使える超シンプルなオープンソースのコードエディターです。ブラウザとキーボード操作だけで使えるよう設計されており、JavaScriptで書かれています。 ...

Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」

Foxtail Foxtailは、読み込むだけで他のCSSフレームワークでTailwind.cssのユーティリティクラスを使えるようにするCSSフレームワーク拡張スクリプトです。 BootstrapやBluma、UIkitやFo...
Ads

スプレッドシートライクな表計算ツールを提供するJavascriptライブラリ・「xcell」

xcell xcellはスプレッドシートライクな、リアクティブな表計算ツールを提供するJavascriptライブラリです。 例えば通常は以下のようになりますよね。 xcellでは以下のように計算する事が出来ます。 ...

シンプルな2ペインのReact製Markdownエディター・「react-md-editor」

react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...

Webインタビュー向けに作られた1人対1人用ビデオチャットツール・「I-Meet」

I-Meet I-MeetはWebインタビュー向けに作られた1人対1人用ビデオチャットツールです。ライセンスの明記がありませんがGithubにてソースコードも公開されています。 よくあるビデオチャットを1対1タイプにし、ビデオチ...

TyporaにインスパイアされたオープンスースのWYSIWYG markdownエディター・「Milkdown」

Milkdown MilkdownはTyporaにインスパイアされたオープンスースのWYSIWYG markdownエディターです。 リッチテキストエディタにはprosemirrorが、パーサにはmarkdown-itが採用、ビ...

JavaScriptを使用しないシンプルで高速なWebページを作れるOSS・「imml」

imml immlはシンプルで高速なJS不使用のWebページを作れるOSSです。単純にMarkdownライクな記法で書いたものをHTMLでエクスポート、というもの。 名前のimmlはindented markdown mar...

シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」

react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...

任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」

Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...

管理画面テンプレートも用意されたオープンソースのVue.js向けUIフレームワーク・「Vuestic UI」

Vuestic UI Vuestic UIはオープンソースのVue.js向けUIフレームワークです。Vue 3に対応しており多数コンポーネントに加えて管理画面テンプレートも用意されています。 コンポーネントはアラートやボタン、ト...

cannon.jsベースの軽量なJavaScript製3D物理エンジン・「cannon-es」

cannon-es cannon-esはWeb用の軽量なJavaScript製3D物理エンジンです。three.jsのシンプルなAPIをインスパイアしてるそうです。 開発の止まってしまったcannon.jsをフォークし、開発継続...

スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」

animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...

任意のWebサイトにコードエディタを実装できるスクリプト・「Copenhagen Editor」

Copenhagen Editor Copenhagen Editorは任意のWebサイトにコードエディタを実装できるスクリプトです。 highlight.jsとfeather iconsが内蔵されていますが、その他のライブラリ...

軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリ・「WinBox.js」

WinBox.js See the Pen GRrzXoo by kachibito (@kachibito) on CodePen. WinBox.jsは軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリで...

チャット風のフォームを実装できるスクリプト・「chatty-form」

chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...

任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」

party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...

映画向けに作られたオープンソースのメディアプレーヤー・「Moovie.js」

Moovie.js Moovie.jsは映画向けに作られたオープンソースのメディアプレーヤーです。映画向けとありますが基本的にはどの内容の動画でも問題なく動作します。 基本的なメディアプレーヤーの機能に加えて.vttや.srtな...

軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」

tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...

Vue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリ・「Avatar Maker」

Avatar Maker Avatar MakerはVue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリです。 任意の箇所から好みのパーツを選んで組み合わせてアバターを作成出来るよくあるやつです。素材やスタイルを...

仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」

Simple-keyboard Simple-keyboardは仮想キーボードを実装する非依存で軽量なJavaScriptライブラリです。PCのキーボードをモニターに表示してマウスでキーを選択できる、というもの。 スパイウェア対...

設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」

pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...
Ads