メインコンテンツへスキップ
ブログサイトのロゴsui Tech Blog

Blog

Total 114 posts
4分
LineMessagingAPICloudflareWorkersNotion

LINE Messaging APIから自動でGitHubにPRを発行する

ポートフォリオの技術記事投稿頻度をあげるためにNotion + Messaging APIでブログ記事を自動でPull Requestを発行できるようにしました。mdxファイルの作成はnotion-markdown-converterを使用しています。

記事を読む
1分
ポートフォリオブログ

ポートフォリオにブログページを追加しました

ポートフォリオサイトにブログページを追加しました。今後はZennやQiitaで投稿していた内容を、こちらに集約する想定です。

記事を読む
3分
HonoHonoX

HonoXで短縮URL作成サイトをつくる

HonoXで短縮URL作成サイトを作成します。基本的な環境構築が終わっているsetupブランチから完成版までの変化を追いながら、実装の流れを解説します。

記事を読む
2分
DockerKubernetes

Podがなにか分からないから弁当ケースで表現してもらう

KubernetesのPodとは何かを弁当ケースに例えて理解します。1つ以上のコンテナをまとめたものであるPodの概念を、実務で遭遇した場面から学んだことをまとめました。

記事を読む
2分
CSSMarp

Marpで企業ロゴが入ったスライドを作成する

Marpで企業ロゴが入ったスライドを作成する方法を解説します。gaiaテーマとCSSの::after疑似要素を活用してヘッダーの右上にロゴを配置する実装を紹介します。

記事を読む
1分
TypeScript

もう少し楽にBranded Typeを使えるようにしたい

Branded Typeを簡単に生成できるツールを作成しました。似たような名前のIDやデータを扱う際の型安全性を高め、間違った型を使う可能性を減らすことができます。

記事を読む
2分
ポエム

2025年は毎日ベッドメイキングだけやればいい。

ベッドメイキングから始まる小さな成功体験の重要性についてのポエム。

記事を読む
9分
TypeScriptクリーンアーキテクチャSOLID原則

手を動かして理解するクリーンアーキテクチャ

クリーンアーキテクチャの概要をざっくり理解し、実際に手を動かして実装することで腹落ちを目指します。関心ごとの分離と依存関係の方向性について解説します。

記事を読む
3分
TypeScript

手を動かして理解するBranded Type

Branded Typeの概要と実装方法を手を動かして理解します。プリミティブ型に目印を付与して型安全性を高めるテクニックを、既存リポジトリへの適用を通じて学びます。

記事を読む
3分
PostgreSQLデータベース

初めての実行計画と「ANALYZE」で統計情報の再計算を行う

開発環境で正常に動作していたSQLが検証環境でタイムアウトする問題に対して、EXPLAIN ANALYZEを用いた実行計画の改善と統計情報のリセット方法を解説します。

記事を読む
6分
APIWebAPIアニメ

アニメ情報を取得するWebAPIを実際にリクエストして、比較してみる

アニメ情報を取得するWebAPI(ShangriLa Anime API、Annict API、MyAnimeList API)を実際にリクエストして比較検証しました。各APIの特徴と違いを解説します。

記事を読む
3分
Next.js個人開発Recharts

住んでいる地域の人口増減を一目でわかるWebサイトをつくった

都道府県と市区町村を選択するだけで、その地域の人口動態を可視化できるWebサイトを作成しました。Next.js、Recharts、shadcn/uiを使用した実装を紹介します。

記事を読む