nuxt

【firebase】【firestore】arrayやmapにreferenceを入れてrulesで縛ってはいけない

というか、SubCollection使えよ、っていう話

nuxt.js + firebaseでPWAアプリを作成しようとしています。

機能の一つとして、友達登録的なことが出来るようにしたくて、firestoreのユーザデータの構造をこんな感じに考えていました。(超簡略)

users
  - document: uid0
    - name: "山田"
    - friends (arra

もっとみる

1回目以上の盛り上がり!仙台で v-sendai meetup #2を開催しました

v-sendai運営の @kan_dai です。
先日の7月1日に、仙台で2回目のVue.jsのミートアップイベントを開催することができました。人数、盛り上がりも前回以上の当日のレポートです。

開催準備

そもそもなんで仙台でVue.jsのコミュニティやってんの?っていう話はぜひ前回のレポート記事を読んでみてください。
ありがたいことに、前回はたくさんの申し込みで定員割れしてしまったので、今回は

もっとみる

Nuxt.jsのmeta関連の設定をしてみた

前回下記の記事で、テスト的に関西人事交流会のサイトにNuxt.jsを導入してみました。

今回はこの記事の続きで、headタグ内の設定をしていこうと思います。

下記は設定したheadタグ内のmetaデータとOGPタグです。

nuxt.config.js

export default{ // 〜省略〜 head: { meta: [ { char

もっとみる

ポートフォリオサイトをリニューアルしました! (技術的な解説あります)

はじめに

1年以上前から考えていた、ポートフォリオサイトのリニューアルがやっとできました。

といっても今回はまだシンプル版のリリースで
そのうちWebGLを組み込んだリッチ版をリリース予定です。

以下のサイトが以前のポートフォリオで、機能的にはまだ生きているんですが3年前に作ったもので技術も古く、あまり見せたくなくなってしまったのでこのサイトは更新せずに、お仕事のリリース報告などはSNS上で

もっとみる
ありがとうございます!あなたの「スキ」が力になります。
8

【書評】「実践 TypeScript」を読みました。

先日、日本ではじめて開催された TypeScript Meetup #1 で本書の著者 Takepepe さんのご厚意により「実践 TypeScript ~ BFF と Next.js & Nuxt.js の型定義 」を 1 冊頂戴しました。

開発の現場で導入に役立つ TypeScript の本

本書の構成としては、以下のとおり前半・後半 2 つに分かれています。

・前半: TypeScri

もっとみる

マガジン一覧ページを本番公開 Nuxt移行プロジェクト リリースノート (2019年7月)

noteではフロントエンドをAngular.jsからNuxtへ刷新作業中です。2019年4月に記事ページのNuxt化をリリースし大きな山を超えましたが、引き続き残りの主要ページのリプレイスを進めています。

マガジン一覧ページをリリース

自分の所有しているマガジンを管理するマガジン一覧ページがNuxtに置き換わりました!

マガジン一覧ページ(ログインしている必要があります)
https://n

もっとみる

Nuxt.js scrollBehaviorが効かない時

Nuxt.jsでページ遷移時に設定した scrollBehavior にしていた挙動が動かなくなりました。

原因としては全体に関わるcss内で、modal表示にその背景となるページをスクロールさせないために

html, body { overflow: auto; height: 100%;}

としていたのがよくなかった模様。

なのでmodal表示時のみに上記の指定をさせるために

htm

もっとみる

PWA Night vol.5に、Nuxt.jsのPWA Moduleの話で登壇しました

もう2週間経ってしまいましたが、6/19に行われたPWA Night vol.5でNuxt.jsのPWA Moduleの話で登壇させていただきました。

PWA Nightは自分も運営に関わってるコミュニティなのですが、登壇者を探してる中で、Nuxt.jsのPWA Moduleを使ってPWAを実装しているサイトが多いという話になりました。

とても簡単にできる反面、裏側で何をやっているのかわからな

もっとみる

v-sendai meetup #2 でセッション枠をいただき note の Nuxt 移行について登壇しました。

タイトルの通り、v-sendai meetup #2 でセッション枠をいただきまして、「技術選定を軸にユーザーファーストを考える」という内容で登壇しました。

connpass はこちらです。

会場にお越しいただいた、Vue Sendai User Community の皆様、会場スポンサーをしていただいた デジタルハリウッド STUDIO仙台様、v-sendaiスタッフの皆様、本当にありがとう

もっとみる

チケット販売の詳細について

こんにちは!Vue.js 日本ユーザーグループの rry(@yamakuchi)です。
本日から7月ということは、Vue Fes Japan 2019 まであと 3ヶ月と少しですね。(あっという間!)

先日お伝えしておりましたとおり、Vue Fes Japan 2019 のチケットについて、詳細が決まりましたのでお知らせします 🎉

Vue Fes Japan 2019 チケットの詳細

チケ

もっとみる