Resource - オープンソース

HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」

html.systems html.systemsはHTML/CSS/JavaScriptで作られた汎用的なコンポーネントをまとめたプロジェクトサイトです。 各コンポーネントはその場で動作や表示の確認をしたり、コードをコピーした...

Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」

whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...

シンプルなUIで使いやすいオープンソースのMarkdownノートアプリ・「Zettlr」

Zettlr ZettlrはシンプルなUIで使いやすいオープンソースのMarkdownノートアプリです。エディタとしても提供されています。 複数ファイルを管理する事が可能で左ペインに一覧が表示されるノートアプリ仕様でタグによるカ...
Ads

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」

lyt See the Pen gOPXPLK by kachibito (@kachibito) on CodePen. lytはユーティリティも用意された超軽量なCSSレイアウトライブラリです。flexboxベース...

匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」

beam.cafe beam.cafeは匿名で任意のファイルを共有できるOSSなWebアプリです。ログインやユーザー登録などは双方とも不要で共有用のURLを伝えるだけで利用可能です。 ファイルはサーバー上に保存されるのではなく、...

オープンソースのngrok代替・「Expose」

Expose Exposeはオープンソースとして提供されているトンネルアプリケーションです。ngrokの代替として開発しているそうです。 ngrokと同様に、ローカル環境のWebアプリ等を外部に公開して共有できるようにする、とい...

手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」

keen-slider keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。 他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使...

Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」

Josh.js See the Pen wvMzNYv by kachibito (@kachibito) on CodePen. Josh.jsはAnimate.cssを使用してスクロールに応じてコンテンツにアニ...

ブラウザで動作するオープンソースのテキストエディタ・「Writty」

Writty Writtyはブラウザで動作するオープンソースのテキストエディタです。HTML/JavaScript/CSSで作られています ライティングに集中できるよう、ミニマルなUIでツールバーも最小限に、且つサイドに寄せられ...

チャートも含める事が出来るテーブルライブラリ・「AnyGrids」

AnyGrids See the Pen YzwWpoK by kachibito (@kachibito) on CodePen. AnyGridsはチャートも含める事が出来るテーブル生成JavaScriptライブラ...

class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」

Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...

リモートで音楽を教えたりコラボレーションできるオープンソースのジャムセッションWebアプリ・「jamhub」

jamhub jamhubはリモートでジャムセッションが出来るWebアプリです。オープンソースとしてソースコードも公開されています チャットツールのように部屋を作成して招待するだけのシンプルなもの。MIDIキーボードもサポートさ...

シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」

Grid.js Grid.jsはシンプルで扱いやすいHTMLテーブルライブラリです。ReactやAngular、Vueなどは勿論、バニラでも問題なく動作します 9kbと非常に軽量で使い方もすごく簡単です。データを元に自動で指...

軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」

Bear blog Bear blogは軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...

KeePass互換のオープンソースのパスワードマネージャ・「AuthPass」

AuthPass AuthPassはKeepass 2.x(kdbx 3.x)互換のオープンソースのパスワードマネージャです 互換といっても現在はAndroid、iOS、MacOSのみとなっており、WindowsとLinuxは開...

いびつな形の要素をSVGで作れるWebアプリ・「Blobs」

Blobs Blobsはいびつな形の要素をSVGで作れるWebアプリです。Web APIのBlobやBinary Large OBjectとは関係なく、単に形状表したものになります アメーバのようなはっきりしない形状のシェイプを...

uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」

Fluor.js Fluor.jsはちょっとしたDOM操作を手軽に行える超軽量スクリプトです。uilangやAlpine.js等にインスパイアされたそう classの付与/除去やクリックイベント、トグルなどなど需要の高そうな操作...

オープンソースのクロスプラットフォームなミュージックシーケンサー・「Helio」

Helio Helioはオープンソースのクロスプラットフォームなミュージックシーケンサーです 世にある有能なミュージックシーケンサーは複雑過ぎたり使いやすくても有償だったり特定の環境でしか動かなかったりするのでどの環境でも動作す...

Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」

tailblocks tailblocksはTailwind CSSで使えるコンポーネントを確認しながらコードをコピーできるWebサイトです 色を変更できる以外に編集可能な箇所はありませんが、よく使うコンポーネントをビジュアルで...

ゲストによるビデオチャットの荒らしを防ぐためのOSSの事前チャットツール・「ClearChat」

ClearChat ClearChatゲストによるビデオチャットの荒らしを防ぐためのOSSの事前チャットツールです メインのチャットルームに入れても大丈夫かどうかを事前に人柄等をチェックするチャットアプリ、みたいなもの。Clea...

Windows XPライクなUIを提供するCSS・「XP.css」

XP.css See the Pen jObdBOr by kachibito (@kachibito) on CodePen. XP.cssはWindows XPのようなUIを提供するCSSです。以前ご紹介した98....

SVGのパスデータを可視化するシンプルなWebアプリ・「SVG Path Visualizer」

SVG Path Visualizer SVG Path VisualizerはSVGのパスデータを可視化するWebアプリです パスを定義するd属性を入力すると、それぞれのパラメーターが何をどのように描いているかを可視化、解説し...
Ads