Resource - JavaScript

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

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

スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」

Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...

オープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツール・「Indiepen」

Indiepen IndiepenはオープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツールです。上のようにコードスニペットと実行結果を任意のWebページ貼り付けられる、という...
Ads

シンプルな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タイプにし、ビデオチ...

他デバイス複数人で同時にローカル環境の動画ファイルを閲覧、チャット等もできるOSS・「Local Party」

Local Party Local Partyはローカル環境の動画ファイルを複数人で同時にそれぞれ異なるデバイス同士で閲覧、チャット等もできるOSSです。 チャットツールのように部屋を作成するようです。ただ、それぞれが同じ動画フ...

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ライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...

閲覧中の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...

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のプラグインがありましたが同じような感じのものです。 質問...
Ads