BLOG

Tech & Music Articles

67件の記事
01
設計

設計とユニットテストでデグレはどこまで防げるか ― 層ごとにテストの意味を一つにする

02
Next.js

UX はフレームワークが作らない ― Next.js 批判に感じた、統一性と体験の責任の置き場所

03
設計

画面は情報設計の代弁者ではない — 共有バックエンドを画面ではなくドメインの語彙で切り直した話

04
キャリア

誠実であること、ユーザーを見ること。それが私の軸です。

05
設計

共通基盤は「構造を入れる」ことではない — マルチプロダクトでクリーンアーキテクチャを拡張する

06
設計

ドメインモデリングが崩れると構造全体が崩れる — DDD における設計の土台

07
アーキテクチャ

設計違反が型エラーになるバックエンド — Capability Token・純粋関数 DDD・クリーンアーキの全体像

08
設計

モノレポ × モノリスという選択 ― 目的・歴史・企業規模から逆算する個人開発の構造

09
設計

コンポーネント設計が先、JSONハーネスは最後 ― UIの仕様を「上書き禁止」で閉じ込める

10
設計

土台と上物を分ける:フレームワーク・ランタイム・言語の交換可能性を前提にした設計

11
設計

なぜ設計にこだわるのか:品質を仕組みで守り、価値提供を止めないために

12
設計

テスト戦略:I/O契約を守り、内部実装を自由にする

13
設計

エラーハンドリングの設計:「何が起きたか」と「どう返すか」を分離する

14
技術

Hono Context / Request の仕組みと フレームワーク間の互換性

15
キャリア

退職エントリ:HR業界を離れるにあたって

16
DB設計

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

17
設計

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

18
アーキテクチャ

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

19
アーキテクチャ

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

20
アーキテクチャ

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

21
アーキテクチャ

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

22
オブジェクト指向

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

23
オブジェクト指向

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

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

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

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

React Server Components と Client Components の仕組み

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

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

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

MCPとAI Agentについての考察

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

43
DDDやってみた
DDD

DDDやってみた

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

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

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

CSRF攻撃について

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

XSS攻撃手法について

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

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

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

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

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

team geekを読んだまとめ

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

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

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

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

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

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

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

インスタンスについて

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

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

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

Next.js app/apiの使い方

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

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

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

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

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

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

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

アーキテクチャ特性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Blog始めます!!!