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

シンプルでフレキシブルなフルスタックReactフレームワーク・「Firebolt」

FireboltはシンプルでフレキシブルなフルスタックReactフレームワークです。シンプルさを念頭に置いた設計で、機能低下をさせずに複雑さを軽減する事で様々なWebアプリ構築の高速化をサポートします。

SplitWise代替となるオープンソースの割り勘アプリ・「SplitPro」

SplitProはSplitWise代替となるオープンソースの割り勘アプリです。数日前に同じような割り勘アプリのSpliitをご紹介しましたが、こちらも同様にグループ内の経費の割り勘を代行してくれる、というものになります。

設置も簡単なNext.jsベースのオープンソースなコメントシステム・「Zoomment」

Zoommentは設置も簡単なNext.jsベースのオープンソースなコメントシステムです。MITライセンスの元でソースコードが公開されています。カスタマイズできるテーマ、リアルタイム通知、RSSサポート、絵文字によるリアクション投稿などの機能があり、任意のWebサイトに簡単に設置できるよう設計されています。
Ads

Nuxtとシームレスに統合出来るオープンソースのCMS・「Pruvious」

PruviousはNuxtとシームレスに統合出来るオープンソースのCMSです。Vue.jsフレームワークであるNuxtをベースにしたアプリケーションをCMSに変換するNustモジュールとして提供されています。

Nuxt.jsベースのオープンソース静的ブログエンジン・「Bloggr」

BloggrはNuxt.jsベースのオープンソース静的ブログエンジンです。Vue.jsフレームワークのNuxt.jsと、Vue.js開発者向けのGitベースのヘッドレスCMSであるNuxt-contentで設計されています。

Tailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネント・「Winduum」

WinduumはTailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネントです。単体でも利用可能ですがTailwind.cssのプラグインとしても使えるようになっています。リセットを含むレイアウト向けのCSS、各ユーティリティ、各UI、コンポーネントなどなどWinduumだけでしっかり様々なタイプのWebサイトやWebアプリに対応できるようになっています。

ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」

Fluid for Tailwind CSSはユーティリティでclamp()を簡単に生成できるようにするTailwindプラグインです。コードの記述量を減らし、より見栄えのいいRWDの対応をサポートします

コピペで簡単利用も出来るオープンソースのTailwindベースUIコンポーネントライブラリ・「Tailframes」

Tailframesはシンプルで使いやすいオープンソースのTailwindベースUIコンポーネントライブラリです。コピペで簡単利用できるよう各コンポーネントのコードやサンプルも公開されています。

SaaSアプリ開発の為に作られたオープンソースの開発スターターキット・「Open Micro SaaS」

Open Micro SaaSはSaaSアプリ開発の為に作られたオープンソースの開発スターターキットです。堅牢性、拡張性、開発のしやすさを提供するために設計さており、そのためにツールキットのコアとなる依存関係及び開発ツールが設けられています。

VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」

TwinnyはVS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグインです。完全に無料且つ完全にプライベートである事も仕様の1つとしているため、無料と言いつつAPIキー代金はかかる、といった事も無いようローカルでLLM推論を実行するOllamaやllama.cpp、LM Studio等とシームレスに動作するよう設計されています。

FigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリ・「Pagedone」

PagedoneはFigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリです。Figmaでデザインされ、Tailwind.cssのutility-classes上に構築されたコンポーネント集で、モーダルやドロップダウン、タブ、ツールチップにトーストなどインタラクティブに動作させるUIのためのJavaScriptも含まれています。

Tailwind.cssと統合出来るように設計されたスタイルレスAngularコンポーネント・「Headwind UI」

Headwind UIはTailwind.cssと統合出来るように設計されたスタイルレスAngularコンポーネントです。Headless UIがAngularをサポートしていなくて苦労している開発者のために作ったそうです。Headwind UIは「Angular.jsを使いたい開発者にHeadless Component(スタイルレスなコンポーネント)を提供する」ために開発されました。

日付ベースのアクティビティと傾向を視覚化する軽量JavaScriptライブラリ・「Heat.js」

Heat.js Heat.jsは日付ベースのアクティビティと傾向を視覚化する軽量JavaScriptライブラリです。MITライセンスの元でソースコードが公開されています。 プロジェクトページにはヒートマップチャートの生成、と書い...

