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

関連記事

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.…

最新の投稿

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

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

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

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス
UIコンポーネント VueSocial CKEditor 5 Vue.Draggable Vuetable 2 vuejs-datepicker Kalendar Vue Apexcharts Vue.js Google Charts vue-cart WebIDE…

GitHubのリポジトリをGitLabに同期する GitLabのミラーリング機能
GitLabのミラーリングについて GitHubのリポジトリをGitLabに反映する その他 参考 GitLabのミラーリング機能によりGitHubなどの外部のリポジトリとのミラーリングを行うことができます。 これを使ってGitHub…

WordPressやめます Gatsbyに移行しました
これまでのWordPress運用 なぜWordPressを捨てるのか? なぜGatsbyを利用するのか? gatsbyについて WordPressから記事の救出 移行対象記事の抽出 記事の置換 Gatsbyテーマの作成 Gatsby…

WordPressのDBから記事データを抽出する
WordPressのDB関連図 公開記事一覧の取得 タグ・カテゴリの取得 サムネイルの取得 おまけ: PHPスクリプト化しました 参考にしたところ WordPressにため込んだデータMarkdown化しGatsby…

ハイフンとかマイナスとかダッシュとか

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

GolangをCGIとして実行する
環境 golang パッケージ ソースと実行 ビルドとサーバ実行 標準ライブラリのみ Golang を CGIとして実行する際のメモ 環境 golang パッケージ 以下のモジュールを利用しています。 github.com/gorilla/mux…

Tags

Dates

© 2020   404 motivation not found