xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」
Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...
Resource - オープンソース
JavaScriptやCSSを書く感覚でクロスプラットフォームに対応できるデスクトップアプリを作るためのライブラリ・「NodeGUI」
NodeGUI NodeGUIはJSやCSSを書く感覚でデスクトップアプリを作成できるオープンソースのライブラリです。基本的にクロスプラットフォーム対応だそうです。 chromiumではなくQt5ベースとなっており、メモリとCP...
グラデーションにも対応できるJavaScriptカラーピッカー・「GPickr」
GPickr See the Pen KKPzPjr by kachibito (@kachibito) on CodePen. GPickrは単色だけでなく、CSSグラデーションにも対応できるカラーピッカーです。非依...
小説や脚本を書く際にプロット構成やキャラクター、設定等を管理できるOSS・「bibisco」
bibisco bibiscoは小説や脚本を書く際に作成するプロットの構成やキャラクター、世界観の設定などをまとめて管理できるソフトウェアです。 小説の構成、章やシーン、キャラクター設定を作成し、紐付けたり、テキストエディタを使...
Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」
Vuestic Admin Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対...
form要素を対話形式で作成できるスクリプト・「Conversational Form」
Conversational Form See the Pen Conversational Forms - native validation (v1.0.0 feature) by kachibito (@kachibi...
デザイナーと開発者が同じプロジェクトで一貫したUI設計が出来るよう配慮されたReact.js向けUIフレームワーク・「Atomize React」
Atomize React Atomize ReactはオープンソースのReact.js向けUIフレームワークです。デザイナーと開発者が同じプロジェクトで作業するにあたって一貫したUIを設計できるよう配慮されているそうです。 ア...
GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」
ImportDoc ImportDocはGoogleドキュメントで書いたコンテンツをそのままWebページとして公開できるようにするライブラリです。OSSとして公開されています。 Googleドキュメントで管理できるので簡易的...
モダンなダッシュボードのOSSなメールマガジン・メーリングリストマネージャ・「listmonk」
listmonk listmonkはモダンなダッシュボードのメルマガ/メーリングリストマネージャです。セルフホスト型として提供されていますのでDLして自分の管理するサーバーにセットする事になります。 数百万の購読者のいるメルマガ...
ABC記譜法を自動で楽譜化、音源化したりダウンロード出来るようにするスクリプト・「abc.js」
abc.js abc.jsはABC記譜法を自動で楽譜化、その場で視聴したりMIDIファイルを生成してダウンロードできるようにするスクリプトです。 ABC記譜法は以下のようにプレーンテキストで楽譜を表現できるようにしたもの。 (...
オープンソースのシンプルでモダンなepubビューアスクリプト・「Foliate」
Foliate Foliateはオープンソースのシンプルでモダンなepubビューアスクリプトです。epub.jsがベースとなっているそうです。 ナビゲーションやスクロールバー設置、カスタムテーマ、注釈ツールやハイライトなど、ep...
オープンソースのシンプルなReact.jsコンポーネントライブラリ・「Flawwwless ui」
Flawwwless ui Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィ...
シンプルで使いやすい、ProseMirrorとReact.jsで作られたWYSIWYGエディタ・「Nib」
Nib Nibはシンプルで使いやすいWYSIWYGエディタです。WYSIWYGエディタフレームワークであるProseMirrorとReact.jsで構築されています。 ProseMirror自体シンプルで使いやすいんですが、より...
軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」
HiQ HiQは軽量でカスタマイズしやすいCSSフレームワークです。PostCSSで構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。 カスタムプロパティをふんだんに使っており、直感的な変数...
Blockstackで任意のPDFをアップロードし注釈をつけて管理できるOSS・「Safe Notes」
Safe Notes Safe NotesはBlockstack上で任意のPDFをアップロードして注釈をつけて管理できるオープンソースのソフトウェアです。プライベートな空間でPDFをメモ付きで管理できる、というもの。 メ...
プライバシー保護を強く意識したSkypeライクなオープンソースのコミュニケーションツール・「Jami」
Jami Jamiはプライバシー重視のSkype代替コミュニケーションアプリです。以前はRingというアプリ名だったようですが、改名したみたいですね。 オープンソースである点、プライバシー保護に特化している点、広告が無い点などが...
preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」
Pinker.js Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複...
任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
Filerobot Image Editor Filerobot Image Editorは任意の画像にさまざまなフィルターを掛けたりリサイズ、クロップ、回転などの加工を施したうえでダウンロードできるようにする、画像加工ライブラリです...
Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
Flex FlexはFlexboxでやりたいレイアウトを、ビジュアルを確認しながら選択肢を選んで作成、コードをコピーできるシンプルなWebアプリです。設定項目の多いFlexboxは様々なレイアウトに対応できる反面で、覚えなければな...
日本語化もされている、クロスプラットフォームに対応したオープンソースの動画編集ソフト・「OpenShot Video Editor」
OpenShot Video Editor OpenShot Video Editorはクロスプラットフォーム対応の、OSSな動画編集デスクトップアプリです。機能も豊富でUIも割とわかりやすい印象でした。これでOSSとは恐れ入ります。...
Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...
1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
Material Icons Library Material Icons Libraryは1000種以上のアイコンを無償配布するオープンソースのアイコンセットです。アイコンはSVGで配布されるだけでなく、sketchファイルやPSD...