【WordPress】JavaScriptをサブドメインで表示

このBlogでは、これまで記事の中でJavaScriptを動作させて紹介してきました。
結構工夫しないと動いてくれないんですよね。
だったら、サーバーに別フォルダを作ればいいんじゃね？と考えてやってみました。

サーバーは空き容量たくさん

このBlogはロリポップ！
を利用しています。
ライトプラン契約なので、100GBの容量をレンタルしている状態です。
ライトプラン　詳細はこちら

使用容量を確認すると270MBほどしか使ってません。
Blogを開設して4ヶ月、だいぶ使っているかなと思っていましたが、大したことなかったです。

ならば、フォルダを立ててしまえ

それだけ容量が残っているならば、Wordpress以外にフォルダを立てて、そこに作成したJavaScriptをFTPでアップロードすれば、WordpressのCSSやPHPに影響を受けずに作成したアプリを動かすことができるわけです。
ということで、FTPソフトを利用してWordpressのフォルダと同じ階層に別のフォルダを新規作成します。
そこに作成したミニアプリをフォルダごとアップロードします。
ロリポップの設定を頼りに、URLをたどっていくと無事表示できました。

もんすたあばとる

SSL認証を通さないと動かないミニアプリもある

先日作成した天気予報アプリがあります。

【JavaScript】天気予報アプリの制作【WebAPIを利用】

ブラウザ上で動くミニアプリです。スマホアプリとかでありそうな天気予報が作れちゃいます。

これもWordpress上で動かすには、結構制約が多いのです。
これも独立させたいのですが、WebAPIを利用するものはSSL認証を通さないとエラーになってしまいます。
全部かどうかわかりませんが、このWeather APIはそうです。
はて、困りました。
色々調べてみると、サブドメインを設定してフォルダを作れば、SSL認証をかけられそうです。

独自ドメインのサブドメイン設定について / ドメイン / マニュアル - ロリポップ！レンタルサーバー

ロリポップ！レンタルサーバーのご利用マニュアル独自ドメインのサブドメイン設定方法を説明したマニュアルページです。

こちらのサポートマニュアルを参考に、サブドメインを作成して動くようにしました。

現在地の天気

まとめ

これまで、結構無理矢理記事上に作成したアプリを表示してきました。
ですが、想定外のCSSを拾ってくれたり、思い通りに表示されなかったりしていました。
よく考えたら、別のディレクトリにファイルを置いてしまえば話が済みました。
FTPなんて何年ぶりに扱ったかってレベルです。
20年ほど前に使っていたFFFTPがまだ現役というところに感動しました。