くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

【Flutter】Riverpodを使って状態を管理する

Flutterの状態管理について悩んでいたけど、monoさんの記事を読んで、 Riverpodが良さそうだったので、試してみたときの備忘録。 登場人物 進化が早いのと積み重ねが多いので、登場人物が多い。 それぞれ、雑に説明。こんな感じ。 状態の保持 アプリの状態(=…

個人開発報告: 月例振り返り&開発予定 (2020年9月)

9月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog やったこと 積読ハウマッチ: サーバを移動しました アップデートは1回!! NuxtをSPAからSSRにする大物のみ。。 やっとSSR化できたので、すこしずつ機能追加や改善にシフトして…

Vue.js+Chart.jsにカラースキーマを適用する(chartjs-plugin-colorschemes)

vue-chartjsを使ってグラフを書いていて、 サクッと色をいい感じしたいなと思ったときの備忘録。 chartjs-plugin-colorschemesというカラーパレットプラグインがあるようなので、 Nuxt/Vueで使ってみた。 インストール $ npm i vue-chartjs chart.js chartjs…

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

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

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

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

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

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

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

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

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

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

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

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

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

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