くらげになりたい。

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

esbuildでビルド時に変数を解決する(define)

前にesbuildを試してみたけど、 ビルド時にprocess.envとかを解決したいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) esbuildでNode.jsアプリをビルドする - くらげになりたい。 esbuildのdefineでできるっぽい(*´ω`*) Defineの使い方 Define | esbu…

unjs/ofetchでResponseErrorを共通化する

Axiosからunjs/ofetchに移行する際に、 例外を共通化・独自クラスにしたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) onResponseErrorを利用すればOK ofetch.create()を使って、共通的なレスポンスエラーに対し、 onResponseErrorで設定してやれば…

山梨県の大菩薩嶺に行ってきた(13座目)

山梨県にある日本百名山の一つ、 標高2,057mの大菩薩嶺(だいぼさつれい)に行ってきたので、 感想とか諸々の備忘録(´ω`) 大菩薩嶺 - Google マップ 大菩薩嶺DONE!!山梨を一望できる景色が圧巻。。夜景もきれいで最高(*´ω`*) pic.twitter.com/XiGhlinLZo— …

Flutterで文字サイズを自動で調節する(FittedBox)

Flutterで大きい文字サイズを指定したときに、 いい感じにサイズダウンしてほしくて、 いろいろ調べてみたときの備忘録(*´ω`*) FittedBoxを使うといいらしい(*´ω`*) FittedBox class - widgets library - Dart API AppBar( centerTitle: true, title: Fitt…

sharp-cliで画像を白黒にする

開発中のアイコンとかをグレースケールにしたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) sharpのCLI版があるので、それをつかうとよさそう sharp - High performance Node.js image processing vseventer/sharp-cli: CLI for sharp. 使い方 これ…

esbuildでNode.jsアプリをビルドする

定期実行するバッチ的なNodejsアプリをビルドしたいと思い、 いろいろ調べてみたときの備忘録(*´ω`*) Viteも試したけど、 ブラウザ用の設定などが組み込まれているので、 esbuildを使うようにした vite-plugin-nodeもあるけど、 SSRなどのサーバ用のものし…

FlutterのWidgetの位置情報を取得する(RenderBox)

FlutterでWidgetの位置情報(Position)を取得したいと思い、 いろいろ調べてみたときの備忘録(*´ω`*) 位置情報はRenderBoxから取得できるっぽい。 使い方 自分自身の位置情報はこんな感じ。 RenderBoxはBuildContextから取得できる。 class FooWidget extend…

神奈川県の丹沢山に行ってきた(12座目)

神奈川県にある日本百名山の一つ、 標高1,567mの丹沢山(たんざわさん)に行ってきたので、 感想とか諸々の備忘録(´ω`) 丹沢山 - Google マップ 丹沢山DONE(*´ω`*)都会と富士山に囲まれたいいとこだった!!スカイツリーも見えるくらいのいい天気(*´ω`*) pi…

GUIでDockerを管理できるPortainer CEに入門してみた

Portainerが便利というはなし聞いて、 ちょっと入門してみたときの備忘録(*´ω`*) Portainerとは Portainer is a fully featured Docker management tool. GUIでDockerを管理できる便利なツール。 機能もいろいろあるっぽい。 Fetature Build your images De…

Node.jsでgraceful shutdown

Node.jsでgraceful shutdownするときは、 どうすればいいのかなと、いろいろ調べてみたときの備忘録(*´ω`*) graceful shutdownとは 「サーバーが不意に終了しても、終わる前にちゃんと後片付けをすること」です。 引用: 欅樹雑記: Node.jsサーバーのgracefu…

DockerイメージをGCPのCloud Buildでリモートビルド&Artifact Registryにpush

Buildpackのpack CLIを使ってローカルビルドができたので、 GCPのCloud Buildを使ってリモートでビルドしてみる。 BuildpackでNode.jsアプリのDockerイメージを作成する - くらげになりたい。 ソースからCloud Runにデプロイする(Buildpacks/Node.js) - くら…

BuildpackでNode.jsアプリのDockerイメージを作成する

Cloud RunでもつかってたBuildpackをローカルでも使いたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) Google Cloud の Buildpack | Buildpacks pack CLIを使えばいいらしい。 pack CLIのインストール $ brew install buildpacks/tap/pack ビルド デ…

Flutterで`pointer-events: none`はIgnorePointer

