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

パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」

Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...

ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」

Dracula UI Dracula UIはダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクションです。Draculaの名に見覚えのある方も多いかもしれませんが、テキストエディターのダークテーマとしても人気の...

Webサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディター・「Impulse」

Impulse ImpulseはWebサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディターです。 上手く説明できないんですけど、ブラウザで動作するDevtoolsライクなテキスト...
Ads

Visual Studio Codeで使うコードスニペットを管理できるデスクトップアプリ・「CodeSpeedy」

CodeSpeedy CodeSpeedyはVisual Studio Codeで使うコードスニペットを管理できるデスクトップアプリです。WindowsとMac用が用意されています。 最初から備わっているスニペットコードマネージ...

アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」

Dub Dubアナリティクス機能がビルトインされたオープンソースのBitly代替です。いわゆるURL短縮ツールで、Bitlyにログインして使える解析機能も備わっています。 解析機能にはジオロケーション、デバイス、ブラウザ...

macのdevutilsやWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSS・「DevTools-X」

DevTools-X DevTools-Xはmacのdevutilsや以前ご紹介したWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSSです。 単にクロスプラットフォーム対応し...

オープンソースの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アプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...

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

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

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に回答があればこれも直接表...
Ads