ブログをZennに移行しました。引き続き、デザインと開発をつなぐフロントエンドエンジニアとして、日々のエンジニアリングにまつわる情報を発信していきます。

R&Dのポジションにいる私が、思いついたアイデアを検証するために行っていることを紹介します。

新人エンジニアの研修内容と、教育を通じて学んだ経験を共有します。

テックリードやリーダーとしての役割を求められるポジションで働く私が、2023年にエンジニアチームをリードするために行なった活動と、心がけている取り組みについて紹介します。

QR読み取りや写真撮影など、Webサービスでカメラを利用したい場合ユーザーが、利用するカメラを選択することができるインターフェースを提供することで、ユーザビリティの向上が望めます。

静的サイトのコンポーネント確認が可能なStorybook for HTMLを使い、HTML/CSSのUIコンポーネント確認を行えるようにする方法をご紹介します

サービス開発において開発フェーズになってこの機能は実現できないという手戻りが発生する場合があります。この手戻りをなくすためにできることの1つとしてフィジビ...

「大きい画面サイズの場合はこっちで小さい画面サイズの場合はこっち」のような画面サイズに応じてデザインが違う場合の解決策をご紹介します。

モバイル向けのサービスで、文字と記号を入力させるのはキーボードの切り替えが必要になったりと結構めんどくさいので、今回モバイル向けにいい感じの入力フィールドを作ってみました。

フロントエンドエンジニアが対策するべきセキュリティの項目についてを紹介します。

ReactベースのフロントエンドフレームワークであるNextJSについて、自動または手動での導入手順をそれぞれ紹介します。

エンジニアチームでは品質や開発効率・スキルアップを目的として、様々な施策を行っています。これらの効果測定、または開発生産性・健全性の可視化を目的としたエンジニアリングを可視化するダッシュボードツールの開発を行いました。

iOSアプリにテストコードを導入したい！XCTestのiOS Unit Testing Bundleを用いてユニットテストを導入してみましょう！

EC2には、起動直後にSwapメモリがないため、メモリ不足が発生する場合があります。今回は、EC2のメモリ不足を予防するSwapメモリの作成を行う方法を紹介します。

Next.jsのプロジェクトにhuskyとlint-stagedを導入し、コミット時に自動でlintを動かす方法を紹介します。

今回はESLintのプラグインであるeslint-plugin-jsx-a11yの導入手順について紹介します。

「Mockaroo」というサービスを使ったモックデータの作成方法をご紹介します。APIベースの開発でテスト用のモックデータが必要なときに便利です。

Gatsby.jsのスターターを使ってmdで記事を作成できるブログを作成する方法を紹介します。

おすすめのVSCodeの拡張機能をチーム内のメンバーに共有したい！そんな方法が標準で用意されているのでご紹介します！

TailwindCSSを実際に使い、詰まった点や便利な機能をTipsとしてまとめました。