初めてビューフレームワークでツール作ってみた

初めてビューフレームワークでツール作ってみた

MySQL コマンドジェネレーター 公開中。

元ネタは自分のQiita記事。

MariaDB(MySQL)の基本的なユーザー系コマンド

時々使うわりにテキストエディタにコピペしてユーザー名とか入れるのも面倒だなー&芸がないので、抑えておきたい技術のアウトプットとして作ってみました。

初めてGitで公開してみました。Fork・プルリク大歓迎です。 https://github.com/hishigataBOZE/mysql-command-generator/tree/v1.0

使った技術

  • Vue.js(2系)
  • Material Design for Bootstraop(フリー版)

使いやすさを意識した機能

  • 入力パラメータでコマンドをリアルタイム反映
  • ワンクリックでクリップボードにコピー

アウトプットした感想・反省

  • Vue単品だとかゆいところに手が届かない。jqueryのライブラリとの共存はしばらく続くかも。Vue2系に対応した「vue-clipboard2」も見つけたけど今後用意されているとも限らないので、あえてミックス。
  • 「CSSとかデザインあとで考えればいいや」はダメ。かなーり手戻り多かった。最低でもプロトタイプで枠組みは決めておくこと
  • クライアントのみのシングルページで作ってみたけど、サーバー系のフレームワークとの共存のベターケースはあるのか
  • フロント側だけならCodePenとかで開発できる。ただ「vue-clipboard2」とか野良プラグインがうまく読み込めなかったので、開発方法のベターケースを探していく