CheapTech LAB

初めにお読みください

本ソフトはDemo版です。一部の機能が制限されています。

Demo版で使用できる機能

  • 画像読み込み（最大4件）
  • 採用 / 保留 / 除外 / 未確認のステータス管理
  • 画像の確認、削除、並び替え
  • 読み込み上限内でのZIP一括書き出し

Demo版で使用できない機能

  • 作業JSONの保存
  • 作業JSONの読み込み
  • 自動保存バックアップ

Demo版の制限

  • 画像の読み込み上限は4件です
  • 製品版では最大100件まで読み込めます

AssetSTUDIO は、画像素材を読み込み、採用・保留・除外のステータスを付けながら整理し、採用画像をZIPとして書き出しできるローカル実行型HTMLツールです。
販売前の素材選定、出力順の整理、連番ファイル名でのZIP書き出しを、ブラウザ上で手早く行うことを目的としています。

本ソフトは画像編集ソフトではなく、画像素材の確認・分類・一括出力を支援するツールです。画像の加工やレタッチではなく、少ない操作で素材を選別し、出力用のファイル一式を整えることに重点を置いています。

目次

  1. 基本情報
  2. 起動方法
  3. ファイル構成
  4. 主な機能
  5. 基本操作
  6. 保存と書き出し
  7. 設定
  8. 注意事項
  9. トラブルシューティング
  10. 権利表記
  11. THIRD-PARTY-NOTICES

1. 基本情報

製品名 AssetSTUDIO
バージョン Demo（v1.0.0ベース）
制作 CheapTech LAB
推奨ブラウザ Google Chrome 最新版
実行方式 ローカルのHTMLファイルを直接開いて実行
対応端末 PC向け。スマートフォン・タブレットは非対応です。

2. 起動方法

  1. 配布ZIPファイルを任意のフォルダに解凍します。
  2. AssetSTUDIO.html を Google Chrome で開きます。
  3. 画像リストへ画像ファイルを追加して作業を開始します。

本ツールはローカルファイルとして動作します。サーバー起動、インストール、ログイン、外部通信は不要です。

3. ファイル構成

AssetSTUDIO-Demo/
	AssetSTUDIO.html           アプリ本体
	README.html                この説明書（本ファイル）
	assets/
		css/
			asset-ui.css          アプリ画面用CSS
			asset-style.css       共通スタイル・説明書表示用CSS
		js/
			asset-ui.js           アプリ本体JavaScript
		fonts/                  同梱フォント・アイコンフォント

4. 主な機能

4.1 画像読み込み

  • クリックによる画像ファイル選択
  • ドラッグ＆ドロップによる複数画像の一括読み込み
  • 画像リストのサムネイル表示
  • 読み込み中の進行状況表示
  • 読み込み上限：4件（Demo版）
  • PNG / JPEG / WebP画像に対応

4.2 選別と整理

  • 採用 / 保留 / 除外 / 未確認のステータス管理
  • ステータス別の絞り込み表示
  • 採用順の自動表示
  • 完全一致画像の重複候補表示
  • 画像リストのドラッグ並び替え（「すべて」表示時）

4.3 確認画面

  • 選択画像の拡大プレビュー
  • ファイル名、画像サイズ、容量の確認
  • 出力ファイル名と出力順の確認
  • 確認画面内でのステータス変更
  • 前後の画像への移動

4.4 ZIP書き出し

  • 採用画像のみ、採用＋保留、全画像から書き出し対象を選択
  • 連番ファイル名または元ファイル名での出力
  • 接頭辞、開始番号、桁数、区切り文字の設定
  • ZIP形式での書き出し
  • ZIP作成中の進行状況表示

4.5 保存と復元

  • 設定内容のローカルストレージ保存
  • 作業状態の自動保存バックアップ（製品版）
  • 作業JSONの保存（製品版）
  • 作業JSONの読み込み（製品版）
  • JSON内への画像データ埋め込み（製品版）

5. 基本操作

5.1 画像を追加する

  1. 画像リストにある追加エリアをクリックします。
  2. 画像ファイルを選択します。複数選択も可能です。
  3. または、追加エリアへ画像ファイルをドラッグ＆ドロップします。
  4. 読み込んだ画像が画像リストに表示されます。

画像は外部サーバーには送信されません。Demo版では最大4件まで読み込めます。

5.2 ステータスを設定する

  • 画像リスト上のボタン、または確認画面のステータス管理から採用 / 保留 / 除外を設定できます。
  • 未確認の画像は、まだステータスを決めていない画像として扱われます。
  • インフォバーには採用、保留、除外、未確認、重複候補の件数が表示されます。
  • 重複候補は、同一データの画像が複数ある場合に表示されます。

5.3 画像を確認する

  • サムネイルをクリックすると確認画面が開きます。
  • 確認画面では画像プレビュー、ファイル情報、出力順、出力ファイル名を確認できます。
  • 前の画像 / 次の画像ボタン、またはキーボードの左右キーで画像を移動できます。

5.4 画像の順番を変更する

  • 画像リストで画像をドラッグすると、表示順を変更できます。
  • 並び替えは「すべて」表示のときに行えます。
  • 書き出し順は、画像リストの順番と書き出し対象設定に従います。

5.5 画像を削除する

  • 画像上の削除ボタンで一覧から削除できます。
  • 削除しても元の画像ファイルは変更されません。
  • 削除前確認ダイアログは設定でON / OFFを切り替えられます。

6. 保存と書き出し

6.1 保存

Demo版では、ナビゲーションの「保存」を押すと製品版機能であることを知らせる警告が表示されます。
作業JSONの保存は製品版で使用できます。

6.2 開く

Demo版では、ナビゲーションの「開く」を押すと製品版機能であることを知らせる警告が表示されます。
作業JSONの読み込みは製品版で使用できます。

6.3 書き出し

「一括書き出し」は、設定した対象画像をZIPファイルとして保存する機能です。Demo版でも最大4件までの読み込み上限内でZIP書き出しを体験できます。
元画像の形式は維持され、ZIP内のファイル名のみ設定に従って変更されます。
ZIPファイルはブラウザのダウンロード機能を利用して保存されます。

7. 設定

「設定」では、ZIP内ファイル名、書き出し対象、初期ステータス、削除前確認、読み込み上限を設定できます。
設定内容はブラウザのローカルストレージに保存され、次回起動時にも復元されます。

7.1 ファイル名

  • 連番ファイル名を選ぶと、接頭辞、開始番号、桁数、区切り文字に従ってファイル名が作られます。
  • 元ファイル名のままを選ぶと、読み込んだ画像のファイル名を元にZIPへ格納します。
  • 同名ファイルがある場合は、重複しないように調整されます。

7.2 書き出し対象

  • 採用画像のみ
  • 採用＋保留
  • 全画像

7.3 自動保存

  • 自動保存バックアップは製品版で使用できます。
  • Demo版では自動保存間隔は0固定です。

7.4 読み込み上限

  • Demo版では画像を最大4件まで登録できます。
  • 製品版では最大100件まで読み込めます。
  • 件数を多くすると、利用環境によって動作が重くなる場合があります。

8. 注意事項

8.1 ローカル動作について

  • 本ツールはGoogle Chromeでのローカル実行を主対象としています。
  • Firefox、Safari、Edge等での動作は保証対象外です。
  • スマートフォン・タブレットでの動作は保証対象外です。
  • ブラウザのセキュリティ仕様上、任意のローカルフォルダへ自動的にファイル保存することはできません。
  • JSONやZIPはブラウザのダウンロード機能を通じて保存されます。Demo版ではJSON保存は利用できません。

8.2 画像データについて

  • 読み込んだ画像は外部へ送信されません。
  • Demo版では作業JSONの保存・読み込みは利用できません。
  • 大きな画像や大量の画像を使用すると、読み込み、保存、書き出しに時間がかかる場合があります。
  • Demo版では4件まで読み込みできます。
  • 製品版では100件まで読み込みできますが、利用環境によってはメモリ使用量が大きくなる場合があります。

8.3 自動保存について

  • Demo版では自動保存バックアップは製品版のみの機能です。
  • 製品版の自動保存はブラウザ内の復元用バックアップです。

8.4 権利・利用上の注意

  • 本ツールで使用する画像・ロゴ・文字・素材等については、利用者自身が必要な権利を確認してください。
  • 実在の商品、企業、ブランド、商標、人物等と誤認される表現には注意してください。
  • 第三者の権利を侵害する目的での利用は避けてください。

9. トラブルシューティング

9.1 画像が読み込めない

  • 画像ファイルを選択しているか確認してください。
  • ファイル形式がブラウザで表示可能な形式か確認してください。
  • ファイルサイズが非常に大きい場合は、画像を軽量化してから再度読み込んでください。
  • 登録上限（Demo版は4件）に達している場合は、不要な画像を削除してください。

9.2 JSONが開けない

  • Demo版ではJSON保存・JSON読み込みは製品版のみの機能です。
  • 作業JSONによる作業復元は製品版で使用できます。

9.3 ZIPを書き出せない

  • ブラウザのダウンロード許可設定を確認してください。
  • 書き出し対象に該当する画像があるか確認してください。
  • 画像データを準備中の場合は、少し待ってから再度書き出してください。
  • 大量の画像や大きな画像を使用している場合は、画像数や容量を減らしてください。

9.4 動作が重い

  • 読み込む画像数を減らしてください。
  • 元画像の解像度を下げてから読み込んでください。
  • Demo版では4件まで読み込みできます。製品版では必要に応じて読み込み上限を調整してください。

9.5 自動保存から復元できない

  • Demo版では自動保存バックアップは製品版のみの機能です。
  • 製品版では、ブラウザの保存容量を超えている場合に自動保存できないことがあります。

10. 権利表記

AssetSTUDIO 本体の著作権は CheapTech LAB に帰属します。
同梱されている第三者コンポーネントは、各提供元のライセンス条件に従います。
© 2026 CheapTech LAB

11. THIRD-PARTY-NOTICES

AssetSTUDIOには、以下の第三者コンポーネントが含まれています。各コンポーネントは、それぞれのライセンス条件に従って利用されています。

AssetSTUDIO Third-Party Notices
===============================

This software includes third-party libraries, fonts, and icon fonts.
Each component is distributed under its own license or terms.

1. destyle.css
--------------
Version: 4.0.1
License: MIT License
Project: https://github.com/nicolas-cusan/destyle.css

Copyright (c) Nicolas Cusan

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

2. M PLUS Rounded 1c
-------------------
Resource: Web font
Provider: Google Fonts / M+ FONTS Project
License: SIL Open Font License 1.1
Google Fonts page: https://fonts.google.com/specimen/M+PLUS+Rounded+1c
License: https://openfontlicense.org/

3. Open Sans
------------
Resource: Web font
Provider: Google LLC
License: SIL Open Font License 1.1
Notes: Distributed under the SIL Open Font License 1.1, which permits bundling and redistribution in commercial products.

4. Material Symbols
-------------------
Resource: Icon font
Provider: Google Fonts / Google Material Design Icons
License: Apache License 2.0
Guide: https://developers.google.com/fonts/docs/material_symbols
License: https://www.apache.org/licenses/LICENSE-2.0

Notes
-----
- Fonts and icon fonts are bundled locally in this product.
- No Google Fonts CDN request is required for normal use.
- All rights and licenses remain with their respective authors and providers.
- Please refer to each project or provider for the original source, latest license information, and applicable terms.