オープンなエデュケーションプラットフォームを構築できるOSS・「Openki」 Openki Openkiはオープンな教育プラットフォームを構築できるオープンソースのソフトウェアです ちょっとピンと来ない感じですが、基本的には教えてほしい人と教えたい人を結ぶコミュニティで、グループで勉強会、みたいなイベント...2019.12.08 | 10時08分45秒
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秒
マウスポインタに合わせて画像を変えられるスクリプト・「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秒
開発したHTML/CSS/JS製のWebアプリを公開したり利用できる・「Outpan」 Outpan OutpanはHTML/CSS/JSで開発したWebアプリを公開、利用できる開発者向けのWebアプリ公開プラットフォームです ユーザーは様々なWebアプリを検索したり利用でき、開発者は公開したWebアプリの人気に応...2019.11.18 | 9時55分05秒
ブラウザで契約書や納品書、請求書などの帳票を作成、PDFにしてダウンロードできるオープンソースソフトウェア・「ReportBro」 ReportBro ReportBroはブラウザで帳票を作成してPDFでダウンロードできるオープンソースのソフトウェアです 上図のように右ペインで各設定を行えば左ペインにプレビューされます。エクセルのように計算する事も可...2019.11.11 | 10時05分11秒
手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」 roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...2019.10.17 | 9時51分58秒
インタラクティブにアニメーションする背景を作成できるWebアプリ・「Naker.Back」 Naker.Back Naker.Backはインタラクティブにアニメーションする背景を作成できるWebアプリです。 たまに見かけるやつですね。もともと動いてるけどマウスを乗せると動きに応じてパララックスな演出をする、みたいなのと...2019.09.26 | 10時34分37秒
CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」 Scene.js Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数...2019.09.24 | 10時06分36秒
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秒
BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」 Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...2019.08.25 | 10時05分46秒
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秒
円型での切り取りも可能な画像クロップライブラリ・「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秒