Resource - JavaScript

閲覧中のWebページのWayback Machineによる魚拓をその場で探して表示できるChrome拡張・「Vandal」

Vandal Vandalは閲覧中のWebページのWayback Machineによる魚拓をその場で探して表示できるChrome拡張です。Wayback Machine APIが使われているみたいです。 現在見ているページで起動...

ブラウザで動作するオープンソースのシンプルなマインドマップツール・「Kiri」

Kiri Kiriはブラウザで動作するオープンソースのシンプルなマインドマップツールです。 JS製でデータ保存はlocalStorageが使われます。プライバシーが気になる人が気軽に使える事を想定したそうで、このような仕様上、自...

GraphQLを使用したオープンソ-スなヘッドレスe-commerceフレームワーク・「vendure」

vendure vendureはTypeScriptとNestで構築されたGraphQLベースのヘッドレスe-commerceフレームワークです。OSSとしてGithubにてソースコードが公開されています。 同じくGraphQL...
Ads

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はスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...

Readme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタ・「readme.so」

readme.so readme.soはReadme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタです。 基本的には一般的なMarkdownエディタですが、プロジェクト名やAPIリファレン...

カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」

Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...

Markdownが使えるオープンソースのシンプルなノートWebアプリ・「Notea」

Notea NoteaはMarkdownが使えるオープンソースのシンプルなノートWebアプリです。互換性はないっぽいですがNotionライクに使えるとの事です。ノート単位で公開する事も出来るみたい。 UIは非常にシンプルで迷うこ...

任意の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は軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリで...

Disqusのように任意のWebサイトにコメントシステムを導入できる軽量でプライバシーフレンドリーなOSSのコメントツール・「Cusdis」

Cusdis CusdisはDisqusのように任意のWebサイトにコメントシステムを導入できるOSSです。軽量でプライバシーフレンドリーな設計となっているそうです。 以前同じようにDisqus代替となるschnack.jsやI...

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

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

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

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

任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリ・「Cheat-sheet maker」

Cheat-sheet maker Cheat-sheet makerは任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリです。 各項目を1つずつ作成していく形で、内容は各プログラミング言語がメイ...

他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」

Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...

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

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

オープンソースのシンプルな2Dゲームエンジン・「kaboom.js」

kaboom.js kaboom.jsはオープンソースのシンプルな2Dゲームエンジンです。他ライブラリを必要としない非依存型のライブラリとなっています。 オート横スクロールのカーゲームや定番のフラッピーバード、マリオ系の横移動ア...

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

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

自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」

Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...

プレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリ・「flowchart.fun」

flowchart.fun flowchart.funはプレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリです。 テキストとインデントと少しの簡単なルールだけで手軽にフローチャートを作成する事...

プライバシーに配慮したオープンソースのシンプルなアクセス解析ツール・「Counter」

Counter Counterはプライバシーに配慮したオープンソースのシンプルなアクセス解析ツールです。更にサーバーへの負担も軽減し、セルフホスティングにおけるコストもかかりにくい様に配慮されています。 解析はビジター数やSNS...

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

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