Reactで書かれたオープンソースのWYSIWYGインラインエディター・「Edtr.io」
Edtr.io Edtr.ioはReactで書かれたオープンソースのWYSIWYGインラインエディターです mediumで採用されたエディターのようにコンテンツに直接編集を加えるタイプで、ブロックの追加やD&Dによる移動、複製な...
Resource - MIT
モスキート音を出すためのスクリプト・「Mosquito.js」
Mosquito.js Mosquito.jsはいわゆるモスキート音を鳴らせるスクリプトです。非依存なので単体で動作します 一昔前に、深夜の若者の騒音対策として公園などに導入されたものです（Wikipedia:モスキート音） ...
コードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれる・「What’s That Theme」
What's That Theme What's That Themeはコードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれるWebアプリです Youtubeなどのチュートリアル動...
30以上のプラグインでカスタマイズ可能なオープンソースのJavaScriptアップローダー・「Uppload」
Uppload Upploadは30以上のプラグインが用意された拡張的なOSSのJS製アップローダーです。※誤字ではなくUpploadが正式な名前みたいです 単にローカルからファイルをアップロードするだけでなく、SNSや画像投稿...
ソートや検索、ページネーション等、基本的な機能を備えた非依存のデータテーブルライブラリ・「Vanilla-DataTables」
Vanilla-DataTables See the Pen Vanilla DataTables by Karl Saunders (@Mobius1) on CodePen. Vanilla-DataTable...
Chakra UIのコンポーネントを使ったオープンソースのビジュアルエディタ・「OpenChakra」
OpenChakra OpenChakraはChakra UIのコンポーネントを使ったオープンソースのビジュアルエディタです Chakra UIはReactベースのコンポーネントライブラリで、このコンポーネントを使ったエディタを...
非依存でシンプルなダイアグラム作成JavaScriptライブラリ・「DiagramFlowJS」
DiagramFlowJS DiagramFlowJSは非依存でシンプルなダイアグラム作成JavaScriptライブラリです 他ライブラリを使わず単体で動作、上サンプルのようなD&Dで動かせるダイアグラムを作成出来ます ...
軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」
DarkModeJS See the Pen VwLYLzd by kachibito (@kachibito) on CodePen. DarkModeJSは軽量で非依存なダークモード/ライトモードの切り替えスクリプ...
Youtubeのように動画投稿ができるNode.jsベースのオープンソースソフトウェア・「NodeTube」
NodeTube NodeTubeはNode.jsベースのYoutube代替アプリです。動画だけでなく画像や音源ファイルなどのメディアもアップロード、共有する事が出来る、というもの 16種の動画ファイル、4種の音声ファイ...
都市名を入力すると、その都市の道路のみを線画で抽出するオープンソースの地図アプリ・「city-roads」
city-roads city-roadsは任意の都市名を入力すると、その都市内の道路だけを線画で抽出、色などを変更してSVGなどでダウンロードできる地図アプリです OSSとしてソースコードが公開されています。企業や店舗の地図作...
既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」
sscaffold See the Pen BayGXYV by kachibito (@kachibito) on CodePen. sscaffoldは既存のCSSフレームワークと併用も可能な軽量CSSライブラリで...
シンプルで軽量なオープンソースの自己ホスト型アナリティクスツール・「Ackee」
Ackee Ackeeはシンプルで軽量な自己ホスト型のNode.jsベースのWebサイト分析ツールです。オープンソースとして公開されています インストールも簡単で必要なもののみを追跡するシンプル設計なのが特徴みたいです G...
手書き風のダイアグラムを作成出来るOSSのWebアプリ・「excalidraw」
excalidraw excalidrawは手書きライクなダイアグラムを直感的なUIで作成できるOSSのWebアプリです 上図のようなシンプルなダイアグラムを手書き風の背景、ボーダー、テキストで作成、ダウンロードできる、というも...
中小規模のWebアプリを構築するためのオープンソースの軽量PHPフレームワーク・「Wolff」
Wolff Wolffは中小規模のWebアプリを構築するために開発されたシンプルで軽量なPHPフレームワークです。小さい、スケーラブル、簡単で速い、がコンセプトのようです 大きなフレームワークを使うことなく構築可能で、シンプル故...
拡張も可能な、ドラッグ＆ドロップで作るWebページビルダーを実装するためのフレームワーク・「craft.js」
craft.js craft.jsは拡張可能な、D&Dで作れるWebページビルダーJSフレームワークです。Reactが使われています ドラッグで要素等を配置しテキストや色を編集できるのは優れたUXを提供できる手段として現在でも高...
様々な言語に対応したオープンソースのオンラインコードエディタ・「Judge0」
Judge0 Judge0はオープンソースで公開されているオンラインコードエディタです。多様なプログラミング言語に対応する事が出来ます Judge0にはJudge0 APIとJudge0 IDEが含まれており、PythonやRu...
Vue.jsを使ったオープンソースのオンラインMarkdownエディタ・「Inko」
Inko InkoはVue.jsを使ったオープンソースのオンラインMarkdownエディタです Markdownエディタではよくある左右2ペインレイアウトで左がエディタ、右がプレビューエリアとなっています。書いたMarkdown...
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に近い印象です タグは自動で頭文字ごと...
マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」
Gradienta Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプ...
再編集できるチェックリストを複数作成できるオープンソースのチェックリスト管理ツール・「loop list」
loop list loop listは任意のチェックリストを複数作成できるチェックリスト管理アプリです。OSSとしてソースコードが公開されています 非常にシンプルな物で、再編集できるチェックリストを複数作成、管理できる...