Skip to main content

C3 テンプレートパッケージの作り方

zipファイルの適切な作り方

1. スクリプトでzipを作成

zipの作成は実に簡単です。

「エクスプローラー」タブの「NPM スクリプト」ペインから、「package:develop」または、「package:production」を選択し、実行してください。

画像

package:develop

プレビュー用のテンプレートパッケージを作成します。ブラウザの「検証ツール」でソースが見やすくなるような工夫がされています。

package:production

本番用のテンプレートパッケージを作成します。可読性よりも圧縮性を重視して、コードが生成されます。

これで作成したzipファイルをprodパッケージと、呼んでいます。

パッケージの違い

developもproductionも、サイトでの振る舞いは、同じで、違いはファイル容量のみです。

それも観覧数によっては誤差と言える範囲ですが、コダワリを持ってproductionビルドを実装しています。

2. 出力先フォルダを確認

「archives」というフォルダが作られ、zipファイルが生成されます。

画像

エラーが出る場合

HTMLのタグが閉じ忘れられていたり、冗長・重複したスタイルなどを書いてしまっていたりすると、エラーでzipが作れないようになっています。

どうしても行き詰まった場合は、一度変更をGitHubへアップロード(プッシュ)して、担当者までお問い合わせください。

3. C3へのアップロード

C3のマニュアルを参考にzipファイルをアップロードしてください

https://docs.c3.ctime.jp/#/developer/edit-template-package