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

オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」

Fontsource FontsourceはオープンソースのWEBフォントをnpmでインストールできる更新型monorepoです。余分なネットワークリクエストが無い分、Googleフォントに比べて大きくパフォーマンスを向上できるそうで...

軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」

Leaf.js Leaf.jsは軽量で高速なWebコンポーネントベースのフロントエンドフレームワークです。ES Modulesも用いられています。 何より使いやすさを重視しており、Webサイトやコンポーネント、ライブラリなどを構...

ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」

Motionity Motionityはブラウザで動作するモーショングラフィックエディターWebアプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...
Ads

ローコードでWebサイトにパスワードレス認証を導入するためのアドオン・「OwnID」

OwnID OwnIDはローコードでWebサイトにパスワードレス認証を導入するためのアドオンです。導入する事で、AppleユーザーはPasskeys認証を、Apple以外のユーザーでも生体認証でログイン出来るようになるとの事。ローカラ...

スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」

React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...

80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」

PrimeReact PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 We...

1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」

one `div` loaders See the Pen Untitled by kachibito (@kachibito) on CodePen. one `div` loadersは1つのdiv要素で作...

フィードやsitemap、PWAを標準サポートしたパフォーマンス重視のSvelte製オープンソースブログシステム・「QWER」

QWER QWERはATOMフィードやsitemap、PWAを標準サポートしたパフォーマンス重視のブログシステムです。Svelte製でOSSとしてソースコードが公開されています。 PageSpeed Insightsでほぼオール...

静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSS・「formify」

formify formifyは静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSSです。TSで書かれています。 フォームはコードを書かずに複数作成可能で、それぞれにスクリプトコードが発行され、個々に管理で...

ブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリ・「LinkWarden」

LinkWarden LinkWardenはブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリです。 オンラインブックマークの機能にWebアーカイブ機能を加えたような...

Web開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボード・「Eraser」

Eraser EraserはWeb開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボードです。 コードを書いてダイアグラムを共有したり、コードそのものをブロックにして作図したり、キーボードファーストなフロー...

タスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロアプリ・「Tomodoro」

Tomodoro Tomodoroはタスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロタイマーアプリです。JavaScript/HTML/CSSで書かれており、ブラウザで動作します。UIもシンプル...

Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」

Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...

Webサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリ・「kmenu」

kmenu kmenuはWebサイトにカスタマイズ可能なコマンドメニューを追加できるライブラリです。各コードエディタを始め、最近ではWebアプリ等でも導入されるようになったコマンドメニューを実装できる、というライブラリです。 以...

シームレスなUXを実現するオープンソースの新たなCAPTCHAシステム・「mCaptcha」

mCaptcha mCaptchaはシームレスなUXを実現するオープンソースの新たなCAPTCHAシステムです。未だに現役の、指定された画像を選択するタイプのCAPTCHAシステムとは異なり1クリックでヒューマンチェックが完了します。...

GeoGuessrのようなGoogleストリートビューを使ったオープンソースの場所当てゲーム・「GeoGuess」

GeoGuess GeoGuessはGoogleストリートビューを使ったオープンソースの場所当てゲームです。GeoGuessrのクローンとまでは行かなくても代替と言ってもいいかもしれません。Vueで作られており、PWAもサポートされて...

質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジン・「Hello」

Hello Helloは質問形式で検索するとコードを回答するAI言語モデル搭載の開発者向け検索エンジンです。回答例として出されたコードはその場でワンクリックでコピー可能です。また、Stack Overflowに回答があればこれも直接表...

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のドキュメントページや登録ページ、紹介ページなどにすぐに...
Ads