y3n yano3nora

概要

ビジネス要件を確認後、アーキテクチャ・システム構成図の検討をすぐに始める進め方だと検討漏れが発生することがある。以下の手順に沿って進めると良さそう。

ビジネス要件を確認する
非機能要件における制約条件について合意を得る
候補となるサービスを洗い出す
アーキテクチャの青写真を作ってフィードバックを得る
フィードバックを反映した上で他に懸念点がないか確認する

tsconfig.json の設定についてのメモ書きです。

Node.jsのバージョンごとの設定

target は変換後のコードのECMAScriptバージョンを指定するたとえば、Node.js 14はES2020をサポートしている。そのため、Node.js 14向けのコード(サーバなど)ならtarget: "ES2020"を指定することで、余計なTranspileが省かれててコードサイズや実行時間が最適化される。

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

なぜ`react-hooks/exhaustive-deps`はただcomponentDidMountのように使いたいだけなのに依存関係を入れてくるのか

export const Example = ({ loadOnlyOnce }) => {
    useEffect(() => {
      loadOnlyOnce()
    }, [loadOnlyOnce]) // ← WHY？
}

デスマーチが起きる理由 - ３つの指標

著者：青い鴉（ぶるくろ）さん @bluecrow2

これは結城浩さんの運用されていた YukiWiki に当時 Coffee 様 (青い鴉（ぶるくろ）さん）がかかれていた文章です。ただ 2018 年 3 月 7 日に YukiWiki が運用停止したため消えてしまいました。その記事のバックアップです。

今は 404 ですが、もともとの記事の URL は http://www.hyuki.com/yukiwiki/wiki.cgi?%A5%C7%A5%B9%A5%DE%A1%BC%A5%C1%A4%AC%B5%AF%A4%AD%A4%EB%CD%FD%CD%B3 になります。

昔、自分がとても感銘を受けた文章なので、このまま読めなくなるのはとてももったいないと思い、バックアップとして公開しています。

エンジニア向け研修

CARTA HOLDINGS（旧VOYAGE GROUP）
- 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11)
- @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19)
- 【新卒研修】監修者@t_wadaと読む！プログラマが知るべき97のこと読書会 - (2024/04/09)
Classi
- 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20)
- リモートワークのための質問力向上研修を実施しました - (2021/12/07)
- Classi 2025年新卒エンジニア研修「そーだい塾」を開催しました - (2025/06/18)
CyberZ

基本的な使い方
プリセットアニメーション
- Jump
- Punch
- Shake
[各種オプション](https://gist.github.com/anzfactory/da73149ba91626ba796d598578b163cc#%E5%90%84%E7%A8%AE%E3%82%AA%E3%83

	Parameters:
	App:
	Type: String
	Description: Your application's name.
	Env:
	Type: String
	Description: The environment name your service, job, or workflow is being deployed to.
	Name:
	Type: String
	Description: The name of the service, job, or workflow being deployed.

	//
	// useTime hook
	//
	import { useEffect, useState } from 'react';

	export const useTime = (refreshCycle = 100) => {
	// Returns the current time
	// and queues re-renders every `refreshCycle` milliseconds (default: 100ms)

	const [now, setNow] = useState(getTime());