Toru Shimizu

はじめに私は、普段は現場で働くエンジニアで、マネジメントの立場にいるわけではありません。それでも日々チームで働く中で、次第にこんな感覚を持つようになりました。チームとしての成果は出しているはずなのに、なんだかうまくいっていない気がするそんな漠然とした違和感を感じるようになりました。そのモヤモヤの正体や、チームがもっとよくなるヒントを探したくて、少しずつチームビルディングについて学び始めました。 組織効力感というキーワードそんな中で出会ったのが、元DeNA人材育成責任者の坂井風太さんの動画です。そこで初めて「組織効力感」という言葉を知りました。坂井さんは、組織効...

スラムダンク型のチームを目指そう

はじめに知人から「MMDモデルをWebで表示できないか？」と相談されたのをきっかけに、Babylon.jsとbabylon-mmdを使って、Next.js 環境で .pmxモデルの表示やアニメーションを再生する方法を試してみました。本記事では、モデルの読み込みから基本的なモーション再生までの過程を記録としてまとめています。 使用環境この記事では、以下のバージョンで動作確認を行いました。Next.js: 14（App Router）@babylonjs/core: 7.54.0babylon-mmd: 0.62.0@babylonjs/coreとbabylon-m...

Next.js × Babylon.jsでMMDモデルを動かしてみた

Reactで開発を進める中で、useMemo はパフォーマンスを最適化する便利なフックですが、使い方によってテストの容易性やロジックの再利用性に意外な影響を与えると感じています。たとえば、useMemo 内にビジネスロジックを直接記述する場合、テストはコンポーネント全体を対象にする必要があります。一方、ビジネスロジックをコンポーネント外や別ファイルに切り出すと、ビジネスロジック単体をユニットテストで簡潔に検証でき、テストの容易性が向上します。また、ビジネスロジックを分離することで、再利用性も向上します。こうした設計の違いが、プロジェクト全体のテスト方針や開発体験にどのような影響を...

テスト容易性と再利用性を高めるuseMemoとビジネスロジックの分離戦略

本記事では、git-pr-releaseを使ってリリース用のプルリクエストの作成を自動化したことについて話していきます。https://github.com/x-motemen/git-pr-release 導入前の課題リリース用プルリクエストの作成は定期的に発生する作業ですが、以下のような課題がありました。プルリクエストの作成が手作業となっており、作業工数が発生する手動でプルリクエストを作成する場合、レビュアーへのapprove依頼が必要リリースPRから変更内容をdescriptionにまとめるのが困難これらの課題を解決するため、git-pr-releaseとGit...

git-pr-releaseとGitHub Actionsで作るリリースPR自動化

フィーチャーフラグとはコードを書き換えることなく、特定の機能を動的に有効化したり無効化することができる開発手法です。この手法を用いることで、すべてのコードが本番環境にデプロイされている状態で、開発中またはテスト中の機能をユーザーには見えないように管理することができます。また、フィーチャートグル（Feature Toggle）と表現されることもありますが、本記事ではフィーチャーフラグ(Feature Flag)という表現を用いています。フィーチャートグル(Wikipedia) メリット ブランチワークの複雑性の解消フィーチャーフラグを使って開発中の機能をOFFの状態で...

【Next.js】フィーチャーフラグの導入方法

Next.jsで静的ファイル（HTML, CSS, JavaScriptなど）を出力する場合に使用するStatic Exports機能ですが、v13.3で使用方法に変更がありました。そこで、実際に変更してみたところ、変更後にnext startコマンドでアプリケーションが起動できなくなってしまったので解決方法を記事にしてみました。 Static Exportsの変更点まず、Static Exportsの変更点について。変更前next exportコマンドを実行することで静的ファイルが出力されていましたが、このコマンドはv13.3から非推奨となり、v14で削除されています。...

スラムダンク型のチームを目指そう

Next.js × Babylon.jsでMMDモデルを動かしてみた

テスト容易性と再利用性を高めるuseMemoとビジネスロジックの分離戦略

git-pr-releaseとGitHub Actionsで作るリリースPR自動化

【Next.js】フィーチャーフラグの導入方法

【Next.js】Static Exportsの設定変更後にnext startが起動しない問題とその解決方法