kobitoDevelopment

npmレジストリとプライベートパッケージの基礎

レジストリとは

npmパッケージが保管されているサーバー・リポジトリのこと。npm installやpnpm installを実行すると、このレジストリからパッケージをダウンロードする。

主なレジストリ

• npmjs.org: 公式のパブリックレジストリ（デフォルト）
• GitHub Packages: GitHubが提供するレジストリ

kobitoDevelopment

Turborepo ドキュメント

Turborepoとは

Turborepoは、JavaScriptおよびTypeScript向けの高性能ビルドシステム。Vercel社が開発し、monorepo（モノリポジトリ）構成に対応している。

開発背景

従来のmonorepo構成における課題：

• すべてのパッケージを毎回ビルドする必要があり、ビルド時間が増大

kobitoDevelopment

<?php
/**
 * データベース削除の4つのアプローチ
 * MySQL + PHP サンプルコード
 */

// ========================================
// 各アプローチの比較と使い分け
// ========================================

kobitoDevelopment

@font-face {
  font-family: "LINE Seed JP";
  src: url("../../fonts/LINESeedJP_OTF_Rg.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 80%; /*ここを調整 */
  descent-override: 0%; /*ここを調整 */
}

kobitoDevelopment

body{
  /* 最小画面幅のサポートを360pxにし、それ以下は縮小させる*/
  @media (max-width: 360px) {
    zoom: progress(100lvw, 0px, 360px);
    -webkit-text-size-adjust: initial; /* iOS Safariのバグを回避 */
  }
}

kobitoDevelopment

# パーミッションの読み方

## 基本構造

パーミッションは3桁の数字で表現
各桁は所有者、グループ、その他のユーザーの権限を示す

### 例: 755の場合

1桁目(7): 所有者の権限

kobitoDevelopment

<p id="counter-text">カウント: 0</span>
<button type="button" aria-labelledby="counter-text" id="count-button">クリックするとカウントが読み上げられるが、このテキストは無視される</button>

kobitoDevelopment

https://whois.jprs.jp/

kobitoDevelopment

/*
購入制限フロー:

1. フォーム送信イベントが発生
2. FormDataオブジェクトからすべての商品の購入数量を取得
3. 購入数量制限チェック（validateQuantity）:
   - 各商品のmaxQuantityと比較
   - -1は無制限、それ以外は上限値
   - 上限超過時はエラーメッセージ生成
4. 同時購入不可組み合わせチェック（validateCombination）:

kobitoDevelopment

/*
 * Tree Shaking（ツリーシェイキング）とは？
 *ビルドツール（webpack, Rollup, Viteなど）が、「使われていないコード」を自動的に削除する最適化アプローチ。
 * utils.js に 10個の関数があるとして、そのうち2つしか使わなかった場合、ビルド時に残りの8個は削除される。
 */

// ========================================
// Classを使った場合
// ========================================
class UserService {