Docswellを使いましょう

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

本当は難しい フロントエンド

2.

お前は誰やねんって話 443 (@basketyossy)です。 株式会社 SABU エンジニアリーダー、 ITエンジニア 7年目 20歳の時にパソコンほぼ触れない状態から IT業界へ無鉄砲転身 Globee(HTMLコーディング) →foxcaleでリードエンジニア →fixer デリバリー・設計責任者 → 現在医療業界へ突入 で、色んな現場でフロントエンドの地獄を見てきました 世の中のフロントエンドエンジニアの程度が低すぎる問題につい て話します (27)

3.

現場の地獄エピソード 1. 依存関係ぐちゃぐちゃでリファクタリング不可能 a. b. 2. 3. 1から作った方が早い テストもないから動作確認不可 デザインライブラリに直依存 →デザイン変更で阿鼻叫喚 「影響範囲でかいから新コンポーネント作ったれ!」 →似たようなButton×10個 …… 2年くらい前に何となく作られたフロントエンドアプリとかマジで大概こんな感じです

4.

フロントエンドは簡単、、、、?? まじで大嘘だと思ってます。 - Solid 原則 レイヤードアーキテクチャ バックエンドだと必須の内容もフロントエンドの現場だとほとんど聞かない、、、 何となく書いたコードは動くだけ、、、、結果的に保守運用できない魔物誕生!!

5.

じゃあ実際どうすればええねん ... → アーキテクチャを学びましょう

6.

コンポーネントアーキテクチャの最適解 Propsのみ依存のインターフェース設計 命名規則によるDIパターン 依存性の逆転 index.ts Next.js/App Router を CleanArchitecture風に構築してみた https://zenn.dev/ficilcom/articles/clean_architecture_for_frontend 2025/09/27 access

7.

最後に 今日この出会いが、世の中のクソ雑魚フロントエンジニアを超えていくための踏み台になることを切 に願っています