Flutterのコマンドメモ(upgrade/channel)

Flutter

Flutterをはじめてみたので、忘れないように使ったコマンドをメモ。アップグレードやチャネルの変更関係 # Flutterのアップグレード $ flutter upgrade # チャネルの確認 $ flutter channel # チャネルの変更 $ flutter channel beta # パッケージのアップ…

2020-09-30

OpenWeatherMap APIで天気情報を取得する

API OpenWeatherMap

頭痛仲間というアプリを作るときに、気圧とかの天気情報を取得したいなと思い、 OpenWeatherMap APIを調べたときの備忘録。シンプルだし、無料枠もあるのでよい感じだった。 OpenWeatherMapについて現在の天候や予測履歴を含む各種気象データのAPIを提供…

2020-09-20

Nuxt(SSR)をGAEに自動デプロイ(GitHub連携)とハマったポイント

GCP GAE CloudBuild Nuxt.js

Clund Runを試したので、次はGAE。 Cloud Runでの課題試してみた結果、コールドスタートがよく出るっぽい。。 Cloud Schedulerを使って、定期的にリクエストを送って、インスタンスが停止しないようにする or 停止してたら起こす、ようにするればよいが気…

2020-09-04

Nuxt(SSR)をCloud Runに自動デプロイする(GitHub連携)

GCP CloudRun Cloudflare GoogleCloudStrage GAE Nuxt.js

開発している積読ハウマッチ、Netlify+Nuxt(SPA)で作ってるけど、 SPAはやっぱり遅い感じが... SSRにできて、リージョンも東京を選べるCloud Runを試してみたときの備忘録 Cloud Runについて Google Cloud Runは、コンテナ化されたアプリをデプロイできるフ…

2020-09-03

NuxtでCookieを扱うならuniversal-cookieがよさそう

Cookieを扱うライブラリはいろいろあるけど、サーバでもクライアントでも使えるuniversal-cookieが良さそうだった。使い方もシンプルでいい感じ。インストール $ npm i universal-cookie 使い方はこんな感じ import { IncomingMessage } from "http"; imp…

2020-09-03

GASを使ってGmailの内容をサーバに送る

GAS Gmail

受け取ったメールをサーバに送信してゴニョゴニョしたいなと思ったので、調べてみたら、GAS(Google Apps Script)+Gmailで簡単にできたのでその備忘録。流れとしてはこんな感じ。定期的にGASを起動して、メールをチェック未処理のメールがあったら、サー…

2020-09-03

Vue+SVGでプログレスバーをつくる

Vue.js SVG

こんな感じのプログレスバーを作りたいなと思ったら、 SVGでできたのでその備忘録。ソースはこんな感じ <circle>を使うと円がかけるので、2つ重ねて、 1つをstroke-dasharrayとstrokeDashoffsetを使って円弧にしている感じ。 <template> <svg height="100%" width="100%" :viewBox="viewbox"> </svg></template></circle>