くらげになりたい。

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

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

10月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog やったこと 積読ハウマッチ: シェア画像を改善 アップデートは2回!! VercelでOGP芸が捗るようになったので、ランキングもシェア画像が出るように! 頭痛仲間: 体調管理やコメ…

Day.jsで相対時間を表示する(n日前/n秒前とか)

開発してるWebアプリでコメント機能をつけてみた。 コメントされた時間を何日前とか相対的な時間で表示したいと思ったときの備忘録。 Day.jsにプラグインが用意されているので、簡単だった(´ω`) 使い方 こちらの記事を参考にした。 import dayjs from "dayj…

VercelでOGP画像を生成して、Storageの保存量を節約する

開発しているWebサービスでかかった費用を見ていると、 シェア用のOGP画像の保存量が結構占めていた。。(882円中の492円分で55%) www.memory-lovers.blog ランニングコストを減らしたいなと思っていたら、節約術があったので試してみた。 ・Nowのエッジキャ…

Android: 画面サイズよりも大きいViewを縦/横/斜めでスクロールする

Androidで画像など、画面よりも大きいサイズのViewをドラッグでぐりぐりしたくて、 いろいろ調べてみたときの備忘録。 いくつか方法があるけど、 基本はScrollViewとHorizontalScrollViewを両方使う感じ。 XML XMLはこんな感じ。 ScrollViewwカスタマイズし…

FlutterでカスタムフォントをTextウィジェットとThemeで利用する

Flutterでカスタムフォントを利用したいなと思ったので、その時調べた備忘録。 フォントファイルを配置するフォルダの作成 まずは、ディレクトリを作成する。 $ mkdir -p assets/fonts/ assets/fonts/に表示したいフォントファイルを配置しておく。 pubspec.…

FlutterでSVGを利用する(flutter_svg)

FlutterでSVGを利用したいなと思ったので、その時調べた備忘録。 flutter_svgパッケージを使うといいらしい。 画像ファイルを配置するフォルダの作成 まずは、ディレクトリを作成する。 $ mkdir -p assets/images/ assets/images/に表示したいsvgファイルを…

xlsx-populateを使ってテンプレートからExcelファイルを生成する(Nuxt+JavaScript)

以前、SheetJS(xlsx)でExcelファイルの生成を試してみたけど、 スタイルのコピーや設定ができない課題の解決のため、調べたときの備忘録。 xlsx-populateだと、スタイルの操作もできるっぽい。 インストール $ npm i xlsx-populate xlsx-populateの使い方 外…

【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…