BLOG

Tech & Music Articles

50件の記事
01
アーキテクチャ

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

02
アーキテクチャ

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

03
アーキテクチャ

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

04
アーキテクチャ

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

05
オブジェクト指向

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

06
オブジェクト指向

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

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

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

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

React Server Components と Client Components の仕組み

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

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

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

MCPとAI Agentについての考察

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

26
DDDやってみた
DDD

DDDやってみた

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

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

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

CSRF攻撃について

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

XSS攻撃手法について

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

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

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

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

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

team geekを読んだまとめ

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

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

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

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

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

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

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

インスタンスについて

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

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

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

Next.js app/apiの使い方

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

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

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

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

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

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

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

アーキテクチャ特性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Blog始めます!!!