エンジニアの数が足りないから失敗するのではなく、質が足りないから失敗する
「エンジニアを増やしても、プロジェクトが思うように進まない」これは、多くの企業が直面する問題です。安価なエンジニアを複数雇用しても、結果的に開発が進まない、品質が上がらないと感じているマネージャーや経営者の方もいらっしゃるのではないでしょうか。これは、いわゆる「安かろう悪かろう」という問題
当サイトでは、Vue.js(Nuxt)やReact.js(Next)を活用したフロントエンド開発に関する技術、AWSなどのクラウドサービスとの連携、CI/CD構築、テスト自動化などの運用スキルなど、エンジニアの業務で経験したことを発信しています。このブログがあなたのお力になれば幸いです。 当サイトでは、Vue.js(Nuxt)やReact.js(Next)を活用したフロントエンド開発に関する技術、AWSなどのクラウドサービスとの連携、CI/CD構築、テスト自動化などの運用スキルなど、エンジニアの業務で経験したことを発信しています。このブログがあなたのお力になれば幸いです。
「エンジニアを増やしても、プロジェクトが思うように進まない」これは、多くの企業が直面する問題です。安価なエンジニアを複数雇用しても、結果的に開発が進まない、品質が上がらないと感じているマネージャーや経営者の方もいらっしゃるのではないでしょうか。これは、いわゆる「安かろう悪かろう」という問題
社内のエンジニアが疲弊し、スピード感を求められるプロジェクトが次々に増えていく中で、貴社も同じような課題を抱えていないでしょうか?新しい技術導入やリソース不足によるプロジェクトの遅延、そしてその度に増えていく残業の負担…これらの問題は、一時的な対応だけでは根本的な解決には至りません。これま
この記事では、express-rate-limitミドルウェアを利用してリクエスト数を制限する方法について解説する。express-rate-limitとはexpress-rate-limitは、同一IPアドレスからのリクエストを制御する仕組みを提供する。これにより、特定のIPアド
今回の記事は、前回の記事「FigmaのデザイントークンからCSSファイルを自動生成し、Storybook化する手順」の続きの記事になる。前回は、ローカル開発環境でデザイントークンをStorybook化したが、今回はGitHub Pagesへデプロイし、URLアクセスでStorybookを閲覧できる
Flutter開発時のエラーハンドリングについて記録する。Target of URI doesn't exist:以下の場所に配置したファイルをインポートしようとした際のエラー。lib/widgets/custom_bottom_navigation_bar.dart
この記事では、Figmaで定義したデザイントークンをCSSファイルに自動生成し、その結果をStorybookで視覚的に表示する手順を解説する。前提この記事は、前回記事「FigmaのデザイントークンからCSSファイルを自動生成する手順①【ローカル開発環境】」が完了していることを前提に
今回は、GitHub Actionsを使って、FigmaのデザイントークンからStyle Dictionaryを用いて自動的にCSSとSCSSを生成し、ビルド結果をアーティファクトとして保存する手順を紹介する。1. 前提条件本記事では、Figmaからエクスポートされたデザイントーク
この記事では、Figmaのデザイントークンを活用して、CSSファイルを自動生成する方法を紹介する。FigmaからJSON形式でトークンを出力し、Style Dictionaryを使って各プラットフォームで利用できるCSSやSCSSファイルを生成する手順をステップバイステップで解説する。全体
Vue.jsを使ったフロントエンド開発において、コンポーネント設計は常に悩ましい課題です。単一責任の原則やAtomicデザイン、細かい分割の是非など、多くのアプローチがありますが、正解はありません。しかし、ルールがないとプロダクトの品質が低下するリスクがあるため、「指針」が求められます。
Nuxt3とTypeScriptを使用したプロジェクトにJestを導入し、GitHub Actionsでテストを自動化する手順を解説する。この記事では、Jestのインストールから設定、テストの作成と実行、そしてCI/CDパイプラインに組み込む方法までを詳しく説明する。テストカバレッジレポートの確認