LINE Bot + Pixela で日々の活動を見える化した話 - プログラマってこんなかんじ？？

週末にこんな LINE Bot を作ってみたら、自分には思った以上に実用的だった🙃

ジョギングをすぐサボっちゃうのを見える化して何とかしたい、Notion 公式アプリは重いのでメモとるのが面倒～と思いついたのがきっかけ。

Notion

Pixela

LINE で入力したらこんな感じで反映される。

(以下、プログラマ向けの内容です)

Pixela について

活動記録などを GitHub のコミットログ (草) のように可視化してくれるサービス。

API が非常にシンプル、ドキュメントもしっかりしているので何もハマることがなかった。ここまでしっかりしたサービスを自分も提供できるようになりたい・・と思った。

今回 LINE での入力部分 (＝LINE Bot) を Nuxt3 (/server) で実現している。最近使い始めた Nuxt3 がどこまでできるか検証したかったのがその採用理由。(使いたかっただけ)

所感としては

正直盲点だったのだが、公式 SDK (Node.js) が「Express 前提」だった点。(Nuxt3 は基本 Nitro 前提)

ただ、調べると「Express で動作させる方法」も用意されており、

export default fromNodeMiddleware

を使えば実現可能であった。Nuxt3 よくできてる。

該当部分の実装はこんなかんじ。

今回は「Express 利用部分」を別フォルダ (/server_express) に切り出して実装。Nitro 利用部分と明確に分けたかったのが理由。

自分はフロントエンド本職ではないので正直このくらいしか思いつかなかったが、もしかしたらもっと簡単に実現できるのかもしれない。有識者の方お願いします🙇

個人開発、自分が好きなものを好きに作るだけで、勝手に自身のスキル強化にもなってよいな・・と改めて思った。

Nuxt3 完全に理解した。というわけで Nuxt3 案件お待ちしています🤣