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

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

vue

久々に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. インストール …

element-uiのrulesのmin, maxは文字列のrules

はじめに こんばんは。 今回も簡単な備忘録です。 現在 element-uiを使用したwebアプリケーションを開発しています。 atomic designの設計を組み込もうとして、時間が足らず結局導入断念したのですが、分担を分けて細かく設計できるところはしていこうくらい…

element-uiのdialog使ってみた

はじめに UIフレームワークのelement-ui使ってみました。 今までbootstrapばっかりだったので、ちょっと覚えるの大変だなーと思ってたんですが、そこまで大変じゃなかったです。 表題のdialogはbootstrapでいうmodalですが、こちらも簡単でした。 ただ、nuxt…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.10

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の10日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第10章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.9

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の9日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第9章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.8

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の8日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第8章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.7

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の7日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第7章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.6

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の6日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第6章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.5

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の5日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第5章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.4

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の4日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第4章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.3

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の3日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第3章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.2

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の2日目の記事です。 以下の本を読んで勉強できたことを記載していきます。 今回は第2章です。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野…

Vue.js入門 基礎から実践アプリケーション開発までを読んだ vol.1

はじめに こんにちは。 Kojirockの1人アドベントカレンダー Advent Calendar 2018の1日目の記事です。 今回からおそらく連投で、vue.js入門 基礎から実践アプリケーション開発まで を読んで勉強した備忘録を載せていきます。 Vue.js入門 基礎から実践アプリ…

Vueやってみてる1

vue

はじめに こんばんは。 この記事からだいぶ間が空きましたけど、vueまたやり始めます。 なかなかモチベーションが上向きにならないんですが、頑張ってブログ書くというモチベーションだけは続いているので、気合ですよね気合。 codeprepにvueのブックがあっ…

Vue.js触ってみた(はじめに)

はじめに こんばんは。 3post目です。しょっぱい記事ですが、自分の勉強のためにやってるから別にいいや。 Vue.jsってコード見たりサンプルみたりは比較的やってたのですが、自分で書いたことなかったんで、公式のサイトでチュートリアル的なの触ってみよう…