たか橋

書きたいことを忘れがち, 多分フロントエンドエンジニア

【Nuxt.js】 @nuxtjs/axios で axios.all() が使えない

axios.all() とは

複数の API の並列処理ができる
axios.all() は Promise.all() のラッパー関数

import axios from 'axios'const api = axios.create()return axios.all([ api.get('https://xxxxxxxxxxxx'), api.get('https://xxx

もっとみる

Nuxt.js + Netlify で RSS を取得して静的 JSON にする

やりたいこと

IFTTT を使って note の更新を検知

Nuxt.js で note RSS を取得して、静的 JSON としてダウンロード

コンポーネント内で読み込みたい

けっこう改造した動作サンプルはこちら

使うもの

- Nuxt.js
- Netlify (デプロイ方法は割愛)
- IFTTT (Netlify に note の更新通知を送信する)

Nuxt.js をイ

もっとみる

【GCP】 Dokku をインストールしようとしたら NO_PUBKEY というエラーが出た

「 Nuxt.jsをDokkuを使ってEC2やGCEへ気軽にデプロイする 」を参考に
私も GCE で Nuxt.js の SSR をしたくなったので、つまづいたところをメモします。

GCP ( GCE ) に Dokku をインストールする

まずは ssh で GCE に接続します

gcloud を利用する場合

インスタンスの一覧から「接続> gcloud コマンドを表示」を選択し
表示

もっとみる

【GCP】 Mac に gcloud をインストールする

パスが通らなくて困ったのでメモをします。

ダウンロードとインストールを実行

インストールを実行すると色々聞かれるので、全部 y を選択して Enter していきます。

$ curl https://sdk.cloud.google.com | bash

.bash_profile がなんとか言ってるので、これも Enter する

Enter a path to an rc file to

もっとみる

PHP(Laravel) でエンドポイントをつくって、 Nuxt.js に渡す

ディレクトリ構成

Nuxt.js, Laravel 別々にディレクトリを作成し、それぞれ個別のプロジェクトとして扱います

- nuxt-project  # Nuxt.js - Nuxt のファイルたち- laravel-project  # Laravel - Laravel のファイルたち

Laravel をさわる

Laravel をインストール

composer create-

もっとみる