AWS Amplify の @searchable を使って Elasticsearch による検索を実現していたのですが、ある時から突然、新しくDynamoDBに登録したデータが検索に引っかからなくなりました。 そんな時のメモ。 状況 検索機能を作って最初のうちは普通に検索が出来ていた …

この記事は？ 経緯 前提知識 カスタムリゾルバーとは AWS Amplifyにおけるカスタムリゾルバーの追加方法 カスタムリゾルバを試す 1. resolversフォルダの確認 2. resolvers フォルダ以下にVTLを置く 3. amplify push を実行 4. 実行 終わりに この記事は？ A…

公式ドキュメントで言うとこの辺の話。 https://aws-amplify.github.io/docs/cli/graphql#searchable めちゃくちゃ簡単に出来る。 今回は日本語名と英語名を持つUserテーブル@DynamoDB に対し、「田中」でも「tanaka」でも検索出来るOR検索を作ってみる。 sc…

GraphQLのスキーマを書き換えて amplify push した時のエラー Cannot update GSI's properties other than Provisioned Throughput. You can create a new GSI with a different name. @connection のカラム名を変えたら出た。 Reason: Resource update canc…

前回の記事はこれ。 macha-dev.hatenablog.com 今回は以下のリファレンスに従って amplify add api を試す。 https://aws-amplify.github.io/docs/cli/graphql Schema ファイルの作成 src/graphql/schema/schema.gql type Blog @model { id: ID! name: Strin…

Amplify の authについて調べてたら、amplify add コマンドを使用しないでAWS Consoleで手作業でCognitoの設定をしている記事が多かった。 なんか違う感があったので amplify add auth 使うとどうやって作れるかというのを雑にメモ。 Reactアプリ作成 $ npm …

画像サイズを、mobileなら64x64, それ以外なら128x128とかにしたかった。 こいつが便利だった。 nuxt-device-detect - npm setupに書いてあるとおりですが、 yarn add nuxt-device-detect してあげて nuxt.config.js の modules に nuxt-device-detect を追…

コード内で特定のルートへの絶対パスを取得するには以下のように書けば良い。 let path = this.$router.resolve({ name: 'page_name', params: { id: 1} }).href var fullUrl = window.location.origin + '/' + path が、Nuxt.jsで生成したプロジェクトの pa…

v-bind でこんな感じで書いてたら <input v-model="title" v-bind:class="{ 'is-danger': titleError}" class="input" type="text" placeholder="記事タイトル" > エラーが出た 20:15 error Unexpected 'v-bind' before ':' vue/v-bind-style ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` optio…

Cloud Function for Firebase から Cloud SQL上のMySQLを叩いてみた