スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」
animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...
Resource - JavaScript
Readme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタ・「readme.so」
readme.so readme.soはReadme.mdの作成を時短できるオープンソースのReadmeファイル作成専用オンラインエディタです。 基本的には一般的なMarkdownエディタですが、プロジェクト名やAPIリファレン...
カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」
Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...
Markdownが使えるオープンソースのシンプルなノートWebアプリ・「Notea」
Notea NoteaはMarkdownが使えるオープンソースのシンプルなノートWebアプリです。互換性はないっぽいですがNotionライクに使えるとの事です。ノート単位で公開する事も出来るみたい。 UIは非常にシンプルで迷うこ...
任意のWebサイトにコードエディタを実装できるスクリプト・「Copenhagen Editor」
Copenhagen Editor Copenhagen Editorは任意のWebサイトにコードエディタを実装できるスクリプトです。 highlight.jsとfeather iconsが内蔵されていますが、その他のライブラリ...
軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリ・「WinBox.js」
WinBox.js See the Pen GRrzXoo by kachibito (@kachibito) on CodePen. WinBox.jsは軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリで...
Disqusのように任意のWebサイトにコメントシステムを導入できる軽量でプライバシーフレンドリーなOSSのコメントツール・「Cusdis」
Cusdis CusdisはDisqusのように任意のWebサイトにコメントシステムを導入できるOSSです。軽量でプライバシーフレンドリーな設計となっているそうです。 以前同じようにDisqus代替となるschnack.jsやI...
チャット風のフォームを実装できるスクリプト・「chatty-form」
chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...
任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」
party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...
任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリ・「Cheat-sheet maker」
Cheat-sheet maker Cheat-sheet makerは任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリです。 各項目を1つずつ作成していく形で、内容は各プログラミング言語がメイ...
他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」
Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...
映画向けに作られたオープンソースのメディアプレーヤー・「Moovie.js」
Moovie.js Moovie.jsは映画向けに作られたオープンソースのメディアプレーヤーです。映画向けとありますが基本的にはどの内容の動画でも問題なく動作します。 基本的なメディアプレーヤーの機能に加えて.vttや.srtな...
オープンソースのシンプルな2Dゲームエンジン・「kaboom.js」
kaboom.js kaboom.jsはオープンソースのシンプルな2Dゲームエンジンです。他ライブラリを必要としない非依存型のライブラリとなっています。 オート横スクロールのカーゲームや定番のフラッピーバード、マリオ系の横移動ア...
軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」
tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...
自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」
Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...
プレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリ・「flowchart.fun」
flowchart.fun flowchart.funはプレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリです。 テキストとインデントと少しの簡単なルールだけで手軽にフローチャートを作成する事...
プライバシーに配慮したオープンソースのシンプルなアクセス解析ツール・「Counter」
Counter Counterはプライバシーに配慮したオープンソースのシンプルなアクセス解析ツールです。更にサーバーへの負担も軽減し、セルフホスティングにおけるコストもかかりにくい様に配慮されています。 解析はビジター数やSNS...
仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」
Simple-keyboard Simple-keyboardは仮想キーボードを実装する非依存で軽量なJavaScriptライブラリです。PCのキーボードをモニターに表示してマウスでキーを選択できる、というもの。 スパイウェア対...
個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」
Condution Condutionは個人向けに開発されたオープンソースのプロジェクト管理ツールです。electronが採用されているみたいでWeb版の他、各OSのデスクトップアプリやスマホアプリも用意されています。 ビジネス...
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」
bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...