アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」 Dub Dubアナリティクス機能がビルトインされたオープンソースのBitly代替です。いわゆるURL短縮ツールで、Bitlyにログインして使える解析機能も備わっています。 解析機能にはジオロケーション、デバイス、ブラウザ...2022.09.23 | 10時08分38秒
セルフホスト可能なオープンソースのFirebase代替・「Appwrite」 Appwrite Appwriteはセルフホスト可能なオープンソースのFirebase代替BaaSプラットフォームです。WebアプリだけでなくFlutterを利用したiOS/Androidのアプリ開発にも対応しています。 ド...2022.09.22 | 10時01分57秒
ホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリ・「xTiles」 xTiles xTilesはホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリです。 メモやリンク、動画や画像などのメディアやTodo、データなどをひとまとめにしてザッと見で状況を把握で...2022.09.21 | 10時01分47秒
macのdevutilsやWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSS・「DevTools-X」 DevTools-X DevTools-Xはmacのdevutilsや以前ご紹介したWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSSです。 単にクロスプラットフォーム対応し...2022.09.20 | 9時52分05秒
夢の中の景色のようなDreamy blurエフェクトをCSSで実装する Result See the Pen Dreamy blur by kachibito (@kachibito) on CodePen. 映画等でよく見かける演出で、夢の中にいて、ちょっとボヤけるような景色...2022.09.19 | 10時04分55秒
Gutenberg指向のWebサイトを作成するためのモダンなWordPressテーマ開発スターターキット・「Theme Redone」 Theme Redone Theme RedoneはGutenberg指向のWebサイトを作成するためのモダンなWordPressテーマ開発スターターキットです。フレームワークに近いかもしれません。 テンプレートエンジンとしてL...2022.09.18 | 10時01分30秒
オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」 Fontsource FontsourceはオープンソースのWEBフォントをnpmでインストールできる更新型monorepoです。余分なネットワークリクエストが無い分、Googleフォントに比べて大きくパフォーマンスを向上できるそうで...2022.09.17 | 10時01分15秒
オープンソースのサーバーレスGraphQLデータベース・「WunderBase」 WunderBase WunderBaseはオープンソースのサーバーレスGraphQLデータベースです。Goで書かれており、SQLite、Firecracker/Fly machines、Prismaがベースとなっているそう。 ...2022.09.16 | 10時02分42秒
良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」 colorSS colorSSはカラーパレットをランダム生成し、CSS変数でコピーできるシンプルなWebアプリです。どれも良い感じで生成してくれます。 スペースキーで生成、sキーでお気に入りに登録できます。お気に入り登録したカラ...2022.09.15 | 10時02分41秒
CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」 Open Props Open PropsはCSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワークです。 Google Chormeの開発に関わっている方が開発されたみたいでMITライセンスの元でソース...2022.09.14 | 10時01分28秒
軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」 Leaf.js Leaf.jsは軽量で高速なWebコンポーネントベースのフロントエンドフレームワークです。ES Modulesも用いられています。 何より使いやすさを重視しており、Webサイトやコンポーネント、ライブラリなどを構...2022.09.13 | 10時03分04秒
Gmailの受信トレイを連絡先のみのメールにするオープンソースの受信トレイ管理ツール・「Emailgurus」 Emailgurus EmailgurusはGmailの受信トレイを連絡先のみのメールにするオープンソースの受信トレイ管理ツールです。受信トレイのノイズを除去してストレスを減らそう、というもの。 受信トレイにメールが届くと、その...2022.09.12 | 10時09分30秒
ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」 Motionity Motionityはブラウザで動作するモーショングラフィックエディターWebアプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...2022.09.11 | 10時07分05秒
TailwindのCSSやHTMLをバニラに戻すオープンソースのWebアプリ・「Vanilla Breeze」 Vanilla Breeze Vanilla BreezeはTailwindのCSSやHTMLをバニラに戻すオープンソースのWebアプリです。HTML要素に加わった大量のclassを除去したり任意のclassに変換するほか、twなどの...2022.09.10 | 10時07分04秒
ローコードでWebサイトにパスワードレス認証を導入するためのアドオン・「OwnID」 OwnID OwnIDはローコードでWebサイトにパスワードレス認証を導入するためのアドオンです。導入する事で、AppleユーザーはPasskeys認証を、Apple以外のユーザーでも生体認証でログイン出来るようになるとの事。ローカラ...2022.09.09 | 9時55分27秒
16種のスタイルが用意されたオープンソースのシンプルなSVGアイコン・「icons.download」 icons.download icons.downloadは16種のスタイルが用意されたオープンソースのシンプルなSVGアイコンです。4種の線の太さ、線画か塗りか、角丸かシャープか、などを選択できるアイコンが80近く用意されています。...2022.09.08 | 10時03分29秒
訪問したWebサイトの滞在時間をグラフ化してブラウジング習慣の改善に貢献してくれるOSSのブラウザ拡張・「Timer」 Timer Timerは訪問したWebサイトの滞在時間をグラフ化してブラウジング習慣の改善に貢献してくれるOSSのブラウザ拡張です。Chromeウェブストアでは「Web時間統計」の名前で出してるみたいです。 Chrome拡張で人...2022.09.07 | 10時01分03秒
:has()を使って親要素内に存在する子要素を数えるCSSのサンプル Result See the Pen Counting child items with :has() by kachibito (@kachibito) on CodePen. かなり世間から遅れていて今...2022.09.06 | 10時03分04秒
Evernoteの代替として開発された、内容も暗号化するオープンソースのプライバシーファーストなノートアプリ・「Notesnook」 Notesnook NotesnookはEvernoteの代替として開発された、内容も暗号化するオープンソースのプライバシーファーストなノートアプリです。 使いやすさとプライバシーを特に重視しているそうで、ゼロ知識の原則(Wik...2022.09.05 | 10時06分53秒
Linktr.eeやBiolinkライクなオープンソースの開発者向けプロフィールページ作成アプリ・「Linksnap」 Linksnap LinksnapはLinktr.eeやBiolinkライクなオープンソースの開発者向けプロフィールページ作成アプリです。JavaScriptで書かれています。 よくあるSNS等ではリンクを1つしか貼れないケース...2022.09.04 | 10時05分37秒
スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」 React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...2022.09.03 | 10時06分47秒
80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」 PrimeReact PrimeReactは80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリです。更に姉妹プロジェクトのprimeiconsで200以上のアイコンも用意されています。 We...2022.09.02 | 9時58分42秒