タグ

ブックマーク / qiita.com/jaxx2104 (2)

  • VeeValidate を custom component + vuex + custom rule で使う - Qiita

    はじめに Vue.js で作っているプロジェクトでフォームを作る場合には、バリデーションの実装を VeeValidate を用いることが多いです。 VeeValidate: http://vee-validate.logaretm.com/ 非常に便利なプラグインなのですが、デフォルト設定のまま利用するとフォーム1つに対してのバリデーションチェックのみしか出来なかったり、Atomic Design でフォームの input, select 要素を custom component にした場合に動作しなかったりと、 実運用でハマりポイントがいくつかあるので段階をおって説明したいと思います。 作るもの 注文入力欄 入力必須 最大文字数: 10文字 Level 1 デフォルトルールで特にコンポーネントを分ける必要が無い場合。 画面側 <template> <input v-validate="{

    VeeValidate を custom component + vuex + custom rule で使う - Qiita
    peketamin
    peketamin 2018/07/27
  • iOSアプリをNuxt.js使ってPWAにしたら意外と良かった話 - Qiita

    経緯 GW前に Apple Developer Program の更新のお知らせメールが届く。 iOSアプリはここ2年近く(意識が低く)何も作れておらず更新を迷っていました。 年間メンバーシップの料金は 11,800円。 これで家族で焼肉がべれる(冗談) PWA にしてみよう! PWA が iOS 11.3 の Safari でも対応されたこともあり、GWを使って勉強がてらiOSアプリをPWAとして作ってみます。 開発について 使った技術など。 JS Framework 今回は Nuxt.js を使うことにしました。 @nuxtjs/pwa を使って気軽にPWA化してみようと思います。 @nuxtjs/pwa https://github.com/nuxt-community/pwa-module CSS Framework 複雑なUIではないので今回は使いませんでした。 Materia

    iOSアプリをNuxt.js使ってPWAにしたら意外と良かった話 - Qiita
    peketamin
    peketamin 2018/05/06
  • 1