Resource - オープンソース

既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」

sscaffold See the Pen BayGXYV by kachibito (@kachibito) on CodePen. sscaffoldは既存のCSSフレームワークと併用も可能な軽量CSSライブラリで...

CC0で配布のゆるい手書き風の絵文字フォント・「beedii」

beedii beediiはゆるーい手書き風の絵文字フォントです。CC0で配布されています フォントをインストールして絵文字を入力すると手書き絵文字になってくれます。個人的に割と好きなので種類が増えてくれると嬉しいですね ...

シンプルで軽量なオープンソースの自己ホスト型アナリティクスツール・「Ackee」

Ackee Ackeeはシンプルで軽量な自己ホスト型のNode.jsベースのWebサイト分析ツールです。オープンソースとして公開されています インストールも簡単で必要なもののみを追跡するシンプル設計なのが特徴みたいです G...
Ads

手書き風のダイアグラムを作成出来るOSSのWebアプリ・「excalidraw」

excalidraw excalidrawは手書きライクなダイアグラムを直感的なUIで作成できるOSSのWebアプリです 上図のようなシンプルなダイアグラムを手書き風の背景、ボーダー、テキストで作成、ダウンロードできる、というも...

オープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプリ・「manifest」

manifest manifestはオープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプです グリッドがあるので綺麗にそろえられる、自動保存、メモをドラッグで移動、PWAになっているくらいしか機能はありま...

短縮URLを解析して元URLを検出し、トラッキング等を防ぐオープンソースのWebアプリ・「unshort.link」

unshort.link unshort.linkは短縮URLを解析して元のURLを検出し、トラッキングに使われるようなパラメーターも取り除くOSSです 文字制限のあるSNSでのURLシェア時に沢山あったURL短縮サービスも今は...

中小規模のWebアプリを構築するためのオープンソースの軽量PHPフレームワーク・「Wolff」

Wolff Wolffは中小規模のWebアプリを構築するために開発されたシンプルで軽量なPHPフレームワークです。小さい、スケーラブル、簡単で速い、がコンセプトのようです 大きなフレームワークを使うことなく構築可能で、シンプル故...

拡張も可能な、ドラッグ&ドロップで作るWebページビルダーを実装するためのフレームワーク・「craft.js」

craft.js craft.jsは拡張可能な、D&Dで作れるWebページビルダーJSフレームワークです。Reactが使われています ドラッグで要素等を配置しテキストや色を編集できるのは優れたUXを提供できる手段として現在でも高...

オープンソースの顧客フィードバック管理ツール・「Astuto」

Astuto Astutoはオープンソースの顧客フィードバック管理ツールです。Cannyにインスパイアされたとの事ですが、ほぼクローンという感じのようです ドキュメントの類はまだ無いようですが、機能はCannyと概ね同じでフィー...

様々な言語に対応したオープンソースのオンラインコードエディタ・「Judge0」

Judge0 Judge0はオープンソースで公開されているオンラインコードエディタです。多様なプログラミング言語に対応する事が出来ます Judge0にはJudge0 APIとJudge0 IDEが含まれており、PythonやRu...

Vue.jsを使ったオープンソースのオンラインMarkdownエディタ・「Inko」

Inko InkoはVue.jsを使ったオープンソースのオンラインMarkdownエディタです Markdownエディタではよくある左右2ペインレイアウトで左がエディタ、右がプレビューエリアとなっています。書いたMarkdown...

共同編集も可能、データは暗号化されるセキュアな分散型ドキュメント作成OSS・「Graphite」

Graphite Graphiteはチームで共同編集も可能なドキュメント作成、共有ツールです。Blockstackが使われており、作成したドキュメントは全て暗号化されます UIや機能は概ねGoogleドキュメントと同じタイプ...

CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」

css.gg css.ggはCSSだけで出来た500以上のミニマルなアイコンを使えるCSSライブラリです スケーラブルでカスタマイズ性のある設計で非常に使いやすい印象です。個人的にはアイコンフォントよりも軽量で好みな感じ ...

MarkdownでLaTeXを使えるようにするスクリプト・「TeXMe」

TeXMe See the Pen rNazLQa by kachibito (@kachibito) on CodePen. TeXMeはMarkdownでLaTeXを使えるようにするスクリプトです。ちょっと語弊ある...

オープンソースの超シンプルなオンラインブックマークWebアプリ・「linkding」

linkding linkdingはオープンソースの超シンプルなオンラインブックマークツールです URLの登録とタイトル、タグ付けという昔ながらのシンプルな機能。Instarpaperに近い印象です タグは自動で頭文字ごと...

オープンソースのSVGベースなプロトタイピングツール・「UXBOX」

UXBOX UXBOXはオープンソースとしてソースコードが公開されているプロトタイピングGUIツールです。ブラウザで動作します 作成したプロトタイプデータはSVGで吐き出されるそうで、多くのベクターツールで再編集したりWebでの...

マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」

Gradienta Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプ...

フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「Crater」

Crater Craterはフリーランサーや中小企業向けに開発されたOSSのシンプルな請求書発行Webアプリです。連動できるスマホアプリも同時にOSSとして公開されています 設計にはLaravelとVue.jsが、レイアウトには...

ブラウザで動作するピボットテーブルを実装するスクリプト・「WebDataRocks」

WebDataRocks See the Pen Dashboard with WebDataRocks & Google Charts (bar chart) by kachibito (@kachibito) o...

再編集できるチェックリストを複数作成できるオープンソースのチェックリスト管理ツール・「loop list」

loop list loop listは任意のチェックリストを複数作成できるチェックリスト管理アプリです。OSSとしてソースコードが公開されています 非常にシンプルな物で、再編集できるチェックリストを複数作成、管理できる...

コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」

Leonardo Leonardoは子トラストベースのカラージェネレーターです。設定したキーカラーを元にコントラストを調整する事でカラースキームを生成する、というもの コントラストで調整する事で当方のブログのようにアクセシビリテ...

SVGをPDFに変換するJavaScriptライブラリ・「svg2pdf.js」

svg2pdf.js svg2pdf.jsはSVGをPDFに変換するJavaScriptライブラリです。基本的にはjsPDFと併用する事を想定しているみたいです 上の動作サンプルはSVGをPDFとしてダウンロードできるよ...
Ads