データを可視化し、グラフから別のグラフへアニメーション推移させる事が出来るスクリプト・「Vizzu」 Vizzu See the Pen Untitled by kachibito (@kachibito) on CodePen. Vizzuはデータを可視化し、グラフから別のグラフへアニメーション推...2021.10.19 | 10時05分10秒
UIコンポーネントを構築するための軽量、シンプルで非依存なJavaScriptライブラリ・「jCore」 jCore jCoreはUIコンポーネントを構築するための軽量、シンプルで非依存なJavaScriptライブラリです。 👆のサンプルはドラッグできるコンテンツをネストしたものになります。APIは使いやすいよう設計されている印...2021.10.07 | 10時00分07秒
タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」 Atropos Atroposはタッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリです。 PCではマウスホバーで、タッチデバイスではドラッグで動かす事が出来ます。非依存で軽量なので手軽に導入する事が...2021.10.05 | 9時54分24秒
高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジン・「LittleJS」 LittleJS LittleJSは高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジンです。他ライブラリに依存せずに動作してくれます。 軽量、シンプルで、様々なゲーム開発に使えるライブラリを目...2021.10.03 | 10時04分29秒
Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」 Motion One Motion OneはWeb Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリです。 使い方も以下のようにとてもシンプルで、軽量なAnime.jsのさらに半分のファイ...2021.09.27 | 9時52分37秒
GUIも備わったモーショングラフィックスの為のアニメーションJavaScriptライブラリ・「Theatre.js」 Theatre.js Theatre.jsはモーショングラフィックスの為のアニメーションJavaScriptライブラリです。GUIのエディターも備わってるそうです。 実際にビジュアルで動きを見ながら直感的な操作でアニメーションを...2021.09.23 | 10時48分36秒
画像内に注釈を挿入するJavaScriptライブラリ・「marker.js」 marker.js marker.jsは画像内に任意の注釈を挿入するJSライブラリです。画像の中に任意のテキストやエリアの塗りつぶし、線引きなどを挿入できて装飾も可能となっています。 また、marker.js Liveという拡張...2021.09.21 | 9時59分47秒
WebサイトやWebアプリ構築の為の次世代TypeScriptフレームワーク・「Factor.js」 Factor.js Factor.jsはWebサイトやWebアプリ構築の為の次世代TSフレームワークです。ブログやLP、JamStackアプリの作成等を容易に行えるよう設計されています。開発者はDarwinです。 プラグイン等に...2021.09.15 | 10時09分37秒
Webアプリ向けに開発されたReactベースのUIデザインシステム・「Welcome UI」 Welcome UI Welcome UIはWebアプリ向けに開発されたReactベースのUIデザインシステムです。reactをベースに、styled-components、styled-system、reakitなどが導入されていま...2021.08.06 | 10時06分25秒
Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」 Sa11y Sa11yはWebサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツールです。 下記のコードを挿入する事でWebページのアクセシビリティチェックを行う事が出来ます。 ...2021.07.22 | 10時01分01秒
どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」 DFlex DFlexはどのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリです。 他のD&Dライブラリとの大きな差として、最小限のレイアウトシフトをあげています。Webページで操作する要...2021.07.12 | 10時03分09秒
画像でも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秒
Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」 Foxtail Foxtailは、読み込むだけで他のCSSフレームワークでTailwind.cssのユーティリティクラスを使えるようにするCSSフレームワーク拡張スクリプトです。 BootstrapやBluma、UIkitやFo...2021.07.01 | 10時05分15秒
スプレッドシートライクな表計算ツールを提供するJavascriptライブラリ・「xcell」 xcell xcellはスプレッドシートライクな、リアクティブな表計算ツールを提供するJavascriptライブラリです。 例えば通常は以下のようになりますよね。 xcellでは以下のように計算する事が出来ます。 ...2021.06.28 | 10時04分35秒
シンプルな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秒
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秒
管理画面テンプレートも用意されたオープンソースのVue.js向けUIフレームワーク・「Vuestic UI」 Vuestic UI Vuestic UIはオープンソースのVue.js向けUIフレームワークです。Vue 3に対応しており多数コンポーネントに加えて管理画面テンプレートも用意されています。 コンポーネントはアラートやボタン、ト...2021.05.22 | 10時09分05秒