Datadogなどの代替として開発されたオープンソースのアプリケーションパフォーマンス管理ツール・「SigNoz」
SigNoz SigNozはDatadogやNew Relicなどの代替として開発されたオープンソースのAPM（アプリケーションパフォーマンス管理ツール：Application Performance Management）です。 ...
Resource -"キーワード指定なし"
ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」
Dracula UI Dracula UIはダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクションです。Draculaの名に見覚えのある方も多いかもしれませんが、テキストエディターのダークテーマとしても人気の...
白黒写真をカラー化するAIベースのWebアプリ・「Palette」
Palette Paletteは白黒写真をカラー化するAIベースのWebアプリです。開発者はGoogle Artsに所属するエンジニアで機械学習によるカラー化（ML colorized）に携わっているみたいです。 写真をアップロ...
TypeScriptで書かれたオープンソースのヘッドレスCMS・「Alinea」
Alinea AlineaはTypeScriptで書かれたオープンソースのヘッドレスCMSです。コンテンツはGitでバージョン管理されるGitベースとなっており、埋め込み型のSQLiteにインデックスされる事で高速なクエリと全文検索も...
Webサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディター・「Impulse」
Impulse ImpulseはWebサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディターです。 上手く説明できないんですけど、ブラウザで動作するDevtoolsライクなテキスト...
CSSのみで白抜きテキスト内に波打つようなアニメーションエフェクト
Result See the Pen Multi-line CSS only wavy text by kachibito (@kachibito) on CodePen. こういうのです。かなり複雑だ...
どのデバイスでもある程度はレイアウトが綺麗に見える100バイトのCSS
Result See the Pen Untitled by kachibito (@kachibito) on CodePen. 極限まで少ないコードでどのデバイスでもある程度見栄えが良くなるように、みた...
Visual Studio Codeで使うコードスニペットを管理できるデスクトップアプリ・「CodeSpeedy」
CodeSpeedy CodeSpeedyはVisual Studio Codeで使うコードスニペットを管理できるデスクトップアプリです。WindowsとMac用が用意されています。 最初から備わっているスニペットコードマネージ...
シンプルで高速なキーボードで操作するマインドマップツール・「h-m-m」
h-m-m h-m-mはシンプルで高速なキーボード操作のマインドマップツールです。hackers mind mapの頭文字を取ったネーミングみたいです。 php製ですがターミナルアプリとなっているのでWebサーバーは必要ないそう...
任意の画像や絵文字等を使ってパターンを作成出来るWebアプリ・「Tylify」
Tylify Tylifyは任意の画像や絵文字等を使ってパターンを作成出来るWebアプリです。複数の絵文字や画像を使ってオリジナルのパターン画像を作成出来る、というもの。 実際にパターンとして利用した状態のプレビューが可能で、そ...
アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」
Dub Dubアナリティクス機能がビルトインされたオープンソースのBitly代替です。いわゆるURL短縮ツールで、Bitlyにログインして使える解析機能も備わっています。 解析機能にはジオロケーション、デバイス、ブラウザ...
セルフホスト可能なオープンソースのFirebase代替・「Appwrite」
Appwrite Appwriteはセルフホスト可能なオープンソースのFirebase代替BaaSプラットフォームです。WebアプリだけでなくFlutterを利用したiOS/Androidのアプリ開発にも対応しています。 ド...
ホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリ・「xTiles」
xTiles xTilesはホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリです。 メモやリンク、動画や画像などのメディアやTodo、データなどをひとまとめにしてザッと見で状況を把握で...
macのdevutilsやWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSS・「DevTools-X」
DevTools-X DevTools-Xはmacのdevutilsや以前ご紹介したWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSSです。 単にクロスプラットフォーム対応し...
夢の中の景色のようなDreamy blurエフェクトをCSSで実装する
Result See the Pen Dreamy blur by kachibito (@kachibito) on CodePen. 映画等でよく見かける演出で、夢の中にいて、ちょっとボヤけるような景色...
Gutenberg指向のWebサイトを作成するためのモダンなWordPressテーマ開発スターターキット・「Theme Redone」
Theme Redone Theme RedoneはGutenberg指向のWebサイトを作成するためのモダンなWordPressテーマ開発スターターキットです。フレームワークに近いかもしれません。 テンプレートエンジンとしてL...
オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」
Fontsource FontsourceはオープンソースのWEBフォントをnpmでインストールできる更新型monorepoです。余分なネットワークリクエストが無い分、Googleフォントに比べて大きくパフォーマンスを向上できるそうで...
オープンソースのサーバーレスGraphQLデータベース・「WunderBase」
WunderBase WunderBaseはオープンソースのサーバーレスGraphQLデータベースです。Goで書かれており、SQLite、Firecracker/Fly machines、Prismaがベースとなっているそう。 ...
良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」
colorSS colorSSはカラーパレットをランダム生成し、CSS変数でコピーできるシンプルなWebアプリです。どれも良い感じで生成してくれます。 スペースキーで生成、sキーでお気に入りに登録できます。お気に入り登録したカラ...
CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」
Open Props Open PropsはCSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワークです。 Google Chormeの開発に関わっている方が開発されたみたいでMITライセンスの元でソース...
軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」
Leaf.js Leaf.jsは軽量で高速なWebコンポーネントベースのフロントエンドフレームワークです。ES Modulesも用いられています。 何より使いやすさを重視しており、Webサイトやコンポーネント、ライブラリなどを構...
Gmailの受信トレイを連絡先のみのメールにするオープンソースの受信トレイ管理ツール・「Emailgurus」
Emailgurus EmailgurusはGmailの受信トレイを連絡先のみのメールにするオープンソースの受信トレイ管理ツールです。受信トレイのノイズを除去してストレスを減らそう、というもの。 受信トレイにメールが届くと、その...