オープンソースのシンプルな自動保存ノートWebアプリ・「Wrish」
Wrish Wrishはシンプルなノートアプリです。Webブラウザで動作、自動保存してくれます。アクセスすれば#付きのURLが発行、そのURLがノートページとなります。ブラウザベースなので特別な操作も不要でスマフォでも利用可能です。1...
Resource - オープンソース
超軽量なCSS gridベースのフレームワーク・「Smart CSS Grid」
Smart CSS Grid Smart CSS Gridは超軽量なCSS gridベースのグリッドシステムです。0.5kbでレスポンシブ、ネストも不要でグリッドレイアウトを構築できる、というもの。HTMLも少なくて済むのでスマートな...
Bootstrapベースのスタイルガイド用テンプレート・「Bootstrap Style Guide Boilerplate」
Bootstrap Style Guide Boilerplate Bootstrap Style Guide BoilerplateはBootstrapベースのスタイルガイド用Boilerplateです。スタイルガイド作成の手間を省...
多様なタイプに対応できるオープンソースの高性能チャートライブラリ・「ECharts」
ECharts EChartsは多種多様なタイプのビジュアルデータに対応可能な高性能チャートライブラリです。中国の大手検索エンジンサービス、百度(Baidu)が提供するライブラリのようです。非常に高性能で、線グラフだけでも20種以上の...
パブリックドメインな音源や楽譜を配布する・「Musopen」
Musopen Musopenはパブリックドメインな音源や楽譜を配布するWebサービスです。クラシック音楽含む、著作権が切れた、あるいは放棄された音源や楽譜を自由にダウンロード出来るようにしたもの。視聴や楽譜の閲覧も可能となっています...
軽量で非依存なカルーセル実装スクリプト・「Glide.js」
Glide.js Glide.jsは軽量で柔軟な非依存型のカルーセル実装スクリプトです。ES6(ECMAScirpt2015)で書かれています。ファイルサイズは圧縮版で6kbほどで、依存性もないバニラなコードで書かれているのでかなり軽...
テキスト、ボイス、ビデオでのチャットとリッチテキストやコードエディターの共有機能も付いた無料のオープンソースなチャットツール・「oorja」
oorja oorjaは無料のチャットツールです。個人的にいままでで一番良いチャットアプリでした。テキスト、ボイス、ビデオチャットに対応しており、リッチテキストやコードエディタを複数人で共有、リアルタイムに共同作業を行う事が出来ます。...
様々なレイアウトに対応できるよう設計されたflexboxベースのグリッドシステム・「Flexible Grid」
Flexible Grid Flexible Gridは様々なレイアウトでも対応できるよう設計されたflexboxベースのCSSグリッドシステムです。モバイルファーストでレスポンシブ且つ、セマンティックなマークアップにも使用可能でリー...
一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」
Mustard UI Mustard UIはWebサイト等で必要になりそうなUIコンポーネントを一通り取り揃えたCSSフレームワークです。モジュラー式なので必要なコンポーネントのCSSだけ読み込めばいいので軽量で済みます。スタイルはあ...
無料で使える大量のかわいらしい絵文字のセット・「Streamline Emoji」
Streamline Emoji Streamline Emojiは無料で使える絵文字のセットです。その数780以上で、全てCC-BY 4.0ライセンスの元で商用でも利用する事が出来ます。絵文字はとてもかわいらしいデザインで擬人化され...
シンプルで見やすいチャートを生成できるライブラリ・「TOAST UI Chart」
TOAST UI Chart TOAST UI Chartはシンプルで見やすいチャートを生成できるJavaScriptライブラリです。ラインやバー、パイ、マップなどよく使われるチャートタイプから、他のタイプの様々なチャートもサポートし...
オープンソースのヨガ教室用管理ツール・「OpenStudio」
OpenStudio OpenStudioはヨガ教室に特化した予約管理システムです。生徒の管理や教室のスケジュールや予約状況、講師の管理、タスク管理などをWebベースで管理できる、というもの。運営側のみのターゲットではなく、生徒のチェ...
Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」
Flat Remix CSS Library Flat Remix CSS Libraryは開発スピード向上をサポートするCSSライブラリです。基本的な要素のスタイルが施されているので開発に専念できる、みたいな流れを期待したもののよう...
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」
Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...
シンプルで直感的なSCSSフレームワーク・「FICTOAN」
FICTOAN FICTOANは直感的に使えるシンプルなSCSSフレームワークです。horizontal-center-thisなどといった分かりやすさ重視のclass命名、モジュール式で必要なものを必要な時に読み込むことでライトに使...
ElectronベースのオープンソースなMarkdownエディタ・「Mark Text」
Mark Text Mark TextはElectronベースのオープンソースなMarkdownエディタです。CommonMarkやGitHub Flavored Markdownもサポートされています。リアルタイムプレビューにはsn...
非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」
Driver DriverはWebページを案内するページツアーを実装するスクリプトです。たまに見かける、任意の場所をハイライトしてユーザーにWebページの使い方等を教える、というもの。単純にハイライトするだけ、ハイライトせずツール...
デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」
InvisCss InvisCssはデフォルトのスタイルを最小限に抑えた、シンプルな命名規則で付けられたclassで管理できるCSSフレームワークです。Bootstrapを意識し、スタイルを作りこまないようにしつつもテーマを用意、cl...
スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」
Delighters.JS Delighters.JSはページスクロールに応じて要素に任意のCSSアニメーションを付与できるスクリプトです。よく見かけるやつです。個人的には多くの場合、嫌でも目にしっかり入ってくるくらいの派手なエフェク...
Go製のPocketクローンとして公開されたオープンソースのブックマークマネージャ・「shiori」
shiori shioriはGoで書かれたPocketクローンです。Pocket同様に任意のWebページをブックマーク及び管理、さらにPocketの特徴でもあるオフラインでの確認も可能、というもの。Netscape Bookmarkフ...
オープンソースのプロジェクトのみを探せる検索エンジン・「OpenKube」
OpenKube OpenKubeはOSSなプロジェクトのみを探せる検索エンジンです。基本的にはGithubから引っ張ってきてるようです。大量のOSSから探せる点を特徴としてあげていますが、数年前に止まっていたり、プロジェクトそのもの...
FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」
Frow CSS Frow CSSはFlexboxベースのRWDなWebサイト構築の開発スピードを上げるためのフレームワークです。様々なグリッドに対応、フォームやユーティリティも揃えられています。npmやBower、CDNも対応、SA...