Resource - フロントエンドエンジニア向け

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

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

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

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

Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」

Blnq Studio Blnq StudioはCodepenのようにブラウザ上でコードを書いて実行テストを行えるWebアプリです 同じようにHTML、CSS、JavaScriptの動作テストが可能なのですが、少し違う点はJSO...
Ads

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

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

複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成ツール・「Terrastruct」

Terrastruct Terrastructは複雑なシステムを視覚的に説明する為のシステム用ダイアグラム作成アプリです よくある一般的なダイアグラム作成ツールとの相違点はレイヤーの追加やフレーム(ページ?)の追加により、複数ダ...

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

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

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

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

フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「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...

チェックボックスや画像を含んだリスト表を作れるカンバンライクなWebアプリ・「columns」

columns columnsはチェックボックスや画像などを含んだリスト表を作れるカンバン風のWebアプリです 基本的にはカンバンボードの感覚で使えるんですが、タスクへのフォーカスはそこまで強くなく、リストを機能させる点...

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

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

学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」

looop.dev looop.devは学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツールです CodepenやCodeSandboxなどのような機能ですが、両者は現状大衆向けになっているので純粋な実験...

オープンなエデュケーションプラットフォームを構築できるOSS・「Openki」

Openki Openkiはオープンな教育プラットフォームを構築できるオープンソースのソフトウェアです ちょっとピンと来ない感じですが、基本的には教えてほしい人と教えたい人を結ぶコミュニティで、グループで勉強会、みたいなイベント...

よく使用されている汎用的なレイアウトとUIパターンのCSSコードをコレクションしている・「CSS Layout」

CSS Layout CSS Layoutはよく採用される汎用的なレイアウトやUIパターンのCSSコードを60ほどコレクションしているプロジェクトサイトです 例えばレイアウトなら3カラム、サイドバー2カラム、1カラムグリッドレイ...

開発者向けのシンプルな1ページポートフォリオテンプレート・「simplefolio」

simplefolio simplefolioは開発者向けのシンプルなワンページポートフォリオのテンプレートです Bootstrapベースで完全レスポンシブ、スクロールに応じてコンテンツが次々とアニメーションしながら表示されます...

ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」

Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...

ログイン不要でプレーンテキストをリアルタイムで共有できるOSS・「sharetxt」

sharetxt sharetxtはログインせずにプレーンテキストをリアルタイムで共有できるコラボレーションツールです 共有方法はURLを相手に伝えてアクセスして貰うだけのシンプルなもの。書いたテキストは双方で編集可能となってい...

Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」

vue-interactive-paycard See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen. ...

開発したHTML/CSS/JS製のWebアプリを公開したり利用できる・「Outpan」

Outpan OutpanはHTML/CSS/JSで開発したWebアプリを公開、利用できる開発者向けのWebアプリ公開プラットフォームです ユーザーは様々なWebアプリを検索したり利用でき、開発者は公開したWebアプリの人気に応...

ブラウザで契約書や納品書、請求書などの帳票を作成、PDFにしてダウンロードできるオープンソースソフトウェア・「ReportBro」

ReportBro ReportBroはブラウザで帳票を作成してPDFでダウンロードできるオープンソースのソフトウェアです 上図のように右ペインで各設定を行えば左ペインにプレビューされます。エクセルのように計算する事も可...

LaravelとVue.jsで構築されたオープンソースのプロジェクト管理ツール・「Goodwork」

Goodwork Goodworkはオープンソースとして公開されているLaravelとVue.jsベースのプロジェクト管理ツール/コラボレーションツールです basecampにインスパイアされて開発したそうです。非常にシ...

シンプルで使いやすいオープンソースのカンバン風タスク管理ツール・「Kanban Board App」

Kanban Board App Kanban Board Appはシンプルで使いやすいOSSのカンバンライクなタスク管理ツールです カンバン単位でタスクを管理できるので複数チームのタスク管理や平行して複数プロジェクトに...
Ads