Waka blog.

Description

waka.apps

富山在住のプログラマー。
フルリモートで働いています。

生活発表会

昨日子らの生活発表会があった。 下の子は今年で2回目の生活発表会、昨年は訳も分からずぼーっと突っ立ってた。 社交的で活発で、わりかしなんでも器用にこなしているように見えるので、生活発表会も楽勝だろうと思って見ていたら、他の子が泣いているのにつられて泣き出してしまった。 意外と繊細で泣き虫なところもあるよなぁとしみじみ泣いている姿を見守った。 ちなみに1階席最前列に陣取って振り付けやお歌の口を真似して頑張って励ましていたのに、2階席ばっかり見ていたのが笑えた。 上の子は5歳、今年で5回目の生活発表会。 毎年のことだけれど、練習がいやで保育園に行くのもいやで、ここしばらくは毎朝
子育て

[Go]型埋め込み使用時のjson.Marshalの罠

型埋め込みを使用している構造体をjson.Marshal [https://pkg.go.dev/encoding/json#Marshal]でJSON文字列に変換する際、意図しない挙動になるケースがあるので気を付ける。 下記のような構造体のインスタンスをjson.Marshalで文字列に変換する処理がある。 type Event struct { ID int time.Time // <- 埋め込みフィールド } event := Event{ ID: 1234, Time: time.now(), // <- 構造体のインスタンス化時、埋め込みフィールドの名前は構造体の名前
go

[Go]型埋め込みの問題点を意識する

そもそも型埋め込みとは.. 以下のように構造体の中に別の構造体を埋め込むこと。 type Base struct { ID int Name string } func (b Base) GetName() string { return b.Name } type User struct { Base // 型埋め込み Email string } 以下のように、User構造体のインスタンスからBase構造体の中身を直接使用できる。これを プロモートする と呼ぶ user := User() user.ID // user.B
go

[JavaScript]Date#setMonthでの注意点

発生した問題 以下のような月末日取得の実装を行なっていた。 const date = new Date(); date.setMonth(date.getMonth() + 1); date.setDate(0); date.setHours(23, 59, 59, 999); console.log(date) setMonth で対象の月 + 1の月をセットし、 setDate(0) で前月の月末日をセット => 対象の月の月末日が求められるというロジックである。 基本的には正常に機能していたのだが、対象の日付が 2024-10-31 の場合に、 2024-11-30 が出力さ
JavaScript

[Typescript]配列の要素からundefinedを取り除くいくつかの方法

やりたいこと 以下のような配列があったとする const stringWithUndefinedArray = ["a", "b", undefined, "c", "d"]; この場合、 stringWithUndefinedArray の型は (string | undefined)[] となる。 この状態から string[] に変換したい。 ダメな例 単純に以下のようにfilter関数を呼び出しても型は (string | undefined)[] のまま変わらない。 const stringArray = stringWithUndefinedArray.filt
TypeScript

更新が止まっているreact-quillを使用せずQuillを直接Reactアプリで使用する

はじめに WYSIWYG [https://ja.wikipedia.org/wiki/WYSIWYG]エディタを実装しているライブラリは色々ありますが、その中でもQuillは老舗で現在も開発が続いている有力なライブラリです。 そのQuillをReactに統合したものがreact-quill [https://github.com/zenoamaro/react-quill]になります。 使い方は非常に簡単でスター数も多い有力なライブラリだったのですが、残念ながら2年前から更新が途絶えており、現時点で更新が再開される様子もありません。 その間Quill本体はメジャーバージョンが2系にア
ReactQuill

MySQLのGROUP_CONCATの概要とその注意点について

はじめに MySQLにはGROUP_CONCAT [https://dev.mysql.com/doc/refman/8.0/ja/aggregate-functions.html#function_group-concat]という、グループ内の複数の行の値を連結して一つの文字列に変換できる便利な機能があります。 その使い方と注意点について記載していきます GROUP_CONCATの使い方 基本的な使い方 以下のように使用します。この例ではグループに所属するユーザーの名前を連結して取得するイメージです。 SELECT groups.name, GROUP_CONCAT(us
MySQL

療育施設の保育士さんに教えてもらった子供の遊びとか、練習とか

折り紙のヘリコプター的なもの 下の子が療育施設で気に入っていたので、作り方教えてもらった。 作り方ググっても全然出てこないから、忘れないうちにブログに書いておきたい。 ちなみに、上の子と一緒に作って下の子にプレゼントする、みたいな一連の流れをやりたかったんだけど、結局兄弟で奪い合いになってて笑った。 紙に渦巻きを書いて、ハサミで切る 波線やギザギザ線を切るのにハマっていると言ったら、それの発展系で渦巻きの線に沿って切ることをお勧めされた。 最終的に蛇みたいな形になるのも良くて、自分で何かを作り出すという体験になる。 消しゴムの練習 ボールペンやマジックで絵を描いて、それ
子育て

VSCodeでローカルLLMを使用したコーディング支援

GitHub CopilotやCursor [https://www.cursor.com/]に課金しなくても、ローカルでLLM動かしてVSCodeから呼べばタダでAIによるコーディング支援を得られるという話。 対象環境はmacOSです。 まずはローカルLLMを準備する。 一番手っ取り早くインストールできそうなollama [https://ollama.com/download]を使用する。 ollamaのサイトでDLしたollama.appを開く。インストールウィザードが始まるので Next をクリック Install 表示されたコマンドをコピペしてターミナルで実行。l
VSCode

Prismaを使用してCloudflare D1のmigration

はじめに Prismaを使用sてCloudflare D1のDB migration実行を試す。 CLOUDFLARE D1とは Cloudflareが提供するSQLiteをベースとした分散型DB。 Cloudflare Workersとシームレスに統合されるよう設計されている。今回実装するコードも最終的にCloudflare Workersにデプロイする。 進め方 Cloudflareの公式ドキュメント [https://developers.cloudflare.com/d1/tutorials/d1-and-prisma-orm/]を参考にしつつ、以下の順に進める
Cloudflare

8番らーめんの野菜こく旨らーめんに感じた変化

8番らーめんが大好きで、その中でも野菜こく旨らーめん [https://www.hachiban.jp/menu/category/item/?pid=16&rid=200036]が最も好きで、限定麺を除けば常に頼んでいる。 そんな大好きな野菜こく旨らーめんに見過ごせない変化が現れていた。 一見するといつも通りの野菜こく旨らーめんなのだけれど、「お好みでおろしニンニクをプラス！」なる見慣れぬ文言が追加されている。 8番らーめんは卓上調味料におろしニンニクはないので、わざわざ別で頼む必要があるのか？と思ってメニューをみたけどそれらしいものは見当たらない。 店員さんに言えば持ってきてく
食べたもの

SquarespaceからCloudflareにドメイン移管する

元々Google Domains [https://domains.google/intl/ja_jp/]で取得していたドメインがGoogle Domainsのサービス終了に伴いSquarespace [https://www.squarespace.com/]に移管された。 だからといって特に問題があるわけではなかったが、ドメインは全てClooudflareでまとめて管理したかったのでこれを機に移管することにした。 以下作業手順 1. Squarespaceのダッシュボード [https://account.squarespace.com/]にログインし、ドメインロックを解除
Cloudflare

新高岡駅から大阪駅までの記録

出張のため初めて大阪方面に新幹線で向かった記録。 車で新高岡駅まで向かう。市営新高岡駅第1駐車場 [https://www.city.takaoka.toyama.jp/soshiki/toshikeikakuka/2/3/1/4669.html]に駐車、24時間600円。 魚民の奥、建設中のヤマダ電機の手前にあるのが第1駐車場。 ホームに入ると何もないので、駅構内のセブンでお土産を買っておく。 改札を入ってすぐのところに駐車券認証機があるので、駐車券を通す。これで600円割引に。 福井行きは2番乗り場。 USBポートあると思ったらコンセントしか無かった。充
雑記

[Go]キャッシュを活用しつつVimeo APIリクエストを行う

Vimeoのサムネイル画像をgoで実装しているwebサーバーで取得する必要が出てきた。 go-vimeo [https://github.com/silentsokolov/go-vimeo]というサードパーティのライブラリが存在するが、今回はサムネイル画像取得だけが目的なので、直接APIリクエスト処理を実装した。 以下実装 func NewRepository(logger Logger, redisAddrs []string) *repository { rdb := redis.NewClusterClient(&redis.ClusterOptions{ Addrs:
Vimeogo

寝かしつけファイナルファンタジー

寝る前にハイになっている子供を落ち着かせるため、Youtubeで「あかちゃん 眠れる」みたいなワードで出てくる音楽を流している。 たいていシナプシュあたりを流しているんだけど、飽きてきたなーと思ったり。シナプシュは好きなんだけど。 そんな折たわむれに「ファイナルファンタジー 眠れる」で検索すると、スクエニが公式で入眠系のFF音楽動画を出しているのを発見。 これがまぁ大変良いもので、ピアノの音色に小波のような効果音が重なっていてちゃんと眠れる雰囲気になっている。 選曲も絶妙で、1曲目から「Melodies Of Life」で最高にエモい。無料着メロサイトで16和音のFFアレンジ着
子育て

梅雨の終わり

上の子が朝4時ごろに起きて翻弄されている。 暑くて寝苦しいせいか、おもむろに目覚めて「牛乳飲む・・」と言い始め、牛乳を飲むとそのまま目覚めてしまう。 そこからずっと起きているのだけど、途中で眠たくなるのか保育園に行く時間になっても「保育園行かない・・」とボイコットを始めるので困る。 なんとか頑張って前向きなってもらおうと説得しているうちに、下の子がおもちゃを床にばら撒きはじめて天を仰ぐ。 1年半前に買ったやたらと高価な掃除機が昨日壊れたのも尾を引いていて、本当に気持ちが滅入っている。 なんとか保育園の玄関に着いたところ、離れたくなくて抱っこをせがんでくる。 いつも5秒間だけ抱っ
子育て

Vimeoの動画のメタ情報を取得する

oEmbed API [https://developer.vimeo.com/api/oembed/videos]を使用することで可能。 パブリックに公開されている動画に関しては単純なGETリクエストで取得可能。以下はTypeScript(+ axios)を使用した例。 export const getVimeoVideoMeta = async (videoUrl: string) => { // クリパラメータは動画URLを使用する。動画IDではないので注意 const response = await axios.get(`https://vimeo.com/api/oem
Vimeo

S3の署名付きURLを発行する際DL時のファイル名を動的に設定する(go言語)

やりたいこと S3のファイルの署名付きURLを発行してDLさせる際、ファイル名を指定したい 実現方法 SetResponseContentDisposition [https://docs.aws.amazon.com/sdk-for-go/api/service/s3/#GetObjectInput.SetResponseContentDisposition]を使用して attachment と filename を設定する。 CONTENT-DISPOSITIONとは Content-Disposition [https://developer.mozilla.org/ja/
goAWS

2024春ドラマ感想

アンメット [https://www.ktv.jp/unmet/] 今期最高のドラマだったかも。 毎日寝て起きて昨日のことを覚えていることが、実は奇跡みたいなことなんだと再認識させられた。 それと、書いて残すことの意義というか、尊さというか、そういったものも強く感じた。なんでもいいから書いて残そうって気持ちが高まったので、こうしてブログを書いている。 95 [https://www.tv-tokyo.co.jp/tx_95/] 富山で生まれ育った身としては、95年の東京の空気感とかよくわからないし、どこに向かっているのかよくわからない脚本で見ていて置いてけぼり感があった。 ただ
雑記