Flutterでポインターイベントを拾ってほしくないなとおもい、 いろいろ調べてみたときの備忘録(*´ω`*) IgnorePointerを使えばいいらしい(*´ω`*) IgnorePointer class - widgets library - Dart API IgnorePointer( ignoring: true, child: RaisedButton( o…

GCPのCloud Pub/Subに入門してみた

Cloud Pub/SubでFirestore triggersっぽいことをと思って、 いろいろ調べてみたときの備忘録(*´ω`*) 流れとしてはこんな感じ。 Firestoreの監査ロギング情報を有効化する Cloud LoggingのログルータでPub/Subに転送 Pub/Subでpullサブスクリプションを使っ…

山梨県甲府市の金峰山に行ってきた(11座目)

山梨県甲府市にある日本百名山の一つ、 標高2,599mの金峰山(きんぷさん / きんぽうざん)に行ってきたので、 感想とか諸々の備忘録(´ω`) 金峰山 - Google マップ 金峰山DONE(*´ω`*)一面絶景でずっと見惚れてしまった(*´ω`*) pic.twitter.com/WaQIOSChtJ— …

埼玉県秩父の武甲山に行ってきた(10座目)

埼玉県の秩父にある日本二百名山の一つ、 標高1,304mの武甲山(ぶこうさん)に行ってきたので、 感想とか諸々の備忘録(´ω`) 別名は、秩父岳(秩父嶽)、妙見山、武光山ともいうらしい。 武甲山 - Google マップ 秩父の武甲山DONE秩父を見渡せるすてきな景色だっ…

Riverpodでstop/restartができるカウントダウンタイマーを作る

カウントダウンタイマーがほしくて、いろいろみていたけど、 よさそうなのがなかったので、試してみたときの備忘録(*´ω`*) ほしいもの start/stop/restart/resetができる 初期値/インターバルが設定できる 現在の時間が取得/listenできる Timer.periodicやS…

DartのDurationをいい感じにフォーマットする

DartのDurationにHH:mm:ss.SSみたいにフォーマットしたかったので、 いろいろ調べてみたときの備忘録(*´ω`*) Formatterはないっぽく、自前で整形しないといけないっぽい。。 整形する関数 HH:mm:ss.SSっぽくするのはこんな感じ。 String formatDuration(Dur…

群馬県高崎市の榛名山に行ってきた(9座目)

群馬県の高崎市にある日本二百名山の一つ、 標高1,449 mの榛名山(はるなさん)に行ってきたので、 感想とか諸々の備忘録(´ω`) 榛名山 - Google マップ 榛名山DONE(*´ω`*)ほどよい山でゆったりいい眺め。。湖と山の組み合わせは映えるね(*´ω`*) pic.twitter…

pnpm workspaceでCloud Functions for Firebaseを扱う

pnpm workspaceでのモノレポ化を進めているけど、 Cloud Functions for Firebaseがうまくデプロイできなかったので、 いろいろ調べてみたときの備忘録(*´ω`*) package.jsonに"workspace:^"があるとダメっぽい。 ディレクトリ構成 ディレクトリ構成はこんな…

TypeScript ServerのエラーでNuxtが起動できなくなった(verbatimModuleSyntax)

ある日突然、なにもしてないのに壊れた。。 pnpm devで起動してみると、こんなエラーが。。 $ pnpm dev ERROR EISDIR: illegal operation on a directory, read <directory_path> ERROR Internal server error: EISDIR: illegal operation on a directory, read <directory_path> バージョン</directory_path></directory_path>…

Node.jsアプリのデーモン化のためにPM2に入門してみる

Node.jsアプリをバッチ処理とかしたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) PM2を使うのがよいっぽい(*´ω`*) PM2とは PM2はデーモンプロセスマネジャーらしい。 Node.jsで動作するが、Node.js以外の起動できるっぽい。 Unitech/pm2 PM2 - Hom…

Flutterで無限ループする背景を表示する(OverflowBox/AnimationController)

Flutterで横スクロールみたいな、流れる背景がつけたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) できたのはこんな感じ。 このアドカレで作ったアプリで使っているやつ qiita.com つくりかた 基本はこの2つを使う感じ。 OverflowBox class - widge…

Flutter Webでもいい感じにシェアできるようにする(share_plus)

Flutterでシェア機能を利用したい場合、share_plusパッケージがあるけど、 Flutter Webの場合は、Web Share APIを使っていて、 Web Share APIをサポートしていないブラウザの場合、メーラーが立ち上がってしまう。。 なんとかいい感じにできないかと思い、 …

Flutterで好きなアイコンを追加する(IconData/FlutterIcon)

FlutterのIconで好きなアイコンを追加したいなと、 いろいろ調べてみたときの備忘録(*´ω`*) IconDataはフォントらしく、フォントファイルを追加する必要があるっぽい。 Icon(Icons.copy); // Icons.copyの中身 /// <i class="material-icons md-36">copy</i> &#x2014; material icon named "copy…

Flutterで特定のプラットフォームのときだけimportを切り替える(Conditional Import)

Flutterでdart:htmlなど特定のプラットフォームでしか動かないパッケージを 使いたいなと思ったときにいろいろ調べたときの備忘録(*´ω`*) Conditional Import(条件付きインポート)という機能があるらしい。 Conditionally importing and exporting library …

Androidでカスタムビューコンポーネントを作ってみる

今まではstyleとかで作っていたけど、 UIコンポーネントっぽい感じで作りたいなと思い、 いろいろ調べてみたときの備忘録(*´ω`*) 公式ドキュメントだとこのあたり カスタムビューコンポーネントを作成する | Android デベロッパー | Android Developers ク…

Androidでリソースディレクトリを分割する

Androidのリソースファイルが多くなって、 res/layouts配下などの見通しが悪くなる。。 ある程度のまとまりで分割したいなと思ったときの備忘録(*´ω`*) ドキュメントはこのあたりで、app/build.gradleで、 リソースディレクトリを追加することができるっぽ…

Flutterでトースト通知を表示する(toastification)

FlutterでToast通知を使いたいなと思って、 いろいろ調べてみたときの備忘録(*´ω`*) 調べてみると色々あるけど、 toastification | Flutter Package fluttertoast | Flutter Package cherry_toast | Flutter Package 見た目的に好きだったtoastificationに…

東京最高峰の雲取山に行ってきた(8座目)

東京都・埼玉県・山梨県の境界にある日本百名山の一つ、 標高2,017 mの雲取山(くもとりやま)に行ってきたので、 感想とか諸々の備忘録(´ω`) 雲取山 - Google マップ 雲取山DONE(*´ω`*)開けたところが多く、遠くまで見渡せるゆるやかな道でいいところだった…