Blog
March 2, 2025
Category : つぶやき
プロダクト開発における最近の考え
前書き現在、所属している企業でフロントエンドエンジニアとして、UI周りのリプレイスを行なっております...
February 19, 2025
Category : メモ
Atomic Designを用いたコンポーネントの実装について(atoms〜organisms)
基本方針一貫した実装が可能であること実装者とデザイナー間で認識を共有できる状態を作ることスタイリング...
February 16, 2025
Category : メモ
Storybookを用いたテスト戦略について考えてみた
はじめにフロントエンド開発において、品質を担保するためのテスト戦略について、認識を掴むためにインプッ...
February 9, 2025
Category : テクノロジー
Beatboxコミュニティのデジタル化への挑戦 - プラットフォーム構想についての考察
先日、同世代のbeatboxerであり、オーガナイザーでもあるMarioHashと、私が所属している...
January 30, 2025
Category : DDD
DDDやってみた
はじめに今回はDDDのディレクトリ構成、ドメインモデリングを実装をイメージできるようになるために行い...
January 23, 2025
Category : つぶやき
UI/UXについての現在の認識
はじめにエンジニアとして実装周りのインプット・アウトプットしていると外に出ることを忘れてしまう。息抜...
January 16, 2025
Category : セキュリティ
CSRF攻撃について
どういうもの？通常はログイン実行後、認証されているユーザー削除を実行することができる。削除の実行処理...
January 11, 2025
Category : セキュリティ
XSS攻撃手法について
XSSとは攻撃者が不正なスクリプトを攻撃対象者が表示している画面に挿入して、ユーザーに不正なスクリプ...
January 1, 2025
Category : セキュリティ
Content-Security-policyによるアクセス制限
前書き フロントエンドエンジニアとして従事する中でセキュリティを意識した実装が必要と感じたインシデン...
December 31, 2024
Category : メモ
UXデザインの法則をピックアップ
前書きフロントエンドエンジニア（以降、「FE」という。）はUXデザイナーから上がってきたデザインのU...
December 26, 2024
Category : エンジニア思考
team geekを読んだまとめ
前書きteem Geekを読んで気になったところ、意識するべき内容について投稿します。開発チームの役...
December 23, 2024
Category : アドベントカレンダー2024
アウトプット継続と意識していること
前書き自身が勤めている企業でアドベントカレンダーを実施しており、その際に投稿した内容について共有させ...
December 19, 2024
Category : Next.js
CSR × SSRを用いたサイトの実装
実現したいことpage.tsx上にcomponetsを参照してStateなどを管理できるよようにした...
December 13, 2024
Category : オブジェクト指向
ポリモーフィズムについて
はじめに今回は、通知システムの実装を通じて、ポリモーフィズムがどのように保守性と拡張性の向上について...
December 1, 2024
Category : つぶやき
インスタンスについて
背景インスタンスを用いた実装を行う際、意識してインスタンスを使用したことがなかった。１つの処理を通し...
November 23, 2024
Category : Next.js
shadcn/UIを用いたコンポーネント設計
今回は、フロントエンド開発でホットな話題となっているUIコンポーネントライブラリについて、特にsha...
November 15, 2024
Category : Next.js
Next.js app/apiの使い方
はじめに外部連携のAPIと独自実装のAPIの実装の違い・管理方法について思考の整理をするためにこの記...
November 10, 2024
Category : メモ
Next.jsにおけるデータフェッチの配置についての考え方
背景Next.jsアプリケーションを開発する際、データフェッチをどこに配置するかは重要な設計上である...
November 3, 2024
Category : メモ
オブジェクトとドメインモデルの違い
オブジェクトとドメインモデルの違いドメインとは、解決したい特定の問題領域を示す。「オブジェクトUI指...
October 30, 2024
Category : メモ
メモ - srcとdistディレクトの役割
src（ソース）ディレクトリ開発者が直接編集するコード置き場人間が読みやすい形式で書かれているコンパ...
October 27, 2024
Category : アーキテクチャ基礎
アーキテクチャ特性
アーキテクチャとは？ドメイン機能に直接関連しないが、ソフトウェアとして満たす必要のある要件アーキテク...
October 25, 2024
Category : つぶやき
どうでもいい呟き〜シリーズ１〜 悔しい
ここ数日、実装面で要件をすっ飛ばして、余計な実装をしてしまうことがある。これは完全に自分が要件を認識...
October 19, 2024
Category : エンジニア思考
技術検証方法・思考について
背景GmailAPIを用いた実装が必要になり、Laravelの実装で連携のために必要な認証情報をどの...
October 17, 2024
Category : オブジェクト指向UI
オブジェクト指向UIの設計ステップ - ビューとナビゲーションの検討
前書き今回はビュー同士の呼び出しの関係性について考えていきます。オブジェクト指向UIにおいて、オブジ...
October 14, 2024
Category : オブジェクト指向UI
オブジェクト指向UIの設計ステップ - オブジェクトの抽出について
前書きオブジェクト指向UIとは何か？という記事を公開しました。上記の記事に引き続き、オブジェクト指向...
October 12, 2024
Category : メモ
Local環境でmicroCMSのtiff画像が表示されない。
結論Production・Local環境を揃えるためには、srcプロパティに対して、下記のようにパラ...
October 3, 2024
Category : テクノロジー
オブジェクト指向UIとは何か？
はじめに今日のブログでは、オブジェクト指向UIデザインについてみていきます。著書：オブジェクト指向...
September 26, 2024
Category : テクノロジー
Next.js × microCMS リッチテキストディタのスタイル反映（CSS適用）について
microCMSを使ってブログを作成している時に遭遇した問題と、その解決方法についてのつぶやき現状の...
September 23, 2024
Category : つぶやき
Blog始めます！！！
東京在住のHIROTOです。趣味でHumanBeatboxというパフォーマンスを行いながら、都内の企...