shadcn/uiにインスパイアされたオープンソースのモバイル向けUIコンポーネント・「mobilecn UI」

mobilecn UIはshadcn/uiにインスパイアされたオープンソースのモバイル向けUIコンポーネントです。mobilecn UIにはReact Native向けのNativecn UIとSwiftUI向けのSwiftcn UIが用意されており、いずれもカスタマイズしやすく複雑な設定も不要ですぐに使えるUIコンポーネントとなっており、シンプルで美しいスタイルを重視して設計されています。

Web等の開発スキルアップに役立つ様々な分野のツールやリソースを探せるハブサイト・「LinksHub」

LinksHubはWeb等の開発スキルアップに役立つ様々な分野のツールやリソースを探せるハブサイトです。よくあるタイプのハブサイトですが、情報量が非常に多くなっています。基本的に大半はWebに関わる開発がメインとなっているのでITエンジニア向けのハブサイト、という認識で良いと思います。

AIモデルにGoogle Geminiを採用したオープンソースのAIチャットWebアプリ・「Google Gemini Web Chat」

Google Gemini Web ChatはAIモデルにGoogle Geminiを採用したオープンソースのAIチャットWebアプリです。構築にはViteが採用されています。利用するには Google AI StudioにてAPIキーを取得し、入力してからとなります。キーを入力したらすぐにもGemini AIとチャット出来るようになります。

Google formからのインポートも対応、プライバシーファーストで設計された送信フォーム作成プラットフォーム・「BetterCollected」

BetterCollectedはGoogle formからのインポートも対応、プライバシーファーストで設計された送信フォーム作成プラットフォームです。ユーザー(回答者)のプライバシーに配慮した設計となっていて、フォーム送信前にデータ収集の目的を設定し、送信者に同意して貰うように出来たり、送信者が自分の送信内容を確認したり、その内容を削除要求出来るなどの機能が設けられています。

ドメイン分析のためのWebアプリを構築できるオープンソースのツールキット・「Domain Digger」

Domain Diggerはドメイン分析のためのWebアプリを構築できるオープンソースのツールキットです。任意のドメインを入力するだけでDNS情報の取得、位置情報を含むIP情報取得、異なるグローバルサーバー間でのDNS検索実行、DNSデータの視覚化、WHOISデータ検索、SSL/TLS証明書の変更履歴追跡などが可能なWebアプリとして提供され、ブックマークレットも用意されています。

履歴書ファイルや任意のプロンプトからAIが適切なオープンソースプロジェクトを提案してくれるOSSのAIチャット・「Waterloti」

Waterlotiは履歴書ファイルや任意のプロンプトからAIが適切なオープンソースプロジェクトを提案してくれるOSSのAIチャットです。オープンソースプロジェクト検索専用のAIチャット、というものになります。よくあるAIチャットのプロンプトを元に適切なオープンソースプロジェクトを提案してくれます。APIには Github API代替としてOSSInsightのPublic APIが採用されています。

予め600以上の関数が用意されており、目的に合わせて構築できるオープンソースのDiscordボット開発ライブラリ・「aoi.js」

aoi.jsは予め600以上の関数が用意されており、目的に合わせて構築できるオープンソースのDiscordボット開発ライブラリです。ボットを自作しやすいよう設計されていますが、フレームワークのような類ではなく、既に作られている関数を使ってボットを作成出来る、というもの。

Next.jsとTailwind.cssで構築されたオープンソースのヘッドレスWordPressテンプレート・「Fjord」

FjordはNext.jsとTailwind.cssで構築されたオープンソースのヘッドレスWordPressテンプレートです。 バックエンドにヘッドレスWordPress、フロントエンドにNext.jsというアイデアに基づいて構築されたそうで、WordPress REST APIでデータを取得し、Next.jsでフロントエンドをレンダリングするような構成となっています。

ノーコードで簡単なアンケートフォームを作成、公開、管理できるオープンソースのWebアプリ・「FormsLab」

FormsLabはノーコードで簡単なアンケートフォームを作成、公開、管理できるオープンソースのWebアプリです。簡単なアンケートや評価、簡易フィードバックなど、いわゆるサーベイツールとなっており、ノーコードでアンケートを作成、公開、結果を管理画面で確認、グラフ化するというもの。
Ads