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

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

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

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

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

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

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

ブラウザでフローチャートを作れるシンプルなスクリプト・「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のカンバンライクなタスク管理ツールです カンバン単位でタスクを管理できるので複数チームのタスク管理や平行して複数プロジェクトに...

APIドキュメントページの為のGatsbyテーマ・「Greenboard」

Greenboard GreenboardはAPIドキュメントページをGatsbyで作成するの為のテーマです Gatsbyテーマに関してはWhat Are Gatsby Themes?をご覧ください。 Markdownから...

Veu.jsで作られたオープンソースのサムネイル付きオンラインブックマークマネージャ・「Moodboard」

Moodboard MoodboardはVeu.jsとFirebaseで構築されたオープンソースのサムネイル付きオンラインブックマークマネージャです Googleアカウントでログインできるようになっており、URLを指定するとサム...

手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」

roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...

1つの要素で出来るユニークな背景パターン集・「1 element card background patterns」

1 element card background patterns See the Pen 1 element card background patterns (see description) by kachibito ...

Zapierやtray.ioなどIFTTTサービスのようにワークフローを自動化するオープンソ-スソフトウェア・「n8n」

n8n n8nはZapierやtray.ioなどIFTTTサービスのようにルーティンタスクを自動化するOSSです。OSSである為、全ての機能は無料で使えますし、カスタマイズも可能です。 各サービスを連係したり作業を自動化してメッ...

Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」

Markdown Editor Markdown EditorはMarkdown用のオープンソースのWYSIWYGエディタです。Web向けもデスクトップアプリ向け(Electron)もあります。 入力エリアとプレビューエリアの2...

オンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタ・「DeckDeckGo」

DeckDeckGo DeckDeckGoはオンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタです。DuckDuckGoとは基本的に関係ないようです。 DeckDeckGoはよくあるスライドエデ...

URLの共有で複数人とコーディング出来るリアルタイムコラボレーションエディター・「TryCode」

TryCode TryCodeはURLの共有で複数人とリアルタイムでコーディングできるWebアプリです コードを書き始めると即ユニークなURLに遷移しますのでそのURLを一緒にコーディングしたい相手に渡す、という流れ 使っ...

D&DでWebページを作成、公開できる・「Builder」

Builder Builderは任意のWebサイトでドラッグ&ドロップでWebページを作成、公開できるWebアプリです 既存のWebサイトと統合する事で、D&Dで作成できるページビルダー機能を追加できるようにする、というもの ...

CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」

Scene.js Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数...

オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」

QuickJots QuickJotsはオート保存機能が付いたシンプルなメモアプリです。Markdownとプレーンテキストの両ペインにそれぞれメモを残せます 左ペインはMarkdown、右ペインはプレーンテキストエリアで、記述と...

React.jsによるアプリケーション開発をサポートするコンポーネントのコレクション・「React Rainbow」

React Rainbow React RainbowはReact.jsによるアプリケーション開発用のコンポーネントのコレクションです レイアウトに関するコンポーネントは勿論、チャートやフォーム、アバター、マップやカレン...
Ads