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

開発者向けの様々なチェックリストを公開している・「Checklist」

Checklist Checklistは開発者向けの様々なチェックリストを公開しているプロジェクトサイトです どこかで公開されているチェックリストを引っ張ってきているのではなく、こちらを公開しているAtölye15が社内で共有し...

CSSをJavaScript用に変換するシンプルなコンバーター・「CSS2JS」

CSS2JS CSS2JSはCSSをJavaScript用のコードに変換するシンプルなコンバーターです 特に解説不要のアプリなのでサンプルを使って簡単に。例えば以下のCSSを 以下のように変換します ...

GitHubの50万以上の公開リポジトリから正規表現でコードを高速検索できるWebアプリ・「grep.app」

grep.app grep.appはGitHubのリポジトリから任意のキーワードだけでなく、正規表現でもコードを高速検索できるWebアプリです アプリ名のとおりgrepをかけられてインクリメンタルサーチしてくれるので手早...
Ads

Reactで書かれたオープンソースのWYSIWYGインラインエディター・「Edtr.io」

Edtr.io Edtr.ioはReactで書かれたオープンソースのWYSIWYGインラインエディターです mediumで採用されたエディターのようにコンテンツに直接編集を加えるタイプで、ブロックの追加やD&Dによる移動、複製な...

コードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれる・「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で動かせるダイアグラムを作成出来ます ...

チャットルームを作成して友人と競いながらコーディングを学べる・「binarysearch.io」

binarysearch.io binarysearch.ioはチャットルームを作成して友人と競いながらコーディングを学べるWebアプリです ルームを作成すると問題がすでに出題されていますので招待した友人とチャットを交えて競い合...

JavaScriptライブラリやフレームワークを使わずHTML5、CSS、バニラなJSだけで作られたプロジェクト集・「Web Projects With Vanilla JavaScript 」

Web Projects With Vanilla JavaScript Web Projects With Vanilla JavaScriptはフレームワークやライブラリ等を使わずに純粋なHTML5+CSS+VannilaなJSで...

Electronで出来たオープンソースの開発者向けエディタ機能付きコードスニペット管理ツール・「massCode」

massCode massCodeはElectron製のOSSな開発者向けコードスニペット管理ツールです。Monaco Editorが採用されており、スニペット管理ツールとコードエディタを兼用する事ができます スニペットは様々な...

Webサイト開発の際にあると地味に便利なミニツールをまとめている・「Tiny helpers」

Tiny helpers Tiny helpersはWebサイトやアプリ開発の際にあると地味に便利なミニツールを集めているWebサイトです 1つのツールにつき1つの目的のために作られたミニツールをカテゴライズしている、みたいなも...

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

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

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

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

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

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

オープンソースの顧客フィードバック管理ツール・「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...
Ads