任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」 dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...2020.10.28 | 10時01分55秒
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」 vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...2020.10.15 | 10時11分08秒
タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」 SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...2020.10.09 | 10時05分54秒
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」 Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...2020.10.05 | 10時03分03秒
ダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツール・「Talk」 Talk Talkはダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツールです。JavaScriptで書かれています。 アクセスするとすぐにランダムで作られるURLにリダイレクトされるのでそのURL...2020.09.29 | 10時05分43秒
Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」 QreditRoll QreditRollはWebサイトに映画のようなスタッフロールを追加できるスクリプトです。 ボタンのクリックで自動スクロールするスタッフロールが開始される、というものですが、コナミコマンド(上上下下左右左右...2020.09.25 | 10時03分00秒
Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」 Vue Trello Clone Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツールです。ネーミングそのまんまですが、Trelloと同機能を提供する訳ではなく、シンプルなカンバンアプリといっ...2020.09.24 | 10時02分03秒
未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」 Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...2020.09.22 | 10時09分08秒
フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」 Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...2020.09.17 | 9時56分28秒
オープンソースのCalendly代替・「What Time Today?」 What Time Today? What Time Today?はオープンソースとしてソースコードが公開されているスケジュール管理ツールです。Calendly代替として開発されたそうです。 vimcalやAvailableとい...2020.09.16 | 10時04分19秒
OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」 Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...2020.09.08 | 10時04分18秒
GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」 ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...2020.09.01 | 10時05分52秒
任意のテキストを自動で3D化するスクリプト・「ztext.js」 ztext.js See the Pen ztext.js test by kachibito (@kachibito) on CodePen. ztext.jsは任意のテキストを自動で3D化するスクリプトです。上デモ...2020.08.29 | 10時05分29秒
滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」 Embla Carousel See the Pen mdPOxwm by kachibito (@kachibito) on CodePen. Embla Carouselは滑らかに動くスワイプ可能な非依存型のカ...2020.08.22 | 10時03分10秒
Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」 danfo.js See the Pen abNdLMp by kachibito (@kachibito) on CodePen. danfo.jsは構造化されたデータの操作や処理を行うためのJavaScriptライ...2020.08.14 | 10時04分50秒
Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」 μPlot See the Pen BaKjBmq by kachibito (@kachibito) on CodePen. μPlotは高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャ...2020.08.13 | 10時11分53秒
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」 tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...2020.08.05 | 9時57分34秒
CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」 this vs that this vs thatはCSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説するWebサイトです。 ちょっと何言ってるか分からない、という方もいらっしゃると思...2020.07.28 | 10時05分25秒
アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」 Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...2020.07.25 | 10時01分58秒
Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」 whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...2020.07.08 | 10時03分28秒
手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」 keen-slider keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。 他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使...2020.06.20 | 10時27分04秒
Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」 Josh.js See the Pen wvMzNYv by kachibito (@kachibito) on CodePen. Josh.jsはAnimate.cssを使用してスクロールに応じてコンテンツにアニ...2020.06.17 | 10時00分14秒