接客業から転身し医療系スタートアップの内製化を完遂したテックリード・係長が、TypeScript / React / NestJS / LangChain / Claude Code の現場知識とチームビルディングを発信するブログ。https://www.taka-techblog.com/https://www.taka-techblog.com/blog/reverse-proxy-cache-design/https://www.taka-techblog.com/blog/reverse-proxy-cache-design/リバースプロキシがなぜ必要かをバッファリング・Keep-Alive・URLルーティングの観点から整理し、NginxとCDNを組み合わせた実践的なキャッシュ設計パターンを解説する。Sun, 24 May 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/mysql-replication-design/https://www.taka-techblog.com/blog/mysql-replication-design/MySQLのレプリケーションの仕組み（バイナリログ・マスタ/スレーブ構成）から、読み取り分散・フェイルオーバー設計、AWSのRDS Multi-AZやAurora Read Replicaとの対応関係まで整理する。Sun, 10 May 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/linux-load-average-deep-dive/https://www.taka-techblog.com/blog/linux-load-average-deep-dive/「ロードアベレージが高い＝CPUが重い」は誤解。プロセスの状態遷移からロードアベレージの正体を理解し、sar・vmstat・psを使ってCPUとI/Oのボトルネックを正確に切り分ける方法を解説する。Mon, 27 Apr 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/server-infra-book-review/https://www.taka-techblog.com/blog/server-infra-book-review/「24時間365日 サーバ/インフラを支える技術」をテックリード視点で評価。冗長化・負荷分散・パフォーマンスチューニング・省力運用の設計思想が現代のAWSインフラ設計にどう活きているかを整理する。Mon, 13 Apr 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/rest-api-write-design/https://www.taka-techblog.com/blog/rest-api-write-design/REST APIの書き込み操作（POST・PUT・PATCH・DELETE）における冪等性の確保、トランザクション設計、楽観的ロック・悲観的ロックの実装パターンをNestJS/TypeScriptのコード例で解説。Tue, 31 Mar 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/http-cache-guide/https://www.taka-techblog.com/blog/http-cache-guide/Cache-ControlディレクティブとETag・Last-Modifiedによる条件付きGET、CDNキャッシュ設計まで。HTTPキャッシュの仕組みを根本から理解して実務のパフォーマンス改善に活かす。Tue, 17 Mar 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/web-architecture-rest-history/https://www.taka-techblog.com/blog/web-architecture-rest-history/なぜRESTはステートレスでなければならないのか。SOAPはなぜ負けたのか。Webを支える技術をもとに、RESTの誕生から設計思想の核心まで歴史的背景とともに整理する。Tue, 03 Mar 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/web-technology-book-review/https://www.taka-techblog.com/blog/web-technology-book-review/Webを支える技術（山本陽平著）をテックリード視点で評価。HTTP・URI・RESTの設計思想を体系的に学べるこの本が、現場でどう活きているかを正直に書く。Wed, 18 Feb 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-regexp-practical/https://www.taka-techblog.com/blog/javascript-regexp-practical/JavaScriptのRegExpを使った文字列検索・置換・バリデーションの書き方を解説。メールアドレス・電話番号・郵便番号などフォームバリデーションでよく使うパターンをTypeScriptで整理。Wed, 04 Feb 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-fetch-api-practical/https://www.taka-techblog.com/blog/javascript-fetch-api-practical/JavaScriptのFetch APIの基本から、POST送信・エラーハンドリング・タイムアウト・ReactのuseEffectとの組み合わせまで実務で使うパターンをコード例で整理する。Thu, 22 Jan 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-map-set-practical/https://www.taka-techblog.com/blog/javascript-map-set-practical/JavaScriptのMapとSetを、よく使うArrayと比較しながら解説。重複除去・高速キー検索・順序保証など、実務でMapとSetを選ぶべき場面をコード例とともに整理する。Thu, 08 Jan 2026 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-honkaku-nyumon-review/https://www.taka-techblog.com/blog/javascript-honkaku-nyumon-review/ECMAScript 2022対応に大幅改訂されたJavaScript本格入門を、独学からテックリードになったエンジニアが評価。どの章が実務で役立ったか、どんな読者に向いているかを正直に書く。Thu, 25 Dec 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/nextjs-stripe-payment/https://www.taka-techblog.com/blog/nextjs-stripe-payment/Next.jsにStripeを組み込んでEC決済を実装する手順を解説。Checkout Session作成・Webhook受信・エラーハンドリング・本番公開前チェックリストまで、TypeScriptのコード例で体系的にまとめる。Fri, 12 Dec 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/frontend-accessibility-intro/https://www.taka-techblog.com/blog/frontend-accessibility-intro/WAI-ARIA・セマンティックHTML・キーボード操作・コントラスト比など、ReactとNext.jsプロジェクトで押さえるべきアクセシビリティの基本を実装例とともに解説。医療系システムの現場での実体験もあわせて紹介。Fri, 28 Nov 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/nextjs-deployment-strategy/https://www.taka-techblog.com/blog/nextjs-deployment-strategy/Next.jsアプリのデプロイ先としてVercel、AWS（S3+CloudFront、Amplify、EC2）、Herokuを比較。SSG・SSR・ISRの特性も踏まえ、プロジェクト規模・要件ごとの選択基準を実務経験から整理する。Sat, 15 Nov 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/css-in-js-styled-components-vs-modules/https://www.taka-techblog.com/blog/css-in-js-styled-components-vs-modules/CSS-in-JSのstyled-componentsとCSS Modulesをパフォーマンス・DX・チーム開発の観点で比較。Next.js + TypeScriptプロジェクトでどちらを選ぶべきか、実務経験をもとに判断基準を整理する。Sat, 01 Nov 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/typescript-utility-types-practical/https://www.taka-techblog.com/blog/typescript-utility-types-practical/TypeScriptのUtility Types（Partial、Required、Pick、Omit、Record、ReturnTypeなど）をReact/Next.js実務で使うパターンをコード例付きで解説。any禁止チームが型安全を保つための具体的なテクニック集。Sat, 18 Oct 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/ai-team-adoption-monster/https://www.taka-techblog.com/blog/ai-team-adoption-monster/個人アカウントでこっそり使い始めたAIを社内に広めた経緯。使わない部下、使われすぎた本部長、その間でAIの限界値を知った自分。3者の姿から見えてきたこと。Sun, 05 Oct 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/techlead-mask-3years/https://www.taka-techblog.com/blog/techlead-mask-3years/独学・実務未経験からテックリードに任命された3年間。孤独との戦い、辞めようと思った瞬間、AIが相談相手になるまで。戦術ではなく、人間としての記録。Sun, 21 Sep 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/solo-techlead-ai-survival/https://www.taka-techblog.com/blog/solo-techlead-ai-survival/コード管理・要件定義・採用・品質管理まで一人で回す3人チームの現実。孤独だった技術責任者にとってAIが何を変えたか。Mon, 08 Sep 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/react-nextjs-selection/https://www.taka-techblog.com/blog/react-nextjs-selection/治験CRMではSPA、このブログではSSGを選んだ理由を実体験から整理。App Router vs Pages Router、CSR/SSR/SSG/ISRそれぞれのユースケースと実務での判断基準をまとめます。Mon, 25 Aug 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/communicating-it-value-to-executives/https://www.taka-techblog.com/blog/communicating-it-value-to-executives/技術を経営言語に変える翻訳作業。半端に齧ってる上司ほど手強い。内製化500万円削減の伝え方、社長に直接呼ばれた日のこと、翻訳係として3年やってきたこと。Tue, 12 Aug 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/ai-meeting-notes-structured/https://www.taka-techblog.com/blog/ai-meeting-notes-structured/ノートテイカーツールで自動生成された要約が使えない理由と、「決定事項・アクションアイテム・未解決課題」に分けて構造化するプロンプト設計の考え方。Tue, 29 Jul 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/claude-code-as-design-partner/https://www.taka-techblog.com/blog/claude-code-as-design-partner/知らない領域の機能を設計するとき、Claude Codeは壁打ち相手と先生を同時にやってくれる。広告計測×AI分析機能の設計をマーケティング学習と同時並行でやった話。Tue, 15 Jul 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/claude-code-workflow/https://www.taka-techblog.com/blog/claude-code-workflow/医療系スタートアップでClaude Codeを実務導入した実録。Cursorとの使い分け、具体的な工数削減効果、医療・規制産業でのAIツール利用指針の整備、チームへの浸透の現実まで。Wed, 02 Jul 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/cursor-review-2025/https://www.taka-techblog.com/blog/cursor-review-2025/Cursorを実務で半年使い込んだ正直レビュー。Claude Codeとの使い分け・Agent機能の実力・Composer vs Chat・コスト感・NestJSでの実践まで。Wed, 18 Jun 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/gitlab-cicd-patterns/https://www.taka-techblog.com/blog/gitlab-cicd-patterns/医療系スタートアップのNestJS+React構成でGitLab CI-CDを運用してわかった設計パターン。「最後は人の手」を原則に、環境別デプロイ・キャッシュ戦略・手動承認ゲートの実際。Thu, 05 Jun 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-devops-github-actions/https://www.taka-techblog.com/blog/aws-devops-github-actions/GitHub ActionsからAWSへのデプロイをOIDC認証で実現し、アクセスキーを一切使わない安全なCI-CDパイプラインの構築方法を解説する。Thu, 22 May 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/github-actions-oidc-aws/https://www.taka-techblog.com/blog/github-actions-oidc-aws/AWSアクセスキーをSecretsに保存するのをやめた。GitHub ActionsのOIDC認証でIAMロールを一時取得するキーレスデプロイの設定方法を実例つきで解説。Thu, 08 May 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-s3-cloudfront-static-site/https://www.taka-techblog.com/blog/aws-s3-cloudfront-static-site/S3バケット設定・CloudFrontのOAC・CDKによるIaC・Invalidationの必要性まで、実際にこのブログで使っている構成と詰まったポイントを整理する。Fri, 25 Apr 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/astro-s3-cache-strategy/https://www.taka-techblog.com/blog/astro-s3-cache-strategy/AstroのビルドアーティファクトをS3+CloudFrontで配信するときのキャッシュ設計。immutableキャッシュとno-cacheの使い分け・デプロイ後の即時反映・CloudFront Invalidationのコスト管理まで。Fri, 11 Apr 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-cdk-first-pitfalls/https://www.taka-techblog.com/blog/aws-cdk-first-pitfalls/IaC初挑戦でAWS CDKを選んでこのブログのインフラを構築した際に直面した5つの壁と、その解決策をまとめました。CDK初心者が同じ穴にはまらないように。Sat, 29 Mar 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/astro-aws-cdk-cloudfront-blog/https://www.taka-techblog.com/blog/astro-aws-cdk-cloudfront-blog/放置していたWordPressブログを、AIが面倒を減らしてくれたから再挑戦できた。Astro SSG + AWS CDK + CloudFrontで月120円、AstroもCDKも初挑戦で構築した記録。Sat, 15 Mar 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/nestjs-langchain-crm-architecture/https://www.taka-techblog.com/blog/nestjs-langchain-crm-architecture/ベンダーから引き継いだNestJS+React+PostgreSQLの治験CRMに、LangChain.jsのRe-Actエージェントを追加した際のモジュール設計と判断の記録。Sat, 01 Mar 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/nestjs-crm-design/https://www.taka-techblog.com/blog/nestjs-crm-design/ベンダーから引き継いだNestJS製治験CRMの保守・改修を通じて理解したモジュール設計、Repositoryパターン、DTOバリデーション、エラーハンドリングの実際。Sun, 16 Feb 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/typescript-langchain-type-safe/https://www.taka-techblog.com/blog/typescript-langchain-type-safe/LangChain.jsの型定義の扱い方からストリーミングレスポンスの型安全な実装、カスタムChainの設計まで、医療系スタートアップのNestJS実務で得た知見をまとめました。Sun, 02 Feb 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/langchain-nestjs-ai-integration/https://www.taka-techblog.com/blog/langchain-nestjs-ai-integration/治験CRMへのAI統合でRAGを試みた結果、精度要件と相性が悪いと判断しRe-Actエージェント×ツールベースに切り替えた経緯。プロンプト設計の泥臭さも含めた実録。Mon, 20 Jan 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/clinical-trial-system-performance/https://www.taka-techblog.com/blog/clinical-trial-system-performance/治験システムの被験者管理・来院記録が蓄積されるにつれて発生したパフォーマンス問題。N+1解消・インデックス追加・ページネーション導入の改善プロセスを記録する。Mon, 06 Jan 2025 00:00:00 GMThttps://www.taka-techblog.com/blog/langchain-js-2025/https://www.taka-techblog.com/blog/langchain-js-2025/NestJSプロジェクトでLangChain.jsを実務投入して1年。バージョン変遷の激しさ・LCEL構文への移行・RAG実装・OpenAI SDKとの使い分けまで正直にレビュー。Mon, 23 Dec 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/makeshop-technical-notes/https://www.taka-techblog.com/blog/makeshop-technical-notes/新設されたグループ会社のIT環境を丸ごと代行整備した記録。ドメイン取得・メール・レンタルサーバー・コーポレートサイト・ECサイト（MakeShop）・アナリティクスまで、エンジニアが全部やるとこうなる。Tue, 10 Dec 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/engineer-hiring-lessons/https://www.taka-techblog.com/blog/engineer-hiring-lessons/人事は「システムわからない」、本部長は丸投げ。訳もわからず面接に引きずり込まれ、問題採用を経験し、諦めて戦略ごと自分で持つまでの話。Tue, 26 Nov 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/code-review-culture/https://www.taka-techblog.com/blog/code-review-culture/ベンダー引き継ぎ以来3年間、コードレビューを一人で担い続けた。AIを使った開発フローの自動化を進めている今、その先に何を目指しているか。Wed, 13 Nov 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/small-elite-team-design/https://www.taka-techblog.com/blog/small-elite-team-design/4人が3人になり、問題を抱えながらも動き続けるチームの現実。少数精鋭とは言えないが、少人数で機能させるために設計してきたことを書く。Wed, 30 Oct 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/playing-manager-reality/https://www.taka-techblog.com/blog/playing-manager-reality/コードを書きながら組織を設計する日常の実態を正直に書きます。時間配分・役割の切り替え方・限界・係長昇格後の変化まで、プレイングマネージャーのリアルな話。Wed, 16 Oct 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/release-flow-regulated-industry/https://www.taka-techblog.com/blog/release-flow-regulated-industry/ベンダーから引き継いだリリースフローを、監査対応で改めて理解した話。SOP・変更管理・ロールバック手順——規制産業のリリース管理が「なぜそうなっているか」がわかるまで。Thu, 03 Oct 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/git-chaos-1hour-before-release/https://www.taka-techblog.com/blog/git-chaos-1hour-before-release/ベンダー引き継ぎ直後、定期リリース1時間前にgitの大規模コミット混入が発覚。誰にも理解されない中、一人でmainブランチを放棄して切り抜けた話。Thu, 19 Sep 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/system-audit-experience/https://www.taka-techblog.com/blog/system-audit-experience/治験依頼会社による社内システムの監査に、テックリードとして技術面の対応を担当した実体験。事前準備から当日のQ&A対応、盲点だった観点まで赤裸々に紹介します。Fri, 06 Sep 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/csv-validation-guide/https://www.taka-techblog.com/blog/csv-validation-guide/医療・製薬業界で必須のCSV（コンピュータ化システムバリデーション）をエンジニア視点で解説。「スプレッドシートのCSVと違う」と知ったところから、実際にドキュメントを整備するまでの実務経験。Fri, 23 Aug 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/junior-engineer-spec-before-code/https://www.taka-techblog.com/blog/junior-engineer-spec-before-code/「会話が成立しない」「手が止まると考え込む」未経験エンジニアに対して、着手前の言語化習慣を導入した話。タスクを噛み砕いてから始めさせることで、何が変わったか。Fri, 09 Aug 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/coaching-junior-engineers/https://www.taka-techblog.com/blog/coaching-junior-engineers/答えを教えないコーチング型の指導で未経験エンジニア2名を育成した実践記録。タスクアサインの設計・質問への返し方・段階的なコードレビューの変化まで具体的に解説します。Sat, 27 Jul 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/technical-debt-strategy/https://www.taka-techblog.com/blog/technical-debt-strategy/ベンダーのコードを引き継いだ日から、技術的負債との戦いが始まった。「あなたのせいですよ」と笑われながら何もできなかった日から、今も板挟みが続く現実まで。Sat, 13 Jul 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/naisei-kansei/https://www.taka-techblog.com/blog/naisei-kansei/医療系スタートアップで外部ベンダーからシステムを引き継ぎ、内製化を達成した実録。技術的負債の解消、孤独との戦い、年間480万円の固定費をゼロにするまでの全プロセス。Sun, 30 Jun 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/docker-dev-environment/https://www.taka-techblog.com/blog/docker-dev-environment/「自分のPCでは動く」問題を撲滅するためにDocker開発環境を整備した話。docker-compose設計・.env管理・M1/M2 Macの罠・NestJS+PostgreSQL構成まで実践的にまとめます。Sun, 16 Jun 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/high-availability-design-spof/https://www.taka-techblog.com/blog/high-availability-design-spof/単一障害点（SPOF）を排除し、障害が起きても自動で切り替わる仕組みを作るための高可用性設計の考え方。Active-Standby・Active-Activeの使い分けと実務の落とし穴。Sun, 02 Jun 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/web-performance-tuning-basics/https://www.taka-techblog.com/blog/web-performance-tuning-basics/「遅い」を直すにはまず計測。Webサーバ・キャッシュ・DBの3層でのチューニング手法と、サーバ/インフラを支える技術で整理した実務の考え方をまとめる。Mon, 20 May 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-rds-dynamodb-choice/https://www.taka-techblog.com/blog/aws-rds-dynamodb-choice/リレーショナルDBとNoSQLの特性を比較し、RDSとDynamoDBをどう選ぶかをデータ構造・アクセスパターン・スケール要件から整理する。Mon, 06 May 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-compute-ec2-lambda-ecs/https://www.taka-techblog.com/blog/aws-compute-ec2-lambda-ecs/AWSの3大コンピューティングサービスを特性・コスト・スケールで比較し、実務での判断フローと使い分け基準をテックリード視点で整理する。Tue, 23 Apr 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-cloudwatch-monitoring/https://www.taka-techblog.com/blog/aws-cloudwatch-monitoring/CloudWatchのメトリクス・アラーム・Logs Insightsを使ったAWSリソース監視の実務パターンを、テックリード視点で整理する。Tue, 09 Apr 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/techlead-first-90-days/https://www.taka-techblog.com/blog/techlead-first-90-days/横並びだった同僚と突然「上下関係」になる日が来た。先輩もいない、手引きもない。脆弱性診断、コードの読み込み、逆転した要件フロー——テックリード就任直後の3ヶ月を正直に書く。Tue, 26 Mar 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-vpc-subnet-design/https://www.taka-techblog.com/blog/aws-vpc-subnet-design/VPCのサブネット構成をパブリック・プライベートに分ける理由から、セキュリティグループとNACLの使い分けまで、実務視点で整理する。Wed, 13 Mar 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/aws-iam-least-privilege/https://www.taka-techblog.com/blog/aws-iam-least-privilege/IAMのロール・ポリシー・グループの使い分けを整理し、テックリードとして現場で踏んだミスと改善策を実務視点で解説する。Wed, 28 Feb 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/typescript-react-nextjs-book-review/https://www.taka-techblog.com/blog/typescript-react-nextjs-book-review/TypeScriptとReact/Next.jsでつくる実践Webアプリ開発を実務投入直前に読み、その後チームに展開するまでの体験談。初心者向けの入門書として買ったが、中級者になった今でも参照する理由を正直に書く。Thu, 15 Feb 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/typescript-react-nextjs-beginner-review/https://www.taka-techblog.com/blog/typescript-react-nextjs-beginner-review/エンジニア転職直後、TypeScriptもReactも「名前だけ知っている」状態で手に取った一冊の正直な評価。独学からの実務投入前に読んで何が役立ったか、何が足りなかったかを書く。Thu, 01 Feb 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/frontend-testing-practical-approach/https://www.taka-techblog.com/blog/frontend-testing-practical-approach/React + TypeScriptプロジェクトでのテスト方針。ユニット・インテグレーション・E2Eの使い分け、テックリードとして実務で落ち着いた優先度と運用方法をまとめる。Fri, 19 Jan 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/nextjs-seo-implementation/https://www.taka-techblog.com/blog/nextjs-seo-implementation/「Next.jsを使えばSEOは大丈夫」は誤解。App RouterでのMetadata API、OGP、JSON-LD、サイトマップの実装方法と実務での注意点をまとめる。Fri, 05 Jan 2024 00:00:00 GMThttps://www.taka-techblog.com/blog/storybook-team-adoption/https://www.taka-techblog.com/blog/storybook-team-adoption/テックリードとしてStorybookの導入を主導した経験から、コンポーネントカタログとして機能させるための運用方針と、正直な失敗談をまとめる。Fri, 22 Dec 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/nextjs-rendering-deep-dive/https://www.taka-techblog.com/blog/nextjs-rendering-deep-dive/ドキュメントを読めばわかるが実務判断が難しいNext.jsのレンダリング手法。複数プロジェクトの経験から判断フローと落とし穴を整理する。Sat, 09 Dec 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/atomic-design-in-practice/https://www.taka-techblog.com/blog/atomic-design-in-practice/React + TypeScriptのプロジェクトでAtomicDesignを採用したときの実体験。よかった点と困ったこと、Next.jsとの組み合わせでの実用的な運用方針をまとめる。Sat, 25 Nov 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/rest-api-design-web-basics/https://www.taka-techblog.com/blog/rest-api-design-web-basics/「Webを支える技術」でRESTの設計原則を体系的に学び直した記録。リソース指向のURL設計・統一インターフェース・冪等性の考え方を実例とともに整理する。Sun, 12 Nov 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/uri-design-best-practices/https://www.taka-techblog.com/blog/uri-design-best-practices/「わかりやすいURL」と「正しいURL」は別物。Webを支える技術をもとに、REST設計と整合するURI設計の原則と実務での判断基準を整理する。Sun, 29 Oct 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/http-methods-status-codes/https://www.taka-techblog.com/blog/http-methods-status-codes/GET/POST/PUT/PATCHの使い分けからステータスコードの正確な意味、キャッシュ制御ヘッダーまで、「Webを支える技術」で学び直したHTTPの実務知識を整理する。Sun, 15 Oct 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/server-infra-basics-for-frontend/https://www.taka-techblog.com/blog/server-infra-basics-for-frontend/DNS・負荷分散・冗長化など、フロントエンド寄りのエンジニアが「サーバ/インフラを支える技術」を読んで初めて腑に落ちたインフラの基礎知識をまとめる。Mon, 02 Oct 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/linux-server-operations-basics/https://www.taka-techblog.com/blog/linux-server-operations-basics/プロセス管理・ログ監視・ファイルシステム・パーミッションなど、フロントエンド出身のエンジニアがLinuxサーバ運用で実際に必要になった基礎知識を整理する。Mon, 18 Sep 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-dev-tools-eslint-jest/https://www.taka-techblog.com/blog/javascript-dev-tools-eslint-jest/後から開発ツールを入れると既存コードの修正が大変になる。ESLint・Prettier・Jest・Viteをプロジェクト初期に導入する手順と設定例を実務目線でまとめる。Tue, 05 Sep 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-class-module/https://www.taka-techblog.com/blog/javascript-class-module/classはシンタックスシュガーという基礎から、カプセル化・継承・ESモジュールまで。TypeScriptのinterface・abstractとの対応も含め実務目線で整理する。Tue, 22 Aug 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-array-methods/https://www.taka-techblog.com/blog/javascript-array-methods/forループからArray高階関数へ移行した理由から、map・filter・reduce・find・some・everyの使い分け、TypeScriptでの型付けまで実務目線で解説する。Tue, 08 Aug 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-async-promise/https://www.taka-techblog.com/blog/javascript-async-promise/コールバック地獄からPromise、async/awaitへの変遷を実務経験ベースで整理。JavaScript本格入門で改めて体系を学んだエンジニアが書く非同期処理入門。Wed, 26 Jul 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-scope-closure/https://www.taka-techblog.com/blog/javascript-scope-closure/varとletの違い、クロージャの仕組み、thisが指すものが変わる理由など、JavaScriptを書くうえで避けられないスコープ・クロージャ・thisの挙動を実務視点で整理。Wed, 12 Jul 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/javascript-es6-modern-syntax/https://www.taka-techblog.com/blog/javascript-es6-modern-syntax/アロー関数・分割代入・スプレッド構文・テンプレートリテラルなどES6+の構文を、独学からテックリードになったエンジニアが実務視点で整理した記録。Thu, 29 Jun 2023 00:00:00 GMThttps://www.taka-techblog.com/blog/career-change-to-engineer/https://www.taka-techblog.com/blog/career-change-to-engineer/ドラッグストアの主任から、転勤続きで限界が来てエンジニアへ転身。就活地獄・休職・技術が身につかない恐怖を経て、今の会社で初めて「天国」と思えた話。Thu, 15 Jun 2023 00:00:00 GMT