もがき系プログラマの日常

もがき系エンジニアの勉強したこと、日常のこと、気になっている技術、備忘録などを紹介するブログです。

nuxt

久々にnuxt入門した #08

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatena…

久々にnuxt入門した #07

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、修正にバリデ…

久々にnuxt入門した #06

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、vee-validateを導入して入力フォームのバリ…

久々にnuxt入門した #05

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、ついにモーダル表示やりました。 本題 まず vue-js-modal をインストールし…

久々にnuxt入門した #04

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、モーダル表示の前に、カードの追加を実装しました。 本題 index.vue 追加する際のイベントを渡してます。 <template> <div class="bg-blue-100"></div></template>…

久々にnuxt入門した #03

はじめに こんにちは。 前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 次は emitあたりを振り返ります。 本題 CardList.vue <template> <div class="flex-1 bg-gray-100 m-2 cursor-pointer"> <p class="text-xl">{{ title }}</p> <Card v-for="(card, k) in cardList" :key="k" :card-title.sync="card.title" /> </div> </template>

久々にnuxt入門した #02

はじめに こんにちは。 前回の記事の続きです。 kojirooooocks.hatenablog.com 次はテンプレートのコンポーネント分けをします。 本題 index.vue apiでデータを取ってきた的なのりで、dataをつかってみます。 そして、そのデータからカード表示します。 <template> <div class="bg-blue-100"> <h1 class="text-2xl">To</h1></div></template>…

久々にnuxt入門した #01

はじめに こんばんは。 結構前に本を見ながら nuxtをやってみたのですが、もう完全に忘れてるのと、6月から別案件で使用する可能性があるので再度入門しようとしてみます。 今回は最初なのでインストールとかもろもろをやってみます。 本題 1. インストール …

Nuxt.jsビギナーズガイドを読んだ Vol.3

はじめに こんにちは。 めちゃめちゃ時間空きましたが、進めていきます。 Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発作者: 花谷拓磨出版社/メーカー: シーアンドアール研究所発売日: 2018/10/17メディ…

nuxtでsweetalert使ってみた

はじめに めちゃめちゃ簡単な記事ですが、残しとかないと忘れるので書いときます。 現在のプロジェクトではsweetalertを使ってます。 アラートなどリッチに表示できるので重宝してます。 新たなプロジェクトではnuxtを使うようになったのですが、こちらでも…

Nuxt.jsビギナーズガイドを読んだ Vol.2

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の19日目の記事です。 プライベートが忙しくて、最近は日付が変わってからのアップがデフォルトです。 Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングル…

Nuxt.jsビギナーズガイドを読んだ Vol.1

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の18日目の記事です。 体調が悪く1週間完全にダウンしていました。。。 アドベントカレンダーもまるまる抜けてしまって、残念極まりないです。 こういうときのために書き溜め…