Resource - フロントエンドエンジニア向け

サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」

Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...

高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」

helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...

シンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、チャット等の機能を備えたオープンソースのWeb会議ツール・「MiroTalk」

MiroTalk MiroTalkはシンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、テキストやボイスチャット等の機能を備えたオープンソースのWeb会議ツールです。部屋を作成して招待する形で、複数人で利用可能です。 ...
Ads

PWAにも対応したノートアプリ感覚で使えるオープンソースのコードスニペットマネージャーWebアプリ・「Snippets Ninja」

Snippets Ninja Snippets NinjaはPWAにも対応したノートアプリ感覚で使えるオープンソースのコードスニペットマネージャーWebアプリです。ウクライナの開発者さんのようです。 Vueで書かれており、よくあ...

拡張性が高く、ブラウザで動作するオープンソースのテキストエディタフレームワーク・「Lexical」

Lexical Lexicalは拡張性の高いブラウザベースのオープンソースのテキストエディタフレームワークです。javascriptで書かれています。 シンプルで分かりやすいツールバーで直感的な操作が可能で、プラグインで機能の拡...

Markdownライクな記法でタイムラインを作成できるオープンソースのWebアプリ・「Markwhen」

Markwhen MarkwhenはMarkdownライクな記法でタイムラインを作成できるオープンソースのWebアプリです。Vueで書かれています。 割と複雑なタイムラインにも対応可能で、書き方もMarkdownにある程度慣れて...

Googleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォーム・「Bunny Fonts」

Bunny Fonts Bunny FontsはGoogleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォームです。オープンソースを謳っていますが開示されたソースがどこか分かりませんでしたので後...

様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」

React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...

Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」

Tailwind DX Tailwind DXはTailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張のためのChromeエクステンションです。 インストールすると普段使うDevToolsにTa...

CSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキット・「CSS GUI」

CSS GUI CSS GUIはCSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキットです。 既にある要素をクリックするとアウトラインが表示され、左ペインのツールエ...

250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」

Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...

スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」

PushIn.js PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCS...

ダイアグラムを描くためのSvelteコンポーネントライブラリ・「Svelvet」

Svelvet Svelvetはダイアグラムを描くための軽量なSvelteコンポーネントライブラリです。インタラクティブなノードベースのフロー図を構築する事が出来ます。 拡大縮小、ドラッグ操作によるノードの移動や視点変更、カスタ...

面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」

AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...

速度を重視した軽量でミニマルなオープンソースのAPIテストツール・「req」

req reqは速度を重視した軽量でミニマルなオープンソースのAPIテストツールです。CLIベースとなっています。 動作の重いAPIテストツールしか見つからなかったのでとにかく速いツールの開発を目指したそうです。 ...

アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」

Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...

Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」

Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...

開発者チームでデータベースをより使いやすくするためのSQLクライアント・「Arctype」

Arctype Arctypeは開発者チームでデータベースをより使いやすくするためのSQLクライアントです。動作も軽量で分かりやすいUIでDBを操作できる、というもの。 MySQL、PostgreSQL、PlanetScale、...

ブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタ・「LetsMarkdown.com」

LetsMarkdown.com LetsMarkdown.comはブラウザで動作するオープンソースの共同作業が可能なMarkdownエディタです。React.js、Vite.js、Chakra UIなどが採用されています。Markd...

ローカルの音源を読み込んでブラウザでプレイリストを作成出来るOSS・「MusicSource」

MusicSource MusicSourceはローカル環境にある音源を読み込んでブラウザでプレイリストを作成出来るOSSです。サーバーレスでデスクトップの音源向けのYouTube Music的なものとして利用できるそうです。 ...

ターミナルコマンドを検索、パラメーターを挿入してコピーできる・「Commands.dev」

Commands.dev Commands.devはターミナルコマンドを検索、パラメーターを挿入してコピーできる、コマンドのコレクションサイトです。 Stack Overflow等の質問サイトでよく聞かれているような、よく使われ...

ローカル環境にあるコードスニペットのファイルをGistに投げて共有できるCLI・「snipli」

snipli snipliはローカル環境にあるコードスニペットのファイルをGistに投げて共有できるCLIです。 snipliをインストールしたらcreateコマンドで任意のローカルファイルをGistに投げます。 ...
Ads