JavaScriptを使用しないシンプルで高速なWebページを作れるOSS・「imml」
imml immlはシンプルで高速なJS不使用のWebページを作れるOSSです。単純にMarkdownライクな記法で書いたものをHTMLでエクスポート、というもの。 名前のimmlはindented markdown mar...
Resource - フロントエンドエンジニア向け
シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」
react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...
任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」
Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...
複数人と画面及びデスクトップアプリの共同作業が可能なリアルタイムコラボレーションツール・「CoScreen」
CoScreen CoScreenは複数人と画面及びデスクトップアプリの共同作業が可能なリアルタイムコラボレーションツールです。 チーム間でお互いにお互いの端末をリモート操作するなど共有、共同作業が可能、という次世代コラボレーシ...
ブラウザで動作するオープンソースのシンプルなマインドマップツール・「Kiri」
Kiri Kiriはブラウザで動作するオープンソースのシンプルなマインドマップツールです。 JS製でデータ保存はlocalStorageが使われます。プライバシーが気になる人が気軽に使える事を想定したそうで、このような仕様上、自...
クリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集・「daisyUI」
daisyUI daisyUIはクリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集です。 この手のUIフレームワークの一部ではユーティリティクラスを組み合わせる事が多く、細かい設定が可...
管理画面テンプレートも用意されたオープンソースのVue.js向けUIフレームワーク・「Vuestic UI」
Vuestic UI Vuestic UIはオープンソースのVue.js向けUIフレームワークです。Vue 3に対応しており多数コンポーネントに加えて管理画面テンプレートも用意されています。 コンポーネントはアラートやボタン、ト...
GraphQLを使用したオープンソ－スなヘッドレスe-commerceフレームワーク・「vendure」
vendure vendureはTypeScriptとNestで構築されたGraphQLベースのヘッドレスe-commerceフレームワークです。OSSとしてGithubにてソースコードが公開されています。 同じくGraphQL...
cannon.jsベースの軽量なJavaScript製3D物理エンジン・「cannon-es」
cannon-es cannon-esはWeb用の軽量なJavaScript製3D物理エンジンです。three.jsのシンプルなAPIをインスパイアしてるそうです。 開発の止まってしまったcannon.jsをフォークし、開発継続...
手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーター・「Oslo」
Oslo Osloは手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーターです。 以前ご紹介したTheme Studioも同じようにVScodeのテーマを作成出来るものでしたが、細かいところまで設定でき...
開発者向けに設計されたシンプルで見やすいオープンソースのオンラインノートアプリ・「Amidanote」
Amidanote Amidanoteは開発者向けに設計されたシンプルで見やすいオープンソースのオンラインノートアプリです。next.jsベースで書かれています。 ログインはOAuth2を採用、Markdown記法サポート、その...
オープンソースのTailwind.css/React製ダッシュボードテンプレート・「Tailwind dashboard template」
Tailwind dashboard template Tailwind dashboard templateはオープンソースのTailwind.css/React製ダッシュボードテンプレートです。チャート実装の為、Chart.jsも...
任意のWebサイトにコードエディタを実装できるスクリプト・「Copenhagen Editor」
Copenhagen Editor Copenhagen Editorは任意のWebサイトにコードエディタを実装できるスクリプトです。 highlight.jsとfeather iconsが内蔵されていますが、その他のライブラリ...
Twitter等に投稿されたコードスニペットを収集している・「QuickSnippets」
QuickSnippets QuickSnippetsはTwitter等に投稿されたコードスニペットを収集しているWebサイトです。 コードを画像化するサービスがあるように、画像化コードをTwitterで投稿する文化が他国の界隈...
軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリ・「WinBox.js」
WinBox.js See the Pen GRrzXoo by kachibito (@kachibito) on CodePen. WinBox.jsは軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリで...
ダミーの人物情報の生成やダミー画像、Base64コンバーターなど地味に便利なツールを公開している・「Minimal Toolkit」
Minimal Toolkit Minimal ToolkitはWebアプリ等の開発者にとって地味に便利なツールを公開しているプロジェクトサイトです。 ダミーの人物情報の生成やダミー画像、JPGやGIF、WebPやVGなどの画像...
チャット風のフォームを実装できるスクリプト・「chatty-form」
chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...
任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」
party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...
任意のリンク集を本棚のようなレイアウトで作成、公開できるOSSのWebアプリ・「shelf.gg」
shelf.gg shelf.ggは任意のリンク集を本棚のようなレイアウトで作成、公開、シェアできるOSSのWebアプリです。 名前の通りブックシェルフをオンラインで作成できる、というもので内容的には単純なリンク集ですが、少し見...
他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」
Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...
Githubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできる・「Repository.md」
Repository.md Repository.mdはGithubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできるWebアプリです。 リポジトリの名を指定するとそのリポジトリのreadme.mdが読み込...
SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
Frontend Toolkit Frontend ToolkitはSVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするWebアプリのコレクションです。 ...