Resource - JavaScript

軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」

Tiny-Swiper See the Pen VwKWMym by kachibito (@kachibito) on CodePen. Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライ...

カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」

EasyGrid EasyGridはカスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワークです。 依存性の無い軽量なJavaScrioptとCSSで様々なRWDのグリッドレイアウトを構築出来るようになっていま...

CSSのclip-pathを簡単な操作で生成できるオンラインツール・「CSS clip-path Editor」

CSS clip-path Editor See the Pen CSS clip-path Editor by Mads Stoumann (@stoumann) on CodePen. CSS clip-pat...
Ads

ブラウザでMarkdownでスライドを作成して公開できるJavaScipt製のOSS・「PRESENTA Lib」

PRESENTA Lib PRESENTA LibはブラウザでMarkdownでスライドを作成して公開できるJavaScipt製のOSSです。 1枚のファイルで作成可能で書き方もシンプルで使いやすそうです。また、Markdown...

Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」

mannequin.js See the Pen rNMLqKv by kachibito (@kachibito) on CodePen. mannequin.jsはThree.jsを使って3Dマネキンに任意のポーズ...

Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」

React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...

任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」

dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...

カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」

vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...

タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」

SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...

Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」

Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...

ダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツール・「Talk」

Talk Talkはダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツールです。JavaScriptで書かれています。 アクセスするとすぐにランダムで作られるURLにリダイレクトされるのでそのURL...

Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」

QreditRoll QreditRollはWebサイトに映画のようなスタッフロールを追加できるスクリプトです。 ボタンのクリックで自動スクロールするスタッフロールが開始される、というものですが、コナミコマンド(上上下下左右左右...

Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」

Vue Trello Clone Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツールです。ネーミングそのまんまですが、Trelloと同機能を提供する訳ではなく、シンプルなカンバンアプリといっ...

未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」

Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...

フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」

Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...

オープンソースのCalendly代替・「What Time Today?」

What Time Today? What Time Today?はオープンソースとしてソースコードが公開されているスケジュール管理ツールです。Calendly代替として開発されたそうです。 vimcalやAvailableとい...

OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」

Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...

GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」

ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...

任意のテキストを自動で3D化するスクリプト・「ztext.js」

ztext.js See the Pen ztext.js test by kachibito (@kachibito) on CodePen. ztext.jsは任意のテキストを自動で3D化するスクリプトです。上デモ...

滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」

Embla Carousel See the Pen mdPOxwm by kachibito (@kachibito) on CodePen. Embla Carouselは滑らかに動くスワイプ可能な非依存型のカ...

Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」

danfo.js See the Pen abNdLMp by kachibito (@kachibito) on CodePen. danfo.jsは構造化されたデータの操作や処理を行うためのJavaScriptライ...

Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」

μPlot See the Pen BaKjBmq by kachibito (@kachibito) on CodePen. μPlotは高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャ...
Ads