質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジン・「Hello」
Hello Helloは質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジンです。回答例として出されたコードはその場でワンクリックでコピー可能です。また、Stack Overflowに回答があればこれも直接表...
Resource - フロントエンドエンジニア向け
Cookieレスで拡張的なオープンソースなアクセス解析ツール・「Swetrix」
Swetrix SwetrixはCookieレスで拡張的なオープンソースなアクセス解析ツールです。以前ご紹介したOffenやCounter、GoatCounterなどと同様に、脱GAのためのOSSアナリティクスツールとなっています。 ...
Twitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSS・「Open Testimonials」
Open Testimonials Open TestimonialsはTwitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSSです。英語圏でのWebアプリ等で良く見られるUIですよ...
ASCIIアートで描いたダイアグラムをSVGで整形して表示するJavaScriptライブラリ・「typograms」
typograms See the Pen Untitled by kachibito (@kachibito) on CodePen. typogramsはASCIIアートで描いたダイアグラムをSVGで整形し...
素早く実装できてカスタマイズ性も重視したオープンソースのユーザー認証システム・「SuperTokens」
SuperTokens SuperTokensは素早く実装できてカスタマイズ性も重視したオープンソースのユーザー認証システムです。開発しているアプリケーションにセキュアなログインとセッション管理を追加する事が出来ます。 Auth...
公開されているWeb APIを細かいカテゴリに分けてリスト化・「APIsList」
APIsList APIsListは公開されているWeb APIを細かいカテゴリに分けてリスト化されたWeb APIのコレクションサイトです。Web APIの簡単な紹介と、APIのドキュメントページや登録ページ、紹介ページなどにすぐに...
サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」
Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...
高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベース・「helpkb」
helpkb helpkbは高速で軽量、使いやすさを重視したオープンソースのNext.js製ナレッジベースです。Markdown記法もサポートされています。 必要なものはすべて組み込まれているため、基本的にはプラグインやコーディ...
シンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、チャット等の機能を備えたオープンソースのWeb会議ツール・「MiroTalk」
MiroTalk MiroTalkはシンプルに使えてセキュアな、ビデオ通話や画面共有、ファイル共有、テキストやボイスチャット等の機能を備えたオープンソースのWeb会議ツールです。部屋を作成して招待する形で、複数人で利用可能です。 ...
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に準拠、シンプル...