どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」 DFlex DFlexはどのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリです。 他のD&Dライブラリとの大きな差として、最小限のレイアウトシフトをあげています。Webページで操作する要...2021.07.12 | 10時03分09秒
Tailwind.cssベースのオープンソースReact UIキット・「Windy」 Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...2021.07.08 | 10時03分18秒
報酬やキャンペーンなどを管理できるオープンソースのアフィリエイト管理システム・「weferral」 weferral weferralは報酬やキャンペーン、プログラム参加ユーザーなどを管理できるオープンソースのアフィリエイト管理システムです。 自社でアフィリエイトプログラムを管理する為のソフトウェアで、顧客や参加パートナーの管...2021.07.07 | 10時05分16秒
画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプト・「tobii」 tobii tobiiは画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプトです。 任意のHTML要素や画像だけでなく、YoutubeやVimeoなどの動画や任意のWebページなども可能...2021.07.06 | 10時05分11秒
ブラウザで使える超シンプルなオープンソースのコードエディター・「Smart Text Editor」 Smart Text Editor Smart Text Editorはブラウザで使える超シンプルなオープンソースのコードエディターです。ブラウザとキーボード操作だけで使えるよう設計されており、JavaScriptで書かれています。 ...2021.07.04 | 10時06分21秒
スプレッドシートライクな表計算ツールを提供するJavascriptライブラリ・「xcell」 xcell xcellはスプレッドシートライクな、リアクティブな表計算ツールを提供するJavascriptライブラリです。 例えば通常は以下のようになりますよね。 xcellでは以下のように計算する事が出来ます。 ...2021.06.28 | 10時04分35秒
スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」 Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...2021.06.23 | 10時00分03秒
オープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツール・「Indiepen」 Indiepen IndiepenはオープンソースのHTML/CSS/JavaScriptのプライバシーフレンドリーなコードスニペットembedツールです。上のようにコードスニペットと実行結果を任意のWebページ貼り付けられる、という...2021.06.20 | 10時09分01秒
シンプルな2ペインのReact製Markdownエディター・「react-md-editor」 react-md-editor react-md-editorはシンプルで使いやすい2ペインのReact製Markdownエディターです。従来品同様に記述エリアとプレビューエリアに分かれており、即反映されるようになっています。 ...2021.06.19 | 10時04分38秒
Webインタビュー向けに作られた1人対1人用ビデオチャットツール・「I-Meet」 I-Meet I-MeetはWebインタビュー向けに作られた1人対1人用ビデオチャットツールです。ライセンスの明記がありませんがGithubにてソースコードも公開されています。 よくあるビデオチャットを1対1タイプにし、ビデオチ...2021.06.18 | 10時06分19秒
他デバイス複数人で同時にローカル環境の動画ファイルを閲覧、チャット等もできるOSS・「Local Party」 Local Party Local Partyはローカル環境の動画ファイルを複数人で同時にそれぞれ異なるデバイス同士で閲覧、チャット等もできるOSSです。 チャットツールのように部屋を作成するようです。ただ、それぞれが同じ動画フ...2021.06.15 | 10時04分34秒
TyporaにインスパイアされたオープンスースのWYSIWYG markdownエディター・「Milkdown」 Milkdown MilkdownはTyporaにインスパイアされたオープンスースのWYSIWYG markdownエディターです。 リッチテキストエディタにはprosemirrorが、パーサにはmarkdown-itが採用、ビ...2021.06.06 | 10時06分39秒
JavaScriptを使用しないシンプルで高速なWebページを作れるOSS・「imml」 imml immlはシンプルで高速なJS不使用のWebページを作れるOSSです。単純にMarkdownライクな記法で書いたものをHTMLでエクスポート、というもの。 名前のimmlはindented markdown mar...2021.06.05 | 10時07分02秒
シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」 react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...2021.06.03 | 10時05分19秒
任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」 Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...2021.05.31 | 10時01分42秒
閲覧中のWebページのWayback Machineによる魚拓をその場で探して表示できるChrome拡張・「Vandal」 Vandal Vandalは閲覧中のWebページのWayback Machineによる魚拓をその場で探して表示できるChrome拡張です。Wayback Machine APIが使われているみたいです。 現在見ているページで起動...2021.05.29 | 10時05分42秒
ブラウザで動作するオープンソースのシンプルなマインドマップツール・「Kiri」 Kiri Kiriはブラウザで動作するオープンソースのシンプルなマインドマップツールです。 JS製でデータ保存はlocalStorageが使われます。プライバシーが気になる人が気軽に使える事を想定したそうで、このような仕様上、自...2021.05.25 | 10時05分54秒
GraphQLを使用したオープンソ-スなヘッドレスe-commerceフレームワーク・「vendure」 vendure vendureはTypeScriptとNestで構築されたGraphQLベースのヘッドレスe-commerceフレームワークです。OSSとしてGithubにてソースコードが公開されています。 同じくGraphQL...2021.05.20 | 10時04分38秒
cannon.jsベースの軽量なJavaScript製3D物理エンジン・「cannon-es」 cannon-es cannon-esはWeb用の軽量なJavaScript製3D物理エンジンです。three.jsのシンプルなAPIをインスパイアしてるそうです。 開発の止まってしまったcannon.jsをフォークし、開発継続...2021.05.17 | 10時00分36秒
スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」 animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...2021.05.12 | 10時06分13秒
Readme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタ・「readme.so」 readme.so readme.soはReadme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタです。 基本的には一般的なMarkdownエディタですが、プロジェクト名やAPIリファレン...2021.05.04 | 10時08分28秒
カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」 Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...2021.05.02 | 10時07分07秒