Resource - JavaScript

プライバシーを保護しながらYoutube動画を視聴できるOSS・「Piped」

Piped Pipedはプライバシーを保護しながらYoutube動画を視聴できるオープンソースのソフトウェアです。 Youtubeは視聴者のアイデアや音楽の好み、嗜好コンテンツ、政治的思想など、視聴者が知りえぬ内に思っている以上...

アプリケーションにパスワードレスでセキュアな認証システムを提供する・「MojoAuth」

MojoAuth MojoAuthはさまざまなアプリケーションにパスワードレスでセキュアな認証システムを提供するサービスです。 まず最初に、MojoAuthはまだβ版との事なので、本番環境にはまだ採用を控えておいた方が良さそう、...

Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」

Sa11y Sa11yはWebサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツールです。 下記のコードを挿入する事でWebページのアクセシビリティチェックを行う事が出来ます。 ...
Ads

TensorFlow.jsで犬の写真から犬種を判別するオープンソースのWebアプリ・「DogFinder」

DogFinder DogFinderはTensorFlow.jsを用いて犬の写真から犬種を判別するオープンソースのWebアプリです。 Reactで書かれており、犬種判別には機械学習ライブラリのTensorFlow.jsが用いら...

Next.jsベースのオープンソース静的サイトジェネレーター・「Nextra」

Nextra NextraはNext.jsベースのオープンソース静的サイトジェネレーターです。 Markdownサポート(MDX)、サイトバーに自動生成されるページ内リンク機能のサポート、コードのシンタックスハイライト、他言語化...

Wifiに接続出来るQRコードを作成し、印刷できるようにするOSSのWebアプリ・「WiFi Card」

WiFi Card WiFi CardはWifiに接続出来るQRコードを作成し、印刷できるようにするOSSのWebアプリです。 ネットワーク名(SSID)とパスワードを入力してPrintボタンを押すと設定したWifiに接続できる...

ダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセット・「Vechai UI」

Vechai UI Vechai UIはダークモードも搭載したTailwind.cssベースのReact UIコンポーネントのセットです。 PrimerとChakra UIにインスパイアされて開発、公開したそうです。 チェ...

どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」

DFlex DFlexはどのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリです。 他のD&Dライブラリとの大きな差として、最小限のレイアウトシフトをあげています。Webページで操作する要...

Tailwind.cssベースのオープンソースReact UIキット・「Windy」

Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...

報酬やキャンペーンなどを管理できるオープンソースのアフィリエイト管理システム・「weferral」

weferral weferralは報酬やキャンペーン、プログラム参加ユーザーなどを管理できるオープンソースのアフィリエイト管理システムです。 自社でアフィリエイトプログラムを管理する為のソフトウェアで、顧客や参加パートナーの管...

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

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

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

Smart Text Editor Smart Text Editorはブラウザで使える超シンプルなオープンソースのコードエディターです。ブラウザとキーボード操作だけで使えるよう設計されており、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ページ貼り付けられる、という...

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