シンプルで高速なオープンソースのWebSocketサーバー・「Soketi」
Soketi Soketiはシンプルで高速なオープンソースのWebSocketサーバーです。TSで書かれておりAGPL-3.0ライセンスの元でソースコードが公開されています。 Fastifyの8.5倍、Socket.IOの10倍...
Resource -"キーワード指定なし"
DropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダー・「React File Upload」
React File Upload React File UploadはDropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダーです。 他にもBoxやSharePoi...
軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」
Beercss See the Pen Untitled by kachibito (@kachibito) on CodePen. Beercssは軽量、シンプルで使いやすく様々なユーティリティも備えられたC...
開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリ・「DevToys」
DevToys DevToysは開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリです。Windowsエコシステムを採用するように設計されており、Windows 10のビルド1903以降で動作...
目線がマウスの動きを追う的なやつ
Result See the Pen Untitled by kachibito (@kachibito) on CodePen. マウスを目線が追う的なやつです。👆こういうの。 必要性はさほど高くはない...
動画ファイル内の人物部分のみを切り取って別の動画と合成できる動画背景削除アプリ・「SocialBook Remove Video Background」
SocialBook Remove Video Background SocialBook Remove Video Backgroundは動画ファイル内の人物部分のみを切り取って別の動画と合成できる動画背景削除アプリです。 以...
デバイスを選ばず利用できるオープンソースのAirdrop代替・「OnDrop」
OnDrop OnDropはデバイスを選ばず利用できるオープンソースのAirdrop代替です。代替と言っても全く同じ挙動ではありませんが、疑似的に同じ事が出来る、というものになります。 OnDropは同じネットワーク内でのデバイ...
タイプライター風のエフェクトを管理、実装できるスタイルシート・「Typed.css」
Typed.css Typed.cssはタイプライター風のエフェクトを管理、実装できるスタイルシートです。上のように文字が打ち込まれたように徐々に表示される的あエフェクトを管理できます。 テキストはcontentプロパティで管理...
ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」
Scenify ScenifyはReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディターです。開発者の方は代替と言うかクローンとして設計したそうで概ね同じ機能を有していると説明しています。 ...
縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」
minimator minimatorは縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディターです。方眼紙のようにドットによるグリッドに沿って縦線、横線、四分円にいずれかを使い、線画を作成できるエディター的なもの...
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」
Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...
MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」
Medusa Express Medusa Expressは1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリです。省スペースでページ遷移も不要と、手軽に決済まで進めるので離脱率を下げる事...
任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」
Alwane Alwaneは任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成するWebアプリです。 抽出したいWebサイトのURLを入力すれば、そのサイトを解析してカラーコードを自動生成してくれま...
任意のファイルを暗号化して送信できるWebアプリ・「Sendfiles.online」
Sendfiles.online Sendfiles.onlineは任意のファイルを暗号化して送信できるWebアプリです。基本的には2GBまで、有償プランで100GBまで送信可能となっています。 ファイルを共有できるツールは既に...
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE（統合開発環境）です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...
各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できる・「PrivacyTests.org」
PrivacyTests.org PrivacyTests.orgは各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できるWebサイトです。 Brave、Chrome、Edge、Firef...
個人用として開発されているオープンソースのWebアーカイブアプリ・「irchiver」
irchiver irchiverは個人用として開発されているオープンソースのWebアーカイブアプリです。Internet Archiveやarchive.todayなどと同様にその日その時のWebページの状態を保存してくれる、という...
高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」
luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...
SVGの形状に沿ってテキストを折り返す（shape-insideっぽく）
Result See the Pen Wrapping Text Inside an SVG: Shape Outside Prototype by kachibito (@kachibito) on CodePen...
Deno製のオープンソース静的サイトジェネレーター・「Lume」
Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...
Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」
DevBox DevBoxはWeb開発時に重宝するツールやリソースをカテゴリにわめてまとめたキュレーションサイトです。CSSをDevtoolsを使わず調査できるブラウザ拡張をサービスとして展開するIntabによるまとめ。 各フレ...
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...