LEGO®ライクなグラフィックを描ける軽量なJavaScriptライブラリ・「Legra」 Legra LegraはLEGO®ぽいグラフィックを手軽に描ける軽量なJSライブラリです。Legraは「Lego® brick Graphics」を略したものだそうです canvasにLEGO®を並べたようなグラフィックで色など...2019.12.03 | 10時08分40秒
シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」 Peekobot See the Pen QWwLjJv by kachibito (@kachibito) on CodePen. Peekobotはシンプルで扱いやすい選択式チャットボットフレームワークです。上...2019.11.30 | 10時01分44秒
ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」 Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...2019.11.29 | 9時29分07秒
マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」 Creepyface See the Pen PoorKQe by kachibito (@kachibito) on CodePen. Creepyfaceはマウスポインタに合わせて画像を変更できるスクリプトです ...2019.11.27 | 10時00分14秒
Youtubeの埋め込みを高速レンダリングするスクリプト・「Lite YouTube Embed」 Lite YouTube Embed See the Pen dyyLzVd by kachibito (@kachibito) on CodePen. Lite YouTube EmbedはYoutubeのemb...2019.11.23 | 9時55分22秒
Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」 vue-interactive-paycard See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen. ...2019.11.21 | 10時15分56秒
手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」 roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...2019.10.17 | 9時51分58秒
CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」 Scene.js Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数...2019.09.24 | 10時06分36秒
オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」 QuickJots QuickJotsはオート保存機能が付いたシンプルなメモアプリです。Markdownとプレーンテキストの両ペインにそれぞれメモを残せます 左ペインはMarkdown、右ペインはプレーンテキストエリアで、記述と...2019.09.21 | 9時45分13秒
React.jsによるアプリケーション開発をサポートするコンポーネントのコレクション・「React Rainbow」 React Rainbow React RainbowはReact.jsによるアプリケーション開発用のコンポーネントのコレクションです レイアウトに関するコンポーネントは勿論、チャートやフォーム、アバター、マップやカレン...2019.09.17 | 9時45分53秒
CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」 debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを...2019.09.12 | 10時19分00秒
React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」 Chakra UI Chakra UIはReact.jsによるアプリケーション開発の為のUIコンポーネントライブラリです。モジュール式で必要なコンポーネントを必要な分だけ追加するタイプとなっています。 WAI-ARIAに準拠した...2019.09.10 | 10時23分31秒
既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」 Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...2019.09.01 | 10時12分53秒
Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」 pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...2019.08.29 | 9時55分53秒
xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」 Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...2019.08.20 | 10時00分25秒
JavaScriptやCSSを書く感覚でクロスプラットフォームに対応できるデスクトップアプリを作るためのライブラリ・「NodeGUI」 NodeGUI NodeGUIはJSやCSSを書く感覚でデスクトップアプリを作成できるオープンソースのライブラリです。基本的にクロスプラットフォーム対応だそうです。 chromiumではなくQt5ベースとなっており、メモリとCP...2019.08.18 | 15時15分57秒
グラデーションにも対応できるJavaScriptカラーピッカー・「GPickr」 GPickr See the Pen KKPzPjr by kachibito (@kachibito) on CodePen. GPickrは単色だけでなく、CSSグラデーションにも対応できるカラーピッカーです。非依...2019.08.15 | 9時46分52秒
Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」 Vuestic Admin Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対...2019.08.08 | 10時03分55秒
円型での切り取りも可能な画像クロップライブラリ・「Cropme」 Cropme CropmeはJS製の画像クロップライブラリです。円型での切り取りや回転後の切り取りなどが可能となっています。バニラでもjquery併用でも対応可能です。 従来のクロップツールは画像が固定されていて、切り取る範囲を...2019.08.06 | 10時07分40秒
form要素を対話形式で作成できるスクリプト・「Conversational Form」 Conversational Form See the Pen Conversational Forms - native validation (v1.0.0 feature) by kachibito (@kachibi...2019.08.02 | 9時28分13秒
デザイナーと開発者が同じプロジェクトで一貫したUI設計が出来るよう配慮されたReact.js向けUIフレームワーク・「Atomize React」 Atomize React Atomize ReactはオープンソースのReact.js向けUIフレームワークです。デザイナーと開発者が同じプロジェクトで作業するにあたって一貫したUIを設計できるよう配慮されているそうです。 ア...2019.08.01 | 9時39分16秒
GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」 ImportDoc ImportDocはGoogleドキュメントで書いたコンテンツをそのままWebページとして公開できるようにするライブラリです。OSSとして公開されています。 Googleドキュメントで管理できるので簡易的...2019.07.30 | 10時06分05秒