Amplifyとは Googleのfirebaseと似たようなもののAWS版という軽い認識で触ってみる aws.amazon.com 用意されてる機能としては - データストア - 認証 - 分析 - API - AR/VR - インタラクション - 通知 - 予測 - PubSub - ストレージ Alexaアプリとかも作れる…

前回の記事に引き続きでよく使うライブラリの導入を行う remoter.hatenablog.com node-sass sass-loader sassを使えるように npm install --save-dev node-sass sass-loader これだけでsassが使えるようになるが今ままだとprettierのエラーがでるのコメント…

ja.nuxtjs.org npx create-nuxt-app sampleapp create-nuxt-app v2.10.1 ✨ Generating Nuxt.js project in sampleapp ? Project name sampleapp ? Project description My first-rate Nuxt.js project ? Author name remoter ? Choose the package manager N…

以下の様なドキュメントでcreatedIdがログインしているuidの場合のもread writeできるようにしたい - entries - entryId - createdId - title - content rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /en…

Nuxtプロジェクトを作成するとデフォルトでNuxtのアイコンが設定されているのでそのfavicon.icoを差し替えればよい 差し替えるファイルの場所は (プロジェクトルート)/static/favicon.ico ファイル名を変えたい場合は、nuxt.config.tsの head の linkの中を…

Hooked ハマるしかけ 使われつづけるサービスを生み出す[心理学]×[デザイン]の新ルール の読書会を社内ではじめました この本にはChapterの最後に「REMEMBER AND SHARE」として内容を箇条書きにまとめてくれています ソーシャルメディア等にシャアして復習や…

Nuxt.jsでnuxt-linkとかを利用して画面遷移する場合、デフォルト設定ではスクロール位置を保持したまま画面を切り替えてくれる これをやめて画面遷移するたびにスクロール位置を一番上になるようにする ja.nuxtjs.org 手順は公式に書いてある通り まずプロジ…

tileを手に入れたので使い始めました thetileapp.jp 簡単に言うとスマフォとペアリングしてどこにあるかわかるタグ 鍵とか財布とかなくしたら駄目なやつにつけるやつですね スマフォとtileはbluetoothでの通信かな なので有効範囲は数十m 手に入れたのはTile…

たまに必要なんだけど毎回忘れる・・・ format("%06d", 123) => "000123" 10桁にしたい場合は %06d を %010d する %10dじゃないので注意 format("%10d", 123) => " 123" %10d だと0じゃなくてスペースで埋められる format("%010d", 123) => "0000000123"

remoter.hatenablog.com 前回読んだ本の内容に習って 自分の理解の及ぶ業種「情報・通信」で時価総額300億以下の銘柄の中から上場して５年以内の銘柄に絞りたかったのだが SBI証券の銘柄検索の検索条件に上場年月日がなかったのでダウンロードしたCSVに上場…

普段はプログラマーとして働いているけれど、小さい会社なので会社のことも色々やる機会も多いこともあり 知人にすすめられたので読んでみた 読みやすかった ざっと一回読むのに３，４時間くらいだった 対象の読者は基本的には経営者向けの本だとは思うけど…

不意にどうするのか迷ったので書いておく 大事なとこはここですね width: 200px; left: calc(50% - 200px/2); 左から50%から要素の幅の半分を引いたところに設置 leftはあくまで左からの位置なので幅の半分をひかないと要素の左端が50%の位置になるので右に…

すごく丁寧にまとめてくれてる人がいた lab.astamuse.co.jp Vue.jsだけのライフサイクルは公式より jp.vuejs.org asyncData や fetch と beforeCreate や created でどれを使うべきかみないな悩むことがあるので 用途によって使い分ける必要があるかなぁと思…

株を始めようと思い書店で手を取り購入 いきなり大きくやる勇気もないので小さくはじめようと でもやっぱり夢見たいのでタイトルに惹かれて読んでみました 内容としてはタイトルの通り潤沢な資金がない人が資産を増やすための手法と道筋が書かれているかなと…

stroybookを動かそうとしたら以下のようなエラーが出た yarn run v1.19.2 $ start-storybook -p 6006 info @storybook/react v5.0.5 info info => Loading presets info => Loading presets info => Loading custom webpack config (full-control mode). inf…

https.onCallを利用している場合はCROSの設定等をしなくてもよしなにしてくれるはずだが下記のようなエラーが出た Access to fetch at 'https://<another-location>-<your-project>.cloudfunctions.net/<your-function>' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to </your-function></your-project></another-location>…

const jwt = require('jsonwebtoken') const axios = require('axios') const ZoomClient = (token) => { return axios.create({ baseURL: 'https://api.zoom.us/v2/', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest…

以下で検索すると Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated 同様のワーニングを解決して…

Chromeのバージョンが80になってから所謂野良アプリのChromeエクステンションが動かなくなった 社内利用だとしても他の人にパッケージ済みのエクステンションを配るにいはウェブストアに公開する必要が出てきたので限定公開で公開する 以前に公開したことも…

継承元のコントローラー class ApplicationController < ActionController::Base before_action :puts_base1, :puts_base2 before_action :puts_base3 private def puts_base1 p 'ApplicationController:1' end def puts_base2 p 'ApplicationController:2' …

rubyでの正規表現の確認をするのはここが便利 rubular.com 通常文末のマッチを正規表現で書く場合は $を使うが rubyの場合は複数行の場合は $を使うと１行づつ評価して検索する hello goo by 上記のような２行のテキストの場合、以下どちらもマッチする text…

pushjs.org デスクトップ通知を行うためにPush.jsを導入して実装してみます インストール npm install push.js --save 使い方は import Push from 'push.js' Push.create('Hello World!') import して Push.createを呼ぶだけだった optionは公式のドキュメン…

dupを使うとid,created_at,updated_at以外の項目をコピーしたインスタンスが作成される Post.first => #<Post id: 1, title: "ブログはじめました", body: "新しいブログをはじめたよ", created_at: "2020-02-06 02:33:16", updated_at: "2020-02-06 02:33:16"> Post.first.dup => #</post>

def index @q = Post.joins(:category).ransack(params[:q]) @posts = @q.result end このようなcontrollerのコードがあった時にcategoryのnameでsort_linkを使いたい場合以下の様に書く = sort_link(@q, 'category_name', 'カテゴリー名') アンダーバー区切…

@q = Post.ransack(params[:q]) @q.sorts = 'updated_at desc' if @q.sorts.empty? @posts = @q.result ransackのSearchオブジェクトのsortsが空ならデフォルトでしたいソートを指定すればよい @q = Post.ransack(params[:q]) @q.sorts = ['updated_at desc'…

配列の場合は以下のようになる（公式より） <ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結果： Foo Bar Objectの場合は v-forの左辺に入る値に valueとkeyを入れ…

webhookを受け取るプログラムを開発する場合など、外部からのアクセスを受け入れたいときngrokを利用することで可能にする ngrok.com 使えるようにするまでの手順は公式サイトに乗ってる通りだけど ユーザー登録をします ngrok(zipファイル) をダウンロード …

twilioでSMSを受信してrailsアプリでwebhookを受け取りたい twilioとは Twilioは音声通話、メッセージング（SMS/チャット）、ビデオなどの 様々なコミュニケーション手段をアプリケーションやビジネスへ容易に組み込むことのできるクラウドAPIサービスです。…

regexを利用して正規表現でチェックする validation-provider(:rules='{required: true, regex: /^[0-9]{3}[-][0-9]{4}$/}' v-slot="{valid, errors}" name='郵便番号') b-form-group(label='郵便番号') b-form-input(type='text' name='postcode' v-model='…

よくある利用規約とかの必須なチェックボックスをvee-validateで書くとこんな感じになる <template lang="pug"> div validation-provider(rules='required|email' v-slot="{valid, errors}" name='メールアドレス') b-form-group(label='メールアドレス') b-form-input(type='emai</template>…