オープンソースのカスタマー向けリアルタイムチャットツール・「Papercups」 Papercups Papercupsはオープンソースのカスタマー向けリアルタイムチャットツールです。ウィジェットも合わせてOSSとなっています。 よくWebサイトの右下などに設置されてるカスタマー用のチャットウィジェットを提供...2020.08.06 | 9時59分48秒
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」 tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...2020.08.05 | 9時57分34秒
ブラウザで動作するオープンソースのスプレッドシート・「Luckysheet」 Luckysheet Luckysheetはブラウザで動作するオープンソースのスプレッドシートです。ExcelやGoogleスプレッドシートのような表計算ツールで、OSSとしてソースも公開されています。 クローンと言っても過言で...2020.08.03 | 10時08分59秒
商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」 Teenyicons Teenyiconsは商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセットです。 ラインタイプと塗りつぶしタイプの2種が500以上用意されており、合わせて1000以上のアイコンがセット...2020.07.26 | 10時07分13秒
アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」 Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...2020.07.25 | 10時01分58秒
顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に使用できるOSS・「Big Heads」 Big Heads Big Headsは顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に埋め込めるツールです。 パーツは17種用意されており、組み合わせる事で10億通り...2020.07.19 | 10時00分39秒
応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」 mono/color mono/colorは応答性、リーダビリティ、モジュール性を重視して設計されたミニマルなCSSフレームワークです。 必要な物だけを揃えたモノクロタイプと、カラースキームやカードUI、ユーティリティなども揃え...2020.07.16 | 10時15分58秒
モジュール形式のCSSボタンシステム・「knopf.css」 knopf.css See the Pen Knopf.css – Tests by kachibito (@kachibito) on CodePen. knopf.cssはモジュール形式のCSSボタンシステムです。...2020.07.15 | 10時00分32秒
Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」 Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理す...2020.07.13 | 10時02分02秒
テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」 grxdients.css See the Pen KKVRrbN by kachibito (@kachibito) on CodePen. grxdients.cssはテキストや背景のグラデーションカラーを手軽...2020.07.10 | 10時05分03秒
Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」 whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...2020.07.08 | 10時03分28秒
ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」 lyt See the Pen gOPXPLK by kachibito (@kachibito) on CodePen. lytはユーティリティも用意された超軽量なCSSレイアウトライブラリです。flexboxベース...2020.07.01 | 9時48分08秒
匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」 beam.cafe beam.cafeは匿名で任意のファイルを共有できるOSSなWebアプリです。ログインやユーザー登録などは双方とも不要で共有用のURLを伝えるだけで利用可能です。 ファイルはサーバー上に保存されるのではなく、...2020.06.26 | 10時09分37秒
オープンソースのngrok代替・「Expose」 Expose Exposeはオープンソースとして提供されているトンネルアプリケーションです。ngrokの代替として開発しているそうです。 ngrokと同様に、ローカル環境のWebアプリ等を外部に公開して共有できるようにする、とい...2020.06.23 | 9時58分47秒
色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」 Who Can Use Who Can Useは色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれるユーザビリティツールです。 任意の背景とテキストのカラーを指定すると、色覚異常の各症状のシミュ...2020.06.21 | 10時26分11秒
手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「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秒
ブラウザで動作するオープンソースのテキストエディタ・「Writty」 Writty Writtyはブラウザで動作するオープンソースのテキストエディタです。HTML/JavaScript/CSSで作られています ライティングに集中できるよう、ミニマルなUIでツールバーも最小限に、且つサイドに寄せられ...2020.06.15 | 10時01分29秒
class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」 Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...2020.06.11 | 10時03分06秒
リモートで音楽を教えたりコラボレーションできるオープンソースのジャムセッションWebアプリ・「jamhub」 jamhub jamhubはリモートでジャムセッションが出来るWebアプリです。オープンソースとしてソースコードも公開されています チャットツールのように部屋を作成して招待するだけのシンプルなもの。MIDIキーボードもサポートさ...2020.06.08 | 10時04分37秒
シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」 Grid.js Grid.jsはシンプルで扱いやすいHTMLテーブルライブラリです。ReactやAngular、Vueなどは勿論、バニラでも問題なく動作します 9kbと非常に軽量で使い方もすごく簡単です。データを元に自動で指...2020.06.06 | 9時49分45秒
軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」 Bear blog Bear blogは軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...2020.06.05 | 10時33分16秒