create-specment 0.2.3 → 0.2.9

package/templates/docs/04-internal/rules/document-creation-rules.mdx

@@ -0,0 +1,39 @@
+---
+sidebar_position: 3
+---
+# ドキュメント作成ルール
+
+## ファイル命名規則
+1. ファイル名はケバブケースを利用。日本語禁止
+    1. 例
+        `document-creation-rules.mdx`
+1. テンプレートファイル(ファイル名が`_`で始まるもの)がある場合は、該当ファイルをコピーして使用する
+
+## Frontmatter(header yaml)の書き方
+1. 各MDXファイルの先頭には必ずYAMLフロントマターを記述
+1. 必須フィールド
+1. `slug`：URLパス
+1. `title`：ページ見出し
+1. `sidebar_position`：サイドバー表示順
+1. 記述例
+   ```md
+   ---
+   sidebar_position: 1
+   ---
+   ```
+
+## 執筆スタイル
+1. 1ファイル内の文体は「です／ます調」を統一すること
+1. 専門用語や略語を初出時に日本語で説明する
+
+## `_category_.yaml` の書き方
+1. フォルダーをsidebarで日本語表示するために必要
+1. 各ドキュメントフォルダー直下に配置
+1. 必須フィールド
+1. `label`：カテゴリ名
+1. `position`：サイドバー内の並び順(数値)
+1. 記述例
+   ```yaml
+   label: ドキュメント作成
+   position: 1
+   ```

package/templates/docs/04-internal/rules/index.mdx

@@ -0,0 +1,10 @@
+---
+sidebar_position: 1
+---
+# 規約・ルール
+1. [markdown](markdown.mdx)
+1. [databaase](database.mdx)
+1. TypeScript
+    1. Google TypeScript Style Guide
+        1. https://google.github.io/styleguide/tsguide.html
+

package/templates/docs/04-internal/rules/markdown.mdx

@@ -0,0 +1,148 @@
+---
+sidebar_position: 2
+tags:
+  - Markdown
+---
+# Markdown
+## 基本 {#basic}
+### 章立て {#chapter}
+1. 例
+    ```markdown
+    # 章タイトル
+    ## 章タイトルごとに"#"を増やす。最大で5章まで
+    1. 実用的には3、4階層が妥当
+    1. 深すぎる階層が多くなる場合は抽象度を再検討する
+    ```
+1. 章のひとつ上の行は空行にする
+    1. ただし、更に上の行が章の場合は空行不要
+    1. 例
+        ```markdown
+        # 本タイトル
+        ## サブタイトル1。本タイトルとサブタイトルの間に空行は不要
+        1. 箇条書き例
+
+        ## サブタイトル2。上の行は章ではないため、空行を入れる
+        1. 箇条書き例
+        ```
+
+### 箇条書き {#itemization}
+1. 仕様を会話で伝える際、番号であったほうが伝えやすいので数値になるように `1. ` を使用する
+1. 数値はレンダリング時に連番になるので、2番目以降でもすべて `1. ` とする
+1. 例
+    ```markdown
+    1. 1つ目
+    1. 2つ目でも "1. "
+        1. インデントは半角スペース4つ。タブ文字禁止
+        1. 2つ目でも "1. "
+    ```
+1. 例のレンダリング結果
+    1. 1つ目
+    1. 2つ目でも "1. "
+        1. インデントは半角スペース4つ。タブ文字禁止
+        1. 2つ目でも "1. "
+1. VSCode利用時にインクリメントされてしまう場合は以下の設定にする
+    ```json title="settings.json"
+    "markdown.extension.orderedList.marker": "one",
+    ```
+
+### 強調表示 {#highlighting}
+1. 以下を参考
+    1. 公式Docusaurus - Markdown Features: https://docusaurus.io/docs/markdown-features
+
+:::note
+1. 斜体(italic)も使えるけど、あまり見やすいと思えないので、仕様としては使わないようにしたい
+:::
+
+### その他 {#other}
+1. 使えるemoji。絵文字
+    1. 参考: WebFX - [EMOJI CHEAT SHEET](https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md)
+
+## 応用 {#application}
+### 他ドキュメントへのリンク {#link-to-other-documents}
+1. 別のドキュメントファイルへのリンクは相対パスで書く
+
+```markdown
+1. 同じ階層なら > [別のmdx](other.mdx)
+1. 子階層 > [カレントにあるフォルダー内のファイル](subfolder/dummy.mdx)
+1. 別階層 > [親をたどって書く](../rules/markdown.mdx)
+```
+
+### 詳細表示 {#details}
+1. htmlの記述と同じ
+1. 例
+    ```mdx-code-block
+    <details>
+      <summary>ここをクリックして開閉</summary>
+      <div>
+        <div>詳細はここに書く</div>
+        \
+        <details>
+          <summary>ネストして書くこともできる</summary>
+          <div>
+            :grinning::smile::grin::laughing::blush::wink:
+          </div>
+        </details>
+      </div>
+    </details>
+    ```
+1. 例のレンダリング結果
+    <details>
+      <summary>ここをクリックして開閉</summary>
+      <div>
+        <div>詳細はここに書く</div>
+        \
+        <details>
+          <summary>ネストして書くこともできる</summary>
+          <div>
+            :grinning::smile::grin::laughing::blush::wink:
+          </div>
+        </details>
+      </div>
+    </details>
+
+### コードブロック {#code-block}
+1. \`\`\`(バッククォート3つ)で囲うとコードブロックになる
+1. 使えるコードは以下を参照
+    1. prismjs.com - [Supported languages](https://prismjs.com/#supported-languages)
+1. `{`、`}` で囲うとその行がハイライト表示される
+1. `title=` を追加するとタイトル表示できる
+    1. ハイライトとtitleを続けて書く場合は区切りとして半角スペースが必要
+1. 例
+    ```md
+        ```nim {4-6,8} title="sample.nim" showLineNumbers
+        import tables, strutils
+
+        var wordFrequencies = initCountTable[string]()
+        for line in stdin.lines:
+        for word in line.split(", "):
+          wordFrequencies.inc(word)
+
+        echo "The most frequent word is '", wordFrequencies.largest, "'"
+    ```
+
+1. 例のレンダリング結果
+    ```nim {4-6,8} title="sample.nim" showLineNumbers
+    import tables, strutils
+
+    var wordFrequencies = initCountTable[string]()
+    for line in stdin.lines:
+    for word in line.split(", "):
+      wordFrequencies.inc(word)
+
+    echo "The most frequent word is '", wordFrequencies.largest, "'"
+    ```
+
+## docusaurus用 {#for-docusaurus}
+### 強調記号 {#emphasis-added}
+1. アンダーバー(`_`)やアスタリスクなどを使う時、強調表示されてしまうので円マークorバックスラッシュ(`\`)を使って回避する
+    1. `_Italic_` {'>'} _Italic_
+    1. `\_Italic\_` {'>'} \_Italic\_
+
+### 不等号 {#inequality-sign}
+1. `<`、`>` を使うとhtmlタグ扱いでエラーとなる場合があるので以下の方法を使って回避する
+    1. 全角不等号を使う
+        1. :x:: `<強調したい文言>`
+        1. :o:: `＜強調したい文言＞`
+    1. `{'`、`'}` で括る
+        1. :x:: `abc <= 100`
+        1. :o:: `abc {'<='} 100`

package/templates/docs/04-internal/rules/review-process.mdx

@@ -0,0 +1,32 @@
+---
+sidebar_position: 4
+---
+# レビュープロセス
+
+## モブプログラミング推奨
+1. チーム全員でリアルタイムにコードを確認し、知識を共有する  
+1. その場でフィードバックを行い、修正や改善を即時反映する
+
+## 設計との照合
+1. 実装が設計書どおりに実現されているか確認する  
+1. 設計書の該当セクションとコード箇所を突き合わせる
+
+## 設計の妥当性確認
+1. 設計に漏れや誤りがないかレビューする  
+1. 要件やユースケースの抜け漏れ、前提条件の過不足をチェックする
+
+## エラー／警告対応
+1. コンパイルエラーやリンター警告がすべて解消されているか確認する  
+1. CIパイプラインでのビルド失敗やテストエラーがないかチェックする
+
+## コード品質
+1. 可読性・保守性の高いコードになっているか確認する  
+1. 冗長なロジックや複雑度の高い箇所を適切にリファクタリングする
+
+## issueチェックリスト
+1. issueに紐づくチェックリスト項目（テスト、ドキュメント更新など）がすべて完了しているか確認する  
+1. 必要に応じて新たなテストケースやドキュメントを追加する
+
+## 命名規則
+1. 変数名・関数名がプロジェクトの命名規則に沿っているか確認する  
+1. 一貫性があり意図が明確な名前付けになっているかチェックする

package/templates/docs/04-internal/screens/_category_.yaml

@@ -0,0 +1,2 @@
+label: '画面'
+position: 5

package/templates/docs/04-internal/screens/dashboard.mdx

@@ -0,0 +1,17 @@
+---
+sidebar_position: 4
+---
+import { TBD } from '@site/src/components/TBD';
+
+# ダッシュボード
+## ファイル
+<!-- 1. frontend/src/routes/[dashboard.svelte](../../../../frontend/src/routes/dashboard.svelte) -->
+
+## 概要
+1. <TBD/>
+
+## 画面イメージ
+1. <TBD/>
+
+## 項目説明
+1. <TBD/>

package/templates/docs/04-internal/screens/index.mdx

@@ -0,0 +1,20 @@
+---
+id: index
+sidebar_position: 1
+hide_table_of_contents: true
+---
+import { TBD } from '@site/src/components/TBD';
+
+# 画面定義
+## 画面一覧
+
+| Physical name              | Logical name   | Summyry | Comment |
+| -------------------------- | -------------- | ------- | ------- |
+| [login](login.mdx)         | ログイン       | -       |         |
+| └ registration             | 新規登録       | -       |         |
+| └ update-password          | パスワード更新 | -       |         |
+| [menu](menu.mdx)           | メニュー       | -       |         |
+| [dashboard](dashboard.mdx) | ダッシュボード | -       |         |
+
+## 画面遷移
+<TBD/>

package/templates/docs/04-internal/screens/login.mdx

@@ -0,0 +1,18 @@
+---
+sidebar_position: 2
+---
+import { TBD } from '@site/src/components/TBD';
+
+# ログイン
+## ファイル
+<!-- 1. frontend/src/routes/[login.svelte](../../../../frontend/src/routes/login.svelte) -->
+
+## 概要
+1. ログイン画面
+1. セッションなし
+
+## 画面イメージ
+1. <TBD/>
+
+## 項目説明
+1. <TBD/>

package/templates/docs/04-internal/screens/menu.mdx

@@ -0,0 +1,17 @@
+---
+sidebar_position: 3
+---
+import { TBD } from '@site/src/components/TBD';
+
+# メニュー
+## ファイル
+<!-- 1. frontend/src/routes/[menu.svelte](../../../../frontend/src/routes/menu.svelte) -->
+
+## 概要
+1. メニュー画面
+
+## 画面イメージ
+1. <TBD/>
+
+## 項目説明
+1. <TBD/>

package/templates/docs/04-internal/tables/_category_.yaml

@@ -0,0 +1,2 @@
+label: 'テーブル定義'
+position: 6

package/templates/docs/04-internal/tables/customer_details.mdx

@@ -0,0 +1,35 @@
+---
+sidebar_position: 3
+hide_table_of_contents: true
+---
+import TOCInline from '@theme/TOCInline';
+
+# customer_details - 会員詳細
+
+<details>
+  <summary>目次</summary>
+
+  <TOCInline toc={toc} />
+</details>
+
+## 説明 {#description}
+1. xxxの会員詳細
+1. 会員の電話番号、住所など
+
+## 表領域(schema) {#schema}
+1. `public`
+
+## 定義 {#definition}
+
+| Physical name    | Logical name | Type      | Digit | Not null | Default value     | Comment |
+| ---------------- | ------------ | --------- | ----: | :------: | ----------------- | ------- |
+| id               | ID           | serial    |     - |   :o:    |                   |         |
+| customer_id      | 顧客ID       | varchar   |   100 |   :o:    |                   |         |
+| phone_number     | 電話番号     | varchar   |    12 |   :o:    |                   |         |
+| postal_code      | 郵便番号     | varchar   |     8 |   :o:    |                   |         |
+| address_1        | 住所1        | varchar   |   500 |   :o:    |                   |         |
+| address_2        | 住所2        | varchar   |   500 |   :o:    |                   |         |
+| created_id       | 作成者ID     | integer   |     - |   :o:    |                   |         |
+| created_at       | 作成日時     | timestamp |     - |   :o:    | current_timestamp |         |
+| last_modified_id | 更新者ID     | integer   |     - |   :o:    |                   |         |
+| last_modified_at | 更新日時     | timestamp |     - |   :o:    | current_timestamp |         |

package/templates/docs/04-internal/tables/customers.mdx

@@ -0,0 +1,35 @@
+---
+sidebar_position: 2
+hide_table_of_contents: true
+---
+import TOCInline from '@theme/TOCInline';
+
+# customers - 会員
+
+<details>
+  <summary>目次</summary>
+
+  <TOCInline toc={toc} />
+</details>
+
+## 説明 {#description}
+1. xxxの会員
+
+## 表領域(schema) {#schema}
+1. `public`
+
+## 定義 {#definition}
+
+| Physical name      | Logical name | Type      | Digit | Not null | Default value     | Comment                      |
+| ------------------ | ------------ | --------- | ----: | :------: | ----------------- | ---------------------------- |
+| id                 | ID           | serial    |     - |   :o:    |                   |                              |
+| login_id           | ログインID   | varchar   |   255 |   :o:    |                   |                              |
+| customer_number    | 顧客番号     | varchar   |   100 |   :o:    |                   |                              |
+| password_encrypted | パスワード   | varchar   |   255 |   :o:    |                   |                              |
+| is_enabled         | is有効       | boolean   |     - |   :o:    | true              | true:有効<br/>false:無効     |
+| is_withdrawn       | is退会       | boolean   |     - |   :o:    | false             | true:退会済<br/>false:未退会 |
+| withdrawn_at       | 退会日時     | timestamp |     - |    -     |                   |                              |
+| created_id         | 作成者ID     | integer   |     - |    -     |                   |                              |
+| created_at         | 作成日時     | timestamp |     - |   :o:    | current_timestamp |                              |
+| last_modified_id   | 更新者ID     | integer   |     - |   :o:    |                   |                              |
+| last_modified_at   | 更新日時     | timestamp |     - |   :o:    | current_timestamp |                              |

package/templates/docs/04-internal/tables/index.mdx

@@ -0,0 +1,11 @@
+---
+sidebar_position: 1
+hide_table_of_contents: true
+---
+# テーブル定義
+## テーブル一覧
+
+| Physical name                             | Logical name | Schema | Comment |
+| ----------------------------------------- | ------------ | ------ | ------- |
+| [customers](customers.mdx)                | 会員         | public |         |
+| └[customer_details](customer_details.mdx) | 会員詳細     | public |         |

package/templates/docs/example.drawio.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="850" height="300" xmlns="http://www.w3.org/2000/svg" font-family="Arial, sans-serif">
+  <!-- 定義: 矢印マーカー -->
+  <defs>
+    <marker id="arrow" markerWidth="10" markerHeight="10" refX="10" refY="5" orient="auto">
+      <path d="M0,0 L10,5 L0,10 Z" fill="black" />
+    </marker>
+  </defs>
+
+  <!-- コンポーネント: User -->
+  <rect x="40" y="40" width="80" height="40" fill="#FFFFFF" stroke="#000000" />
+  <text x="80" y="60" text-anchor="middle" dominant-baseline="middle" font-size="12">User</text>
+
+  <!-- コンポーネント: Amazon Route 53 -->
+  <rect x="180" y="40" width="120" height="40" fill="#F9E79F" stroke="#F1C40F" />
+  <text x="240" y="60" text-anchor="middle" dominant-baseline="middle" font-size="12">Amazon Route 53</text>
+
+  <!-- コンポーネント: Amazon CloudFront -->
+  <rect x="330" y="40" width="120" height="40" fill="#D1F2EB" stroke="#1ABC9C" />
+  <text x="390" y="60" text-anchor="middle" dominant-baseline="middle" font-size="12">Amazon CloudFront</text>
+
+  <!-- コンポーネント: Elastic Load Balancer -->
+  <rect x="480" y="40" width="140" height="40" fill="#F5B7B1" stroke="#E74C3C" />
+  <text x="550" y="60" text-anchor="middle" dominant-baseline="middle" font-size="12">Elastic Load Balancer</text>
+
+  <!-- コンポーネント: EC2 (Auto Scaling) -->
+  <rect x="650" y="40" width="140" height="60" fill="#D6EAF8" stroke="#3498DB" />
+  <text x="720" y="70" text-anchor="middle" dominant-baseline="middle" font-size="12">EC2 (Auto Scaling)</text>
+
+  <!-- コンポーネント: Amazon RDS -->
+  <rect x="650" y="120" width="140" height="60" fill="#E8DAEF" stroke="#8E44AD" />
+  <text x="720" y="150" text-anchor="middle" dominant-baseline="middle" font-size="12">Amazon RDS</text>
+
+  <!-- コンポーネント: Amazon S3 -->
+  <rect x="650" y="200" width="140" height="60" fill="#FCF3CF" stroke="#F4D03F" />
+  <text x="720" y="230" text-anchor="middle" dominant-baseline="middle" font-size="12">Amazon S3</text>
+
+  <!-- 接続エッジ -->
+
+  <!-- User -> Amazon Route 53 -->
+  <line x1="120" y1="60" x2="180" y2="60" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+
+  <!-- Amazon Route 53 -> Amazon CloudFront -->
+  <line x1="300" y1="60" x2="330" y2="60" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+
+  <!-- Amazon CloudFront -> Elastic Load Balancer -->
+  <line x1="450" y1="60" x2="480" y2="60" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+
+  <!-- Elastic Load Balancer -> EC2 (Auto Scaling) -->
+  <line x1="620" y1="60" x2="650" y2="70" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+
+  <!-- EC2 (Auto Scaling) -> Amazon RDS -->
+  <line x1="670" y1="100" x2="720" y2="120" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+
+  <!-- EC2 (Auto Scaling) -> Amazon S3 -->
+  <line x1="770" y1="100" x2="720" y2="200" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
+</svg>

package/templates/docs/intro.md

@@ -0,0 +1,47 @@
+---
+sidebar_position: 1
+---
+
+# Tutorial Intro
+
+Let's discover **Docusaurus in less than 5 minutes**.
+
+## Getting Started
+
+Get started by **creating a new site**.
+
+Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**.
+
+### What you'll need
+
+- [Node.js](https://nodejs.org/en/download/) version 18.0 or above:
+  - When installing Node.js, you are recommended to check all checkboxes related to dependencies.
+
+## Generate a new site
+
+Generate a new Docusaurus site using the **classic template**.
+
+The classic template will automatically be added to your project after you run the command:
+
+```bash
+npm init docusaurus@latest my-website classic
+```
+
+You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
+
+The command also installs all necessary dependencies you need to run Docusaurus.
+
+## Start your site
+
+Run the development server:
+
+```bash
+cd my-website
+npm run start
+```
+
+The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there.
+
+The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.
+
+Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes.

package/templates/docs/introduction/document-editing/_category_.yml

@@ -0,0 +1,2 @@
+label: 'ドキュメント編集方法'
+position: 3

package/templates/docs/introduction/document-editing/how-to.mdx

@@ -0,0 +1,31 @@
+---
+sidebar_position: 1
+tag:
+    - Markdown
+---
+
+# 概要
+## フォルダー構成 {#folder-configuration}
+```
+\
+```
+
+## サイドバー {#sidebar}
+1. mdx(md)ファイルで作成すると自動的にコンテンツとなる
+1. 表示順を変更したい場合はファイルの最初にyaml形式で定義する
+    1. 参考: 公式Docusaurus.[Markdown front matter](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-content-docs#markdown-front-matter)
+1. 例
+    ```mdx title="sample.mdx"
+    ---
+    sidebar_position: 1
+    ---
+    # サンプル
+    ```
+
+## 階層表示したい場合 {#to-layerd}
+1. サブフォルダーを作成し、そこにファイル `_category_.yml` を作る
+1. 例
+    ```yml title="_category_.yml"
+    label: 'ドキュメント編集方法'
+    position: 4
+    ```

package/templates/docs/introduction/index.mdx

@@ -0,0 +1,35 @@
+---
+id: index
+sidebar_position: 1
+hide_title: true
+---
+import { TBD } from '@site/src/components/TBD';
+
+# Introduction
+
+:::tip
+1. このドキュメントサイトは各プロジェクトごとの作成例です
+1. ソースとドキュメントを一元管理する(できる)ことを示しています
+:::
+
+## 参考になりそうな情報
+1. Qiita: [良いコードの書き方](https://qiita.com/alt_yamamoto/items/25eda376e6b947208996)
+    1. コーディング規約のガイドラインとして参考にしたい
+1. Website: Qbook会員限定-[この一冊でソフトウェアテストの基本がわかる!](https://www.qbook.jp/e-book/software-kiso/)
+    1. Qbook会員になると無料で読める
+    1. テストについて資料したい場合の参考に
+1. Website(PDF): IPA情報処理推進機構-[事例3: 要件定義ドキュメントの漏れや曖昧性の低減](https://www.ipa.go.jp/archive/files/000072725.pdf)
+    1. 要件定義に必要なこと、その後に作成するドキュメントの順番などがわかりやすく書かれている
+1. GitHub: [nablarch-development-standards](https://github.com/nablarch-development-standards/nablarch-development-standards)
+    1. Nablarch開発標準
+    1. Excelなどで書かれているドキュメント
+    1. Officeドキュメントなのが残念だけど、書物としては参考にしやすそう
+
+## 気になるアプリケーションなど
+1. [Playwright](https://playwright.dev)
+    1. TypeScriptで作られたE2Eテスト。
+    1. メジャーなブラウザーをコレひとつでテストできるようになる
+    1. 可能なら導入確認していきたい
+1. [Biome](https://biomejs.dev)
+    1. Node.jsでのlintやフォーマッターをコレひとつで管理できるようしたもの
+    1. Node.jsだとeslintが有名だけど、設定の面倒な部分や高速化したい時にBiomeの導入を検討したい

package/templates/docs/introduction/operational-policies/_category_.yaml

@@ -0,0 +1,2 @@
+label: '運用ポリシー'
+position: 2

package/templates/docs/introduction/operational-policies/github.mdx

@@ -0,0 +1,33 @@
+---
+sidebar_position: 1
+tag:
+    - Git
+---
+
+# GitHub
+1. リポジトリは右上のGitHubアイコンをクリックする
+
+## 概要 {#overview}
+1. コンテンツの管理、IssueなどすべてをGitHubで行う
+
+## ブランチ命名ルール {#branch-naming}
+1. 基本はケバブケース(例: `feature/abc-def`)
+1. [`^(feature\/|bugfix\/|revert\/|cherry-pick\/)(issue-name-or-summary-[a-z0-9\-]*)$`](https://regexper.com/#%5E%28feature%5C%2F%7Cbugfix%5C%2F%7Crevert%5C%2F%7Ccherry-pick%5C%2F%29%28issue-name-or-summary-%5Ba-z0-9%5C-%5D*%29%24)
+    1. ![img](img/branch-naming-rules.svg)
+1. 例
+    1. `feature/issue123-frontend-add-lgoin`
+    1. `feature/issue333-website-update-docusaurus-3-0-1`
+
+### `feature/`
+1. 以下を除くすべて
+
+### `bugfix/`
+1. バグ発生時の対応時に使用する
+1. ここでのバグは`main`へmerge後に発生したものを指す
+    1. テスト中の発生したものは含まない
+
+### `revert/`
+1. revert時
+
+### `cherry-pick/`
+1. cherry-pick利用時