及川WEB室|ホームページ制作

HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室 ホームページ制作HOME
及川WEB室 > ECサイト > ネットショップBASEのファイルアップローダー

ネットショップBASEのファイルアップローダー

2016/09/24
ネットショップBASE BASEは、ネットショップを作れるサービス(2012年11月20日サービス開始)。

BASEのテンプレート(テーマ)をカスタマイズする際に、ファイルをサーバーにアップロードするのに使用する、ファイルアップローダについてのメモ。

BASEにファイルをアップするのは「ファイルアップローダー」で

BASEのファイルアップローダーBASEにファイルをアップロードするには、BASE専用の「ファイルアップローダー」というツールを使用する。
ファイルアップローダー」は、BASEの開発者向け情報ページ「BASE Developers」のツール。
ただし、BASEのデフォルトの状態では、「ファイルアップローダー」は利用できない。

※FTPは使えない(2016年9月24日の時点で)。とても不便。

BASE Developpers のファイルアップローダーについて

ファイルアップローダー」は、BASEの初期状態では利用できない。
前述の「HTML編集」アプリを購入すると使用できるようになる。
  • ファイルアップローダー」は、開発者向け情報ページ「BASE Developers」にある。
    BASE Developpers
    BASE Developers のページの右上にある[Sign in]をクリックし、BASEのショップにログインする時に使用するのと同じメールアドレスとパスワードでログインする。
    BASE Developpers BASE Developpers
  • BASEのショップで「HTML編集」アプリをインストールしていない場合の画面。
    ファイルアップローダは利用できない状態。
    BASE Developpers に Sign in 後の画面 BASE Developpers(開発者API)管理画面
  • BASEのショップに[HTML編集]アプリをインストール(アプリを購入)後の画面。
    右側に[ツール]ボタンが表示された。
    BASE Developpers に Sign in 後の画面 ショップBASEに「HTML編集」アプリ購入後のBASE Developpers(開発者API)管理画面
  • [テーマ]をクリックすると、ファイルアップローダーが表示される。
    アップロードしたいファイルを選択して[アップロードする]。
    BASEのファイルアップローダー ※この画面にも記載されているが、アップロードできるファイルの種類は、画像ファイル、Javascritpファイル、CSSファイルのみ。
    アップできるサイズは、1ファイル1MBまで。1日に10MBまで。

    ※一度アップロードすると、そのファイルは、削除や変更ができない。ファイルを修正したい場合は、修正したファイルを新しいファイルとしてアップロードし、新しくURLを取得する。

    ※ファイルはひとつづつアップする。複数のファイルを一度にアップロードができない。フォルダはアップできない。
  • ファイルをアップロードすると、そのファイルのURLが表示される。
    そのURLを必ずメモっておく。
    あとで、BASEのショップのデザイン編集で、HTMLを編集する際に、画像やJavascriptやCSSファイルのパスにそのURLを使用するので。 ネットショップBASE「HTMLを編集App」アプリ購入 テンプレートはこの1つだけとは、結構簡素な構造・・・。

    BASE Templateのドキュメントはこちら。
    BASE独自タグの詳しい使用方法が無いので、分かりずらい。
    例えば、各変数タグがどのブロックタグ内で有効なのかなどが不明。私が読み込んでないだけでしょうか。
    ドキュメントも機能も今後、充実されることを期待。

BASEの「ファイルアップローダー」についての感想

ファイルアップローダーでは、Javascriptファイル と CSSファイル 画像ファイルのみ。
ファイルは1つずつアップして、その都度アップしたURLを取得する。
複数のファイルを一度にアップロードができない。
Javascript のライブラリなどはアップロードする気になれない。

アップロード後にファイルを修正する場合、一度アップロードしたファイルは、削除や変更ができないため、修正したファイルをファイルアップローダーでアップしてまたURLを取得して、テンプレートに記述してあるファイルのURLを書き換えなければならない。新しいファイルに入れ替えるのと同じ作業。

それが面倒で、ファイルは別サーバーにFTPでアップしてリンクさせようとしたが、BASEはSSLのため外部のファイルを設置するとページを表示したときに警告メッセージが出てしまう。なので、外部サーバーのファイルは使えない。

CSSファイルも修正の都度CSSファイルをファイルアップローダーでアップロードしてURLを取得してテンプレートのlinkタグを書き換えて・・・CSSファイルは頻繁に修正するのでこの上なく非効率。
なので、CSSはテンプレート内に直接記述した。

とにかく非効率。

ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ) BASEのファイルアップローダー ネットショップBASEの独自タグ - HTML編集で使用する「BASEテンプレート変数」
MENU Ξ