Resource - JavaScript

任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」

SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...

パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」

simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...

非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」

Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...
Ads

非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」

Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...

ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」

Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...

超軽量なオープンソースの静的CMS/Wiki・「Raito」

Raito Raitoは超軽量なオープンソースの静的CMS/Wikiです。日本語の「軽い」は英語でlight、読み方はライトで、そこから名付けたそうです。何が何だか分からないけど日本語関係ない気がする。 開発が止まったMDwik...

ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」

Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...

Go、GraphQL、Javascriptで構築されたオープンソースの認証システム・「Authorizer」

Authorizer AuthorizerはGo、GraphQL、Javascriptで構築されたオープンソースの認証システムです。SDKが用意されておりわずか3分の作業で手軽に導入する事が出来るそうです。 認証はSNS等を使っ...

Bootstrap5ベースで作られたオープンソースの多目的ダッシュボードテンプレート・「PlainAdmin」

PlainAdmin PlainAdminはBootstrap5ベースで作られたオープンソースの多目的ダッシュボードテンプレートです。JavaScriptはバニラとなっています。 多様な目的にも対応できるよう様々なUIコンポーネ...

Vue.js製のシンプル、高速、セキュアなオープンソースのZoom代替・「KéMeet」

KéMeet KéMeetはシンプル、高速、セキュアなオープンソースのZoom代替アプリです。Vue.jsベースで構築されており、ビデオチャットには例によってWebRTCが使われています。 Zoom代替といっても何から何まで同機...

グループ・ダイナミックスの為のオープンソースのコミュニケーションツール・「Stooa」

Stooa Stooaはグループ・ダイナミックスの為のオープンソースのコミュニケーションツールです。 フィッシュボウルメソッドという対話形式(Wikipedia)があるのですが、このセッションタイプに基づいたコミュニケーションア...

パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」

Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...

Vue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレート・「Aatrox」

Aatrox AatroxはVue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレートです。開発者フレンドリーで多機能、カスタマイズ性の高い管理画面の開発を目的としているそうです。 高い利便性と汎用性...

JavaScriptやPython、SQLiteなどのコードをブラウザ上で実行テスト、embedも出来るOSS・「Runno」

Runno RunnoはJavaScriptやPython、SQLiteなどのコードをブラウザ上で実行テスト、embedも出来るOSSです。 今のところ、JavaScript、Python、SQLite、C、C++などがサポート...

アクセシブルなモバイルアプリを構築する為のデザインファーストなUIキット・「Pearl UI」

Pearl UI Pearl UIはアクセシブルなモバイルアプリを構築する為のデザインファーストなUIキットです。現在のところ、Expoのマネージドワークフローを使用しているReact Nativeプロジェクトのみサポートされています...

カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」

Add-to-Calendar Button See the Pen Untitled by kachibito (@kachibito) on CodePen. Add-to-Calendar Butto...

JavaScriptのコードスニペットのパフォーマンスを比較できるチェックツール・「HASTY」

HASTY HASTYはJavaScriptのコードスニペットのパフォーマンスをオンラインで比較できるチェックツールです。上のようにembedやURLで共有する事も可能となっています。 昔からあるjsperfやJSBench.m...

CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」

Code Box Code BoxはJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリです。 Electronで作られておりWindows、Mac、Linuxな...

Typescript製のオープンソースなヘッドレスCMS・「Burdy」

Burdy BurdyはTypescript製のオープンソースなヘッドレスCMSです。信頼性と拡張性の高いアプリケーションの構築を支援する為に開発されたそうです。 複数サイトの管理や多言語の管理が可能、ライブプレビュー機能付きの...

1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリ・「CodeSnippet.Run」

CodeSnippet.Run CodeSnippet.Runは1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリです。 jsfiddleやcodepenなどのようにCSSやHTML等のタブは...

モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」

Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...

写真の中から不要なものを自動で削除するオープンソースのWebアプリ・「CleanUp.pictures」

CleanUp.pictures CleanUp.picturesは写真の中から不要なものを自動で削除するオープンソースのWebアプリです。 任意の写真から不要なものをブラシで選択するだけで自動で除去されます。コツが要る様で、選...
Ads