BLOG

Tech & Music Articles

52件の記事
01
DB設計

テーブルは自分のことだけを知っていればいい ― 中間テーブルと責務の分離

02
設計

FSDとアプリケーション全体の設計 ── client applicationの設計思想をどう位置づけるか

03
アーキテクチャ

なぜAtomic Designを採用するのか ― UIコンポーネント設計における判断基準

04
アーキテクチャ

shadcn/ui をどう扱うか ― 「使う」から「取り込む」への設計判断

05
アーキテクチャ

SaaS is dead? ――AIはUIを殺すのか?ドメイン特化型UI・MCP・デザイナーの役割から多角的に考察する

06
アーキテクチャ

クリーンアーキテクチャにおける依存関係の集約 〜 Composition Root パターンの導入

07
オブジェクト指向

TypeScriptでクロージャを使った真のカプセル化を実現するEntity設計

08
オブジェクト指向

ソフトウェアの複雑さと向き合うなぜ今、モデリングを再定義するのか

09
Next.jsのCI/CDビルドで「DATABASE_URL is not defined」エラーが発生する原因と解決策
Next.js

Next.jsのCI/CDビルドで「DATABASE_URL is not defined」エラーが発生する原因と解決策

10
React Server Components と Client Components の仕組み
React

React Server Components と Client Components の仕組み

11
microCMSからGit管理のMarkdownブログへ移行した話
技術

microCMSからGit管理のMarkdownブログへ移行した話

12
MCPとAI Agentについての考察
つぶやき

MCPとAI Agentについての考察

13
GTM APIにOAuth 2.0で接続する方法
メモ

GTM APIにOAuth 2.0で接続する方法

14
ユーザーロール管理の設計で悩んだこと
つぶやき

ユーザーロール管理の設計で悩んだこと

15
オブジェクト生成の課題と解決策
オブジェクト指向

オブジェクト生成の課題と解決策

16
責務を理解して実装を心がけよう
つぶやき

責務を理解して実装を心がけよう

17
なぜShadCN/UIが選ばれるのか?UIライブラリの進化と最適解
エンジニア思考

なぜShadCN/UIが選ばれるのか?UIライブラリの進化と最適解

18
埋め込みコンテンツの最適化:postMessage APIを活用したレスポンシブ対応
メモ

埋め込みコンテンツの最適化:postMessage APIを活用したレスポンシブ対応

19
メモ:Drizzle ORMのreferencesとrelationsの違い
database

メモ:Drizzle ORMのreferencesとrelationsの違い

20
SSRとCSRを組み合わせたレンダリングの設計について考えた
Next.js

SSRとCSRを組み合わせたレンダリングの設計について考えた

21
データベースにおけるプロパティ管理:enumとマスターテーブルどっちにしようか
database

データベースにおけるプロパティ管理:enumとマスターテーブルどっちにしようか

22
個人プロダクトのモノレポプロジェクト全体像について
メモ

個人プロダクトのモノレポプロジェクト全体像について

23
個人開発のフロントエンド周りの設計について
アーキテクチャ基礎

個人開発のフロントエンド周りの設計について

24
プロダクト開発における最近の考え
つぶやき

プロダクト開発における最近の考え

25
Atomic Designを用いたコンポーネントの実装について(atoms〜organisms)
メモ

Atomic Designを用いたコンポーネントの実装について(atoms〜organisms)

26
Storybookを用いたテスト戦略について考えてみた
メモ

Storybookを用いたテスト戦略について考えてみた

27
Beatboxコミュニティのデジタル化への挑戦 - プラットフォーム構想についての考察
テクノロジー

Beatboxコミュニティのデジタル化への挑戦 - プラットフォーム構想についての考察

28
DDDやってみた
DDD

DDDやってみた

29
UI/UXについての現在の認識
つぶやき

UI/UXについての現在の認識

30
CSRF攻撃について
セキュリティ

CSRF攻撃について

31
XSS攻撃手法について
セキュリティ

XSS攻撃手法について

32
Content-Security-policyによるアクセス制限
セキュリティ

Content-Security-policyによるアクセス制限

33
UXデザインの法則をピックアップ
メモ

UXデザインの法則をピックアップ

34
team geekを読んだまとめ
エンジニア思考

team geekを読んだまとめ

35
アウトプット継続と意識していること
アドベントカレンダー2024

アウトプット継続と意識していること

36
CSR × SSRを用いたサイトの実装
Next.js

CSR × SSRを用いたサイトの実装

37
ポリモーフィズムについて
オブジェクト指向

ポリモーフィズムについて

38
インスタンスについて
つぶやき

インスタンスについて

39
shadcn/UIを用いたコンポーネント設計
Next.js

shadcn/UIを用いたコンポーネント設計

40
Next.js app/apiの使い方
Next.js

Next.js app/apiの使い方

41
Next.jsにおけるデータフェッチの配置についての考え方
メモ

Next.jsにおけるデータフェッチの配置についての考え方

42
オブジェクトとドメインモデルの違い
メモ

オブジェクトとドメインモデルの違い

43
メモ - srcとdistディレクトの役割
メモ

メモ - srcとdistディレクトの役割

44
アーキテクチャ特性
アーキテクチャ基礎

アーキテクチャ特性

45
どうでもいい呟き〜シリーズ1〜 悔しい
つぶやき

どうでもいい呟き〜シリーズ1〜 悔しい

46
技術検証方法・思考について
エンジニア思考

技術検証方法・思考について

47
オブジェクト指向UIの設計ステップ - ビューとナビゲーションの検討
オブジェクト指向UI

オブジェクト指向UIの設計ステップ - ビューとナビゲーションの検討

48
オブジェクト指向UIの設計ステップ - オブジェクトの抽出について
オブジェクト指向UI

オブジェクト指向UIの設計ステップ - オブジェクトの抽出について

49
Local環境でmicroCMSのtiff画像が表示されない。
メモ

Local環境でmicroCMSのtiff画像が表示されない。

50
 オブジェクト指向UIとは何か?
テクノロジー

オブジェクト指向UIとは何か?

51
Next.js × microCMS リッチテキストディタのスタイル反映(CSS適用)について
テクノロジー

Next.js × microCMS リッチテキストディタのスタイル反映(CSS適用)について

52
Blog始めます!!!
つぶやき

Blog始めます!!!