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

2020-05-16
vue.jsnuxt.js
    

目次

概要

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

    
s-yoshiki
s-yoshiki
githubtwitterqiita
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV

関連記事

SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…

Firebase + Nuxt で認証付きページを作るときに参考にしたいところ
Webアプリケーションのセッション管理にJWT導入を検討する際の考え方 Service Worker によるセッション管理 ユーザー セッションの管理 Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する CookieとセッションとJWT SSR…

shields.io用アイコンジェネレータを作ってみた
デモ 情報 参考 ソース shields.io用アイコンジェネレータを作ってみました。 デモ 情報 Vue + codesandboxで作ってみました。 詳しい作り方はここを参考にしてください。 参考 https://tech-blog.s-yoshiki…

MonacoEditor + Vue を使ってエディタを実装
紹介 セットアップ Vue vue-monaco Usage サンプルコード ポイント テーマカラーについて エディタのリサイズ エディタの変更の検知 Vue + MonacoEditorでJS…

画像のプーリング処理 canvas + JavaScript
プーリング処理について サンプルソース デモ 参考文献 JavaScriptで画像のプーリング処理を行ってみました。 プーリング処理について プーリングは畳み込みに似た処理で、CNN…

ブラウザで動くAtCoder用のデバッガを作ってみた (JSのみ)
AtCoder-JsDebugger 説明 フレームワーク、ライブラリなど ブラウザで完結するAtCoder用のデバッガを作ってみました。 対応言語は(JS)のみになっています。 というのも、書いたコードをブラウザ上でeval…

JavaScriptで画像処理100本ノックに挑戦してみた
画像処理100本ノックについて JavaScriptで挑戦してみる デモサイト GitHub フロントの実装について 問題の解説 JSで挑戦するメリット・デメリット 関連 画像処理100本ノックをJavaScriptで挑戦してみました。 Qiita…

vue-cli3のセットアップと開発サーバ起動からバンドルファイル生成まで
検証環境 vue@cliの導入 vueプロジェクトの作成 開発・本番ビルドの設定 各項目の設定 参考 Vue.jsで作ったアプリをGitHub Pagesで公開する方法について。 検証環境 nodejs 11.10.0 npm 6.7.0 vue@cli 3.…

最新の投稿

SQL整形ツールを作成した
特徴 使い方 FW/ライブラリ等 nuxt sql-formatter-plus Monaco Editor おまけ ソース SQL整形ツールを作成しました。 URLはこちらです。 SQL…

ファイルの1行目を表示 Linuxコマンド head
head コマンド例 headコマンドでファイルの 1行目もしくは指定した行数だけ表示する方法。 head 利用できるオプション コマンド例 の 1行目だけを表示 の 5行目までを表示 カレントディレクトリ以下の全てのtxtファイルの1行目を表示

Amazon S3 と ローカルファイルのチェックサムの比較
s3apiでEtagを取得 検証 マルチアップロード時の注意点 Amazon S3 の Etagを使ってファイルの整合性チェックをする。 s3apiでEtagを取得 S3 APIを利用するとEtagを取得します。この値はmd5のハッシュ値になります。 検証 MD…

github.io / gitlab.ioで公開されている質の高い技術ドキュメント
AWSによるクラウド入門 Pythonプログラミング入門 普通の人が資産運用で99点をとる方法とその考え方 2018年の段階で私が知らないこと github.io / gitlab.io で無料で公開されている興味深いドキュメントのmemo AWS…

10進数から2進数 2進数から10進数への変換 JavaScript
10進数から2進数 2進数から10進数 テスト 10進数から2進数、2進数から10進数への変換を行うJavaScriptのコードの紹介。 JSの場合、10進数から2進数への変換はメソッド。2進数から1…

JavaScriptの配列ショートハンド (AtCoder用)

JavaScriptでワーシャルフロイド法を実装
AtCoder ABC012 D問題 D - バスと避けられない運命 解説 実装 AtCoder ABC012 の D問題でワーシャルフロイド法が利用できる問題が出てきたので、 JavaScriptで実装しました。 AtCoder ABC012 D問題 D…

GitHub Actions で Gatsby をビルドし Amazon S3 にデプロイする
GitHub Actions について あらかじめ準備しておくもの AWS IAM ユーザを環境変数にセットする workflowの記述 ビルド バッジを利用する 終わりに 参考にしたところ Gatsbyで作った静的サイトを、GitHub Actions…

cloudinaryによる画像ファイルの管理 はじめてみる
目的 cloudinary について 他のサービスとの比較 料金プラン アカウントの登録 利用してみる ダッシュボード 画像の編集 APIベースでのアクセス 感想 参考 画像の管理や配信、さらには加工といった事ができるsaas型のcloud…

JavaScriptによる2分探索(バイナリサーチ) のサンプルコード
2分探索について ソース 参考 JavaScriptで2分探索(バイナリサーチ)を実装してみました。…

Tags

Dates

© 2020   404 motivation not found