任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」
Color Pick. Color Pick.は任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なカラーピッカーWebアプリです。 任意の写真を読み込むと表示され、写真の好きな場所か...
Resource - JavaScript
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」
React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...
RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」
Rough Awesome Font Rough Awesome FontはRoughJSを使ったラフなタッチのFontAwesomeアイコン集です。RoughJSを使ってFontAwesomeの無償版のアイコンをラフ絵に変換したSV...
Gatsby搭載のドキュメントサイト向けサイトジェネレーター・「Docxy」
Docxy DocxyはGatsby搭載のドキュメントサイト向けサイトジェネレーターです。静的で高速なドキュメントサイトの構築を目的としているようです。 Reactで作られた静的サイトジェネレーターのGatsbyが使われており、...
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」
vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...
Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」
Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...
タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」
SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」
Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...
ログインもメールアドレス等も不要で使えるオープンソースのセキュアなチャットツール・「chatsecure.online」
chatsecure.online chatsecure.onlineはユーザー登録やログイン、メールアドレス等も不要で使えるオープンソースのセキュアなチャットツールです。 チャットを開始すると特定の番号が割り当てられるのでその...
タスクを自動化するオープンソースのZapier代替・「Actionsflow」
Actionsflow ActionsflowはZapierやIFTTTなどのように様々なサービスの連携タスク/ワークフローの自動化が可能なWebアプリです。 オープンソースで提供されており、Zapier代替ツールとして開発した...
ダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツール・「Talk」
Talk Talkはダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツールです。JavaScriptで書かれています。 アクセスするとすぐにランダムで作られるURLにリダイレクトされるのでそのURL...
Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」
QreditRoll QreditRollはWebサイトに映画のようなスタッフロールを追加できるスクリプトです。 ボタンのクリックで自動スクロールするスタッフロールが開始される、というものですが、コナミコマンド(上上下下左右左右...
Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」
Vue Trello Clone Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツールです。ネーミングそのまんまですが、Trelloと同機能を提供する訳ではなく、シンプルなカンバンアプリといっ...
未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」
Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...
フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」
Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...
OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」
Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...
全てオープンソースで公開されている、Web制作に使えるシンプルなツール集・「Omatsuri」
Omatsuri OmatsuriはWeb制作に使えるシンプルなツールのコレクションです。基本的にフロントエンド開発向けがメインだそうです。1つ1つはシンプルなツールですが、全てがPWA対応且つオープンソースとしてソースコードも公開さ...
GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」
ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...
複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」
Volt Voltは複数サンプルも用意されているBootstrap 5ベースのオープンソースのダッシュボードテンプレートのセットです。 管理画面などが必要なアプリやサービスを展開するスタートアップ向けに、必須となりえるようなペー...
Vue.js製のシンプルなスニペットコードマネージャ・「Snapcode」
Snapcode SnapcodeはVue.jsで作られたシンプルなスニペットコードマネージャです。ノートアプリの感覚でコードスニペットを管理、フォルダやタグでカテゴライズし、お気に入り登録したり任意のキーワードで検索する事が出来ます...
滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」
Embla Carousel See the Pen mdPOxwm by kachibito (@kachibito) on CodePen. Embla Carouselは滑らかに動くスワイプ可能な非依存型のカ...