面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」
AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...
Resource - JavaScript
アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」
Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...
Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」
Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...
設定不要ですぐにリモート操作可能な、セキュアでオープンソースのTeamViewer代替ソフトウェア・「RustDesk」
RustDesk RustDeskは設定不要ですぐにリモート操作可能な、セキュアでオープンソースのTeamViewer代替デスクトップアプリです。 名前から想像できると思いますがRustで書かれています。Mac、Wkindows...
ブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタ・「LetsMarkdown.com」
LetsMarkdown.com LetsMarkdown.comはブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタです。React.js、Vite.js、Chakra UIなどが採用されています。Markd...
Webサイトの任意のテキストをその場で変更できるブックマークレット・「Quick Edit Bookmarklet」
Quick Edit Bookmarklet Quick Edit BookmarkletはWebサイトの任意のテキストをその場で変更できるブックマークレットです。 Devtoolsを開かずとも、起動すれば即エディターモードにな...
ローカルの音源を読み込んでブラウザでプレイリストを作成出来るOSS・「MusicSource」
MusicSource MusicSourceはローカル環境にある音源を読み込んでブラウザでプレイリストを作成出来るOSSです。サーバーレスでデスクトップの音源向けのYouTube Music的なものとして利用できるそうです。 ...
calendly代替として開発されたオープンソースのスケジュール管理ツール・「Meetsy」
Meetsy Meetsyはcalendly代替として開発されたオープンソースのスケジュール管理ツールです。予約可能な時間帯に、会議や会食などイベントの対象となる相手を紐付ける事が出来ます。 GoogleカレンダーAPIが利用さ...
高速なMagento製ECストアをReactで構築するためのオープンソースのフレームワーク・「GraphCommerce」
GraphCommerce GraphCommerceは高速で優れたUXのMagento製ECストアをReactで構築するためのオープンソースのフレームワークです。ハイエンドなEコマースPWAのスタイリングや設計に集中できるよう、必要...
EPGベースのタイムラインコンテンツを実装する為のReactコンポーネント・「Planby」
Planby PlanbyはEPGベースのタイムラインコンテンツを実装する為のReactコンポーネントです。OSSとしてソースコードが公開されています。 EPGとはTVやPCなどに、いわゆるTV番組表を表示するシステムでElec...
高いカスタマイズ性を持ったオープンソースのヘッドレスCMS・「Contember」
Contember Contemberはカスタマイズ性の高いオープンソースのヘッドレスCMSです。自由自在のヘッドレスCMSであると謳っているように、制限の無い自由な開発を可能にする設計となっているそうです。 本システムの開発者...
先進的且つ多機能で安定したYoutube用JavaScriptライブラリ・「YouTube.js」
YouTube.js YouTube.jsは先進的且つ多機能で安定したYoutube用JavaScriptライブラリです。Innertube APIのフル機能ラッパーでYoutubeをシンプルで効率的に扱う方法を提供する為に作られてい...
オープンソースでセルフホスト可能なHeroku / Netlify代替・「Coolify」
Coolify Coolifyはオープンソースでセルフホスト可能なHeroku / Netlify代替ソフトウェアです。アプリのデプロイや統合、DBの利用も可能です。 280個以上のインスタンスがインストールされており、Svel...
対話形式のフォームをブラウザで作成できるオープンソースのWebアプリ・「Typebot」
Typebot Typebotは対話形式のフォームをブラウザで作成できるオープンソースのWebアプリです。日本でもカスタマーサービスでも頻繁に見かけるようになりましたね。 ユーザーに質問し、選択してもらう事で解決案に導く、という...
class属性を利用するCSSライクなデザインエンジン・「Master Styles」
Master Styles Master Stylesはclass属性を利用するCSSライクなデザインエンジンです。本サイトでは拡張された構文を持った仮想CSS言語と説明しています。 実際に見た方がどういう事か把握できると思うの...
直感的な操作で使えるTypeScriptベースのオープンソースなPDF生成ライブラリ・「pdfme」
pdfme pdfmeは直感的な操作で使えるTypeScriptベースのオープンソースなPDF生成ライブラリです。ユーザーの使用にあたり、特別なスキルや訓練等も不要でオンラインでPDFを生成する事が出来ます。 テンプレート式にな...
正規表現を視覚化、編集、テストするためのオープンソースのWebアプリ・「Regex-Vis」
Regex-Vis Regex-Visは正規表現を視覚化、編集、テストするためのオープンソースのWebアプリです。テストや学習用に作られたそうです。 コードを入力すれば自動で構造がビジュアル化され、右ペインで編集出来るようになり...
ブラウザで動作するシンプルで使いやすいオープンソースのビジュアルWebサイトビルダー・「Webstudio」
Webstudio Webstudioはブラウザで動作するシンプルで使いやすいオープンソースのビジュアルWebサイトビルダーです。いわゆるノーコードツールとなっており、作成したのちにそのまま公開する事も可能です。 上SSは操...
CSSライクに書けるオープンソースのデータバインディングJavaScriptライブラリ・「Corset」
Corset See the Pen Counter example by kachibito (@kachibito) on CodePen. CorsetはCSSライクに書けるオープンソースのデータバインデ...
ブラウザで編集と表示が出来るオープンソースのシンプルなマインドマップツール・「Remind」
Remind Remindはブラウザで編集と表示が出来るオープンソースのシンプルなマインドマップツールです。MITライセンスのもと、OSSとしてソースコードが公開されており、TSで書かれています。 tabキーで子トピックを生成、...
テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」
Avvvatars Avvvatarsはテキスト/アイコンベースのシンプルなアバターを生成するReactライブラリです。任意の画像等を選択しないユーザーの為のもの、という感じ。 40の色と60のアイコン、入力されたテキスト（ユー...
リアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワーク・「Shader Park」
Shader Park Shader Parkはリアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワークです。 数行のコードで複雑なシェーダを作成できる、というもの。javas...