30以上のプラグインでカスタマイズ可能なオープンソースのJavaScriptアップローダー・「Uppload」
Uppload Upploadは30以上のプラグインが用意された拡張的なOSSのJS製アップローダーです。※誤字ではなくUpploadが正式な名前みたいです 単にローカルからファイルをアップロードするだけでなく、SNSや画像投稿...
Resource - github
ドラッグ&ドロップで作れるオープンソースのHTMLメールビルダー・「Mosaico」
Mosaico MosaicoはD&Dで作れるHTMLメールビルダーです。OSSとしてソースコードが公開されています 従来のこの手のアプリと同じ操作法で、ブロックを追加しながら編集し、HTMLメールを作る事が出来ます コー...
Chakra UIのコンポーネントを使ったオープンソースのビジュアルエディタ・「OpenChakra」
OpenChakra OpenChakraはChakra UIのコンポーネントを使ったオープンソースのビジュアルエディタです Chakra UIはReactベースのコンポーネントライブラリで、このコンポーネントを使ったエディタを...
Webページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプト・「GuideChimp」
GuideChimp GuideChimpはWebページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプトです 使い方も手軽で簡単、既存のWebページにも組み込む事が出来ます。nextはカーソルキーにも対応してあり...
軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」
DarkModeJS See the Pen VwLYLzd by kachibito (@kachibito) on CodePen. DarkModeJSは軽量で非依存なダークモード/ライトモードの切り替えスクリプ...
正規表現が嫌いな人のための正規表現チートシート・「I Hate Regex」
I Hate Regex I Hate Regexは正規表現が嫌いな人の為に作られた正規表現チートシートです 任意のキーワードで目的を探す事ができて、目的の項目を選ぶと図式で解説しつつコードや実装例も出してくれます ...
Githubで付けられたスターの数やプログラミング言語でフィルタリングしながらプロジェクトを検索できる・「GitFirst」
GitFirst GitFirstはGithubからリポジトリを探せる検索エンジンです。付けられたスターの数や言語でフィルタリングする事が出来ます 任意のキーワード（空白でも可）を入力してスター数や言語を設定すれば該当するプロジ...
Youtubeのように動画投稿ができるNode.jsベースのオープンソースソフトウェア・「NodeTube」
NodeTube NodeTubeはNode.jsベースのYoutube代替アプリです。動画だけでなく画像や音源ファイルなどのメディアもアップロード、共有する事が出来る、というもの 16種の動画ファイル、4種の音声ファイ...
シンプルで軽量なオープンソースの自己ホスト型アナリティクスツール・「Ackee」
Ackee Ackeeはシンプルで軽量な自己ホスト型のNode.jsベースのWebサイト分析ツールです。オープンソースとして公開されています インストールも簡単で必要なもののみを追跡するシンプル設計なのが特徴みたいです G...
オープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプリ・「manifest」
manifest manifestはオープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプです グリッドがあるので綺麗にそろえられる、自動保存、メモをドラッグで移動、PWAになっているくらいしか機能はありま...
短縮URLを解析して元URLを検出し、トラッキング等を防ぐオープンソースのWebアプリ・「unshort.link」
unshort.link unshort.linkは短縮URLを解析して元のURLを検出し、トラッキングに使われるようなパラメーターも取り除くOSSです 文字制限のあるSNSでのURLシェア時に沢山あったURL短縮サービスも今は...
拡張も可能な、ドラッグ＆ドロップで作るWebページビルダーを実装するためのフレームワーク・「craft.js」
craft.js craft.jsは拡張可能な、D&Dで作れるWebページビルダーJSフレームワークです。Reactが使われています ドラッグで要素等を配置しテキストや色を編集できるのは優れたUXを提供できる手段として現在でも高...
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に近い印象です タグは自動で頭文字ごと...
フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「Crater」
Crater Craterはフリーランサーや中小企業向けに開発されたOSSのシンプルな請求書発行Webアプリです。連動できるスマホアプリも同時にOSSとして公開されています 設計にはLaravelとVue.jsが、レイアウトには...
再編集できるチェックリストを複数作成できるオープンソースのチェックリスト管理ツール・「loop list」
loop list loop listは任意のチェックリストを複数作成できるチェックリスト管理アプリです。OSSとしてソースコードが公開されています 非常にシンプルな物で、再編集できるチェックリストを複数作成、管理できる...
コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」
Leonardo Leonardoは子トラストベースのカラージェネレーターです。設定したキーカラーを元にコントラストを調整する事でカラースキームを生成する、というもの コントラストで調整する事で当方のブログのようにアクセシビリテ...
各ブラウザのCSSのデフォルトスタイルを検索できる・「Browser Default Styles」
Browser Default Styles Browser Default Stylesは各ブラウザのデフォルトスタイルを検索できるWebアプリです 主要なレンダリングエンジン（WebKit、Blink、Gecko、T...
シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」
Peekobot See the Pen QWwLjJv by kachibito (@kachibito) on CodePen. Peekobotはシンプルで扱いやすい選択式チャットボットフレームワークです。上...
ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」
Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...
マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」
Creepyface See the Pen PoorKQe by kachibito (@kachibito) on CodePen. Creepyfaceはマウスポインタに合わせて画像を変更できるスクリプトです ...