Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス

2020-05-167 min read

目次

  1. 概要
  2. uiコンポーネント
  3. テーマ系ライブラリ
  4. サイトサービス
  5. ツール
  6. cms
  7. ゲーム

概要

Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。

面白くて役立ちそうなツールやサービスをまとめてみました。

UIコンポーネント

VueSocial

ソーシャルサービスのボタンを作成するVueのコンポーネント

image.png

CKEditor 5

リッチテキストエディタのコンポーネント

image.png

Vue.Draggable

ドラッグ&ドロップのコンポーネント

Vuetable 2

データテーブルのコンポーネント。demo

image.png

vuejs-datepicker

vueのdatepicker

Kalendar

Vueのカレンダーコンポーネント

image.png

Vue Apexcharts

SVGベースのグラフ可視化コンポーネント

image.png

Vue.js Google Charts

VueのGoogle Charts

image.png

vue-cart

ショッピングカートのプラグイン

image.png

WebIDE

VSCode風WebIDE

image.png

vue-github-activity

GitHubのアクティビティを表示するアプリ

image.png

vue-moment

時間系の処理を行うライブラリのmoment.js のVue版

image.png

テーマ系ライブラリ

VueBase

FireBaseライクなテーマを提供するコンポーネント

image.png

Vuestic Admin

管理画面系のコンポーネント

image.png

Vue Material Admin

マテリアルデザインのコンポーネント

image.png

Vue CRUD

SPAのCRUDアプリのテンプレート

サイト・サービス

MyOngoingsCalendar

アニメのタイムスケジュールを表示するサイト

image.png

CrashTested

安全なヘルメットを比較できるサイト

image.png

Metal Map

世界各国にいるメタルバンドを地域ごとに紹介しているサービス

image.png

Playlister.me

YouTube動画のプレイリストを簡単に作成できるサービス

image.png

ReleaseAlert

映画のリリース日をリマインドしてくれるサービス

image.png

tuneIn

音楽を見つけるアプリ

image.png

vuetube

Vue関連の動画を集めたサイト

image.png

Faviator

ブラウザ上でfaviconなどを作成するサービス

image.png

ツール

Postwomen

APIのパラメータのビルドを補助しリクエストを投げるテストツール。

Postmanのブラウザバージョン的なやつ。

image.png

DrawSQL

データベースの関連図を可視化するサービス

image.png

Labnotebook

機械学習等の実験データを可視化するツール

image.png

VivifyScrum

アジャイルツール (スクラムボード)

image.png

ShapeForMe

3Dプリント用モデルの作成ツール

image.png

Periodicity

Vueで作られた周期表。マウスホバーすると元素の詳細情報を表示する

image.png

drawmote

スマホでディスプレイにお絵かきするアプリ

image.png

Asciiur

アスキーアートをコレクションしたサイト

image.png

DBFS-Explorer

image.png

vue-s3-dropzone

AWS S3にコンテンツをアップロードするサービス

Avatar URL Generator

親しみやすい感じのアバターを作成してくれるサービス

image.png

ParaView Glance

3Dモデルなどのデータを可視化してくれるサービス

image.png

CMS

WP Vue

WordPress REST APIを利用するブログのテーマ テンプレート

image.png

Photon CMS

Laravel + Vueで作られた Headless CMS

image.png

Laravel Nova

Laravel用のテンプレート

image.png

Saleina CMS

静的CMS

image.png

Directus

Headless CMS

ゲーム

vue-tetris

image.png

Space Snake

デスクトップで遊べるゲームアプリ。Vue + Electron製

image.png

Defuse

マインスイーパー的なやつ

image.png

Rotten Soup

ローグライクなゲーム

image.png

Recommends
SQL整形ツールを作成した
2020-09-30
mysql
oracle
postgresql
Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス
2020-05-16
vue.js
nuxt.js
Firebase + Nuxt で認証付きページを作るときに参考にしたいところ
2020-03-23
html5
javascript
vue.js
[Vue]フロントエンド機能のみでダウンロードを実装する[JS]
2021-09-30
vue.js
javascript
shields.io用アイコンジェネレータを作ってみた
2019-07-13
%E5%B0%8F%E3%83%8D%E3%82%BF
vue.js
shields.io
MonacoEditor + Vue を使ってエディタを実装
2019-06-23
html5
javascript
monaco%20editor
画像のプーリング処理 canvas + JavaScript
2019-05-19
html5
javascript
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92
ブラウザで動くAtCoder用のデバッガを作ってみた (JSのみ)
2019-05-02
javascript
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0
atcoder
JavaScriptで画像処理100本ノックに挑戦してみた
2019-03-27
javascript
canvas
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
vue-cli3のセットアップと開発サーバ起動からバンドルファイル生成まで
2019-02-24
javascript
vue.js
webpack
New Posts
[JS]Intl.DateTimeFormatで和暦と西暦を変換
2022-08-18
javascript
[NestJS]少し大きな規模のRESTfull APIを構築するディレクトリ構成を考えて...
2022-09-04
nestjs
typescript
%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3
Prisma MySQL でUTC以外の任意のタイムゾーンを利用するのが難しい件
2022-08-08
prisma
typescript
mysql
Prisma TypeScript MySQLなプロジェクトの構築
2022-08-08
prisma
typescript
mysql
Prisma TypeScript SQLiteなプロジェクトの構築
2022-08-06
prisma
typescript
sqlite
[AWS]Lambda vs Fargate. APIを実装する場合に思うこと
2022-07-30
amazon%20aws
amazon%20ecs
%E9%9B%91%E8%AB%87
macOSにzigをインストールしてHello World!する
2022-07-18
zig
mac
[AWS CDK] Cognito の OIDC プロバイダに Auth0 を設定
2022-07-03
auth0
amazon%20aws
aws%20cdk
Amazon S3 でライフサイクルポリシーを設定する
2022-06-19
amazon%20aws
amazon%20s3
AWS Certified Developer Associate に合格した
2022-06-19
amazon%20aws
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93
Fisher-Yates shuffleで配列シャッフル [js/ts/php]
2022-06-19
javascript
node.js
typescript
JavaScriptでUTF-16コードを文字列に変換
2022-06-18
javascript
node.js
[JS]乱数でランダムな整数を生成する
2022-06-18
javascript
node.js
[JS]BigIntでMathが使えない件
2022-06-12
javascript
node.js
atcoder
AWS SAPに合格しました
2022-06-11
amazon%20aws
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93
Hot posts!
Proxy環境下でcurlを実行する
2019-12-07
linux
curl
OpenCVのMatのタイプ一覧表
2018-11-25
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
opencv
Macでも利用できるDBクライアント MySQL PostgreSQL Oracle など
2019-12-21
linux
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9
mysql
TablePlusを使ってみる。シンプルでモダンなSQLクライアントツール
2018-09-30
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9
DBクライアントツールはDBeaverをおすすめしたい
2021-03-08
oracle
mysql
sqlite
AWS S3のアクセスキーIDとシークレットアクセスキーの取得 作業用ユーザを作成
2019-06-12
amazon%20aws
linux
amazon%20s3
AtCoderで初めて色がつくまでの話(茶色) レートが中々上がらなかった原因
2018-11-25
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0
%E9%9B%91%E8%AB%87
CentOS8でEPELとPowerToolsリポジトリの有効化
2020-11-30
centos
red%20hat
EPEL
Macでターミナルからポートスキャンを行う方法。
2018-12-09
linux
mac
apple
Python + OpenCVのfillConvexPolyで複雑なポリゴンを描画する
2018-11-27
python
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86
opencv
Date
▶︎
2022 年 (39)
▶︎
2021 年 (40)
▶︎
2020 年 (30)
▶︎
2019 年 (90)
▶︎
2018 年 (89)
▶︎
2017 年 (1)
Tags
javascript(98)
amazon%20aws(47)
linux(47)
node.js(38)
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0(36)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86(30)
html5(29)
typescript(28)
php(24)
centos(24)
python(22)
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0(21)
mysql(19)
mac(19)
canvas(18)
opencv(17)
%E9%9B%91%E8%AB%87(16)
wordpress(15)
atcoder(14)
docker(14)
apache(12)
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92(12)
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9(12)
amazon%20s3(12)
red%20hat(12)
ubuntu(11)
github(10)
git(10)
vue.js(10)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86100%E6%9C%AC%E3%83%8E%E3%83%83%E3%82%AF(10)
mariadb(10)
aws%20cdk(9)
css3(8)
%E5%8F%AF%E8%A6%96%E5%8C%96(8)
%E5%B0%8F%E3%83%8D%E3%82%BF(8)
amazon%20lightsail(7)
react(7)
%E3%83%96%E3%83%AD%E3%82%B0(6)
cms(6)
oracle(6)
perl(6)
gitlab(6)
next.js(6)
iam(5)
amazon%20ec2(5)
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93(5)
aws%20amplify(5)
curl(4)
webassembly(4)
ssh(4)
Author
s-yoshiki
s-yoshiki
githubzenntwitterqiita
ただの備忘録です。
JavaScript/TypeScript/node.js/React/AWS/OpenCV
※このブログの内容は個人の見解であり、所属する組織等の見解ではありません。