執筆者 Masa | 2月 13, 2021 | Javascript, React, SPA
Facebook社によって開発されたReactですが、段階的にシステムに導入できるように設計されています。SPAで用いられることが多いですが、最小限のコンポーネントの利用だけでもできることをご存知でしょうか。 いきなり大規模にReactを使うとなるとハードルが高くとっつきにくいかと思いますので、まずは小さくはじめてみましょう。 既存のWEBサイトにReactを導入する ①Reactを描画するエリアを作る まずはHTML要素に空のDiv要素を設けてReactが描画される場所を作ってあげます。要素にユニークなidを付与します。...
執筆者 Masa | 2月 10, 2021 | SPA, Firebase, Javascript, Nuxt.js, Vue.js
フロントをnuxt.js、バックエンドをfirebaseでSPA開発をする場合の連携方法についてご紹介します。 まずは、npx create-nuxt-appでnuxt.jsの環境を構築し、その後の方法を以下に示します。注意として、create-nuxt-appで環境構築する際の設定として、レンダリングモードをSPAにすることが必要になる点に気をつけましょう。...
