みなさんこんにちは🌸！ライブハウスで3時間立ちっぱなしがしんどくなってきた…manoです。
誰でも気軽に、CS-Cartのアドオンが生成できる…アドオンビルダーを作りました⚡️
CS-CartでのECサイト構築を行っていると、機能を開発・カスタマイズしたいというご要望をよく聞きます。
CS-Cartのアドオン開発、最初の一歩をもっと手軽に
自分でアドオンの雛形を簡単に用意できたらアドオン開発のハードルが下がるのにな…と思ったことはありませんか？
また開発者の方は、アドオン開発、フォルダ作成や設定ファイルの記述から始めるのが面倒だと思ったことはありませんか？
ta-da!この度、あんどぷらす社内のみで利用されていたアドオンビルダーをアップデートし誰でも利用できるサイトとして公開しました✨✨
リンクはこちら👇
CS-Cart アドオンビルダー
👆画面に必要な値を入力し、ボタンを押すだけで、インストール可能なZIP形式の雛形が生成されます。👆
社内ツールが、みんなのツールに進化しました
今まで、社内で利用する範囲で、アドオンビルダー自体は存在していました。
雛形を用意する際に利用してはいましたが、情報が古い部分もあり、生成された情報を手動で修正する手間もありました。
今回は、社内外の皆さんに便利ツールとして気軽に利用していただくことを目的に、既存のアドオンビルダーをアップデートしました。
何が変わった？アップデートの3つのポイント
最新バージョンまでの指定が可能
最新バージョンまで指定してアドオン生成が可能です。また今後、バージョンが増えた場合も対応予定です✨
デザイン・実装構造の刷新
旧来の画面の便利なUIなどは継承し、色合いやデザインを刷新しました。
また、更新・保守が容易にできるようにデータをjsonで持たせるなどの変更も行いました。
これが社内でのみ利用されていた頃の画面です。ひよこちゃんが左右に飛び回ります🐣ひよこちゃんはヘッダーのロゴに継承しました🐣
便利なWebツール
あんどぷらすはCS-Cart開発パートナーとして、Webツールを公開することで、開発のハードルを下げ、より多くの魅力的なアドオンが生まれるきっかけになればと考えています。「誰でも自由に使える便利ツール」を通じて、CS-Cartのエコシステム全体を皆さんと一緒に盛り上げていければ嬉しいです。
どんな機能があるサイトなの？
主に下記の設定をすることでアドオンのZIP形式での生成が可能です。生成されたフォルダ構成のまま、開発を進めていき、ZIP形式にします。そのファイルを管理画面でインストールするとそのままアドオンとして稼働します。
・英語と日本語の多言語対応をしており、サイト右上のボタンで切り替え可能
・管理画面にて表示される、アドオン名、アドオン説明、アドオンロゴ、開発者まで設定可能
・バージョンも最新版まで指定可能
・エディションも指定可能。
・アドオンに紐づいたCSSやJSの有無まで指定可能
使い方
ホバーすることで、該当項目がどの部分に紐づいた情報かわかるようになっているので、この項目はこの設定だなと直感的にわかるようになっています💡これは旧来のサイトのとても便利なところで継承しました✨
アドオンのカスタマイズ方法
雛形を作った後のカスタマイズ方法は、以下を参考に実装してみてください。
CS-Cart.jp開発ドキュメント アドオンチュートリアル
さいごに
開発者の方や、自力でのカスタマイズに挑戦したいCS-Cartユーザーのみなさま、ぜひこの「スターターキット」としてビルダーを活用してみてください🎶
CS-Cart アドオンビルダー
もし「雛形はできたけれど、複雑なロジックの実装で行き詰まった」「公式ドキュメントを読んでも解決できない高度な機能を追加したい」といった場合は、プロの出番です。ぜひお気軽にあんどぷらすへご相談ください！
【お問い合わせはこちら】
