アフィリエイト広告を利用しています

広告

posted by fanblog

2021年05月27日

JavaScript テスト用ブログを用意して動作確認をする

ブログに JavaScript を使った計算ページを作る記事 を書いてきましたが、作った計算ページを投稿してみると、ちゃんと動作していなくて、下書きに戻して直すことがけっこうありました。
そこで考えたのが、JavaScript テスト用ブログを作って、そこでテストしてから本来投稿するブログで投稿するという方法です。


JavaScript テスト用ブログは、一般に公開する必要がない(公開しない方がいい)ので、自分だけが見れるように設定します。また、計算フォームの各部品の配置やデザインも確認したいので、同じブログサービスで同じデザイン テンプレートを使う方がいいですが、ブログを1つしか作れないブログサービスの場合は、他のブログサービスを使っても基本的なテストはできると思います。


ファンブログでテスト用ブログを作る


ファンブログでは、1つのアカウントで5つまでブログを作ることができます。すでに5つ作っているという場合は、別のアカウントを作ればさらに5つ作れそうですが、そんなに同じブログであることにこだわる必要もないので、次に書く Blogger や Seesaaブログを使うのもいいと思います。


1)ファンブログにブログを追加します。
ブログを追加する方法は、こちら。

ブログの新規作成: ファンブログFAQ

一般に公開しないブログなので、ブログのタイトルは「テスト用ブログ」など適当でいいと思います。
デザイン テンプレートは、実際に公開する方のブログと同じものにしておきます。


2)テスト用ブログを作ったら、[設定]を開きます。 SC20210525100723.png


3)[設定]ページでは、[ブログ設定]と[ページ認証]の設定をします。
まずは、[ブログ設定]を開きます。
SC20210525102059.png


4)[ブログ設定]では、「ブログポータルへの公開」を「紹介しない」に変更します。
これはファンブログの新着記事一覧に表示する設定ですが、一般に公開しないブログなので必要ないですね。「紹介しない」に変更したら、一番下にある[保存]ボタンをクリックして、[ブログ設定]の設定は終わりです。
SC20210525101635.png


5)次に、[ページ認証]の設定をします。
3)のページに戻ってもいいですが、上部メニューの[設定]から[ページ認証]ページを開くことが出来ます。
SC20210525104124.png


6)[ページ認証]ページを開いたら、「ディレクトリ名」のところにある[編集]をクリックします。 SC20210525101819.png


7)「ユーザー名」と「パスワード」を入力して、[保存]ボタンをクリックします。
「ユーザー名」と「パスワード」は、自分がこのテスト用ブログを見るためのものです。
誰かにアクセスされたとしても困るものではないので、簡単なものでOKです。
私の場合は、「ユーザー名」・「パスワード」とも同じでアルファベット3文字にしています。
SC20210525101855.png


8)以上で、テスト用ブログの設定は完了です。あとは、実際に公開する方のブログで追加しているCSS(スタイルシート)があれば、同じものを追加しておきます。



Seesaaブログでテスト用ブログを作る


Seesaaブログの設定は、ファンブログと似ています。ファンブログでの手順1)〜3)は、少し画面の表示が違う程度です。


4)[ブログ設定]も似たようなものですが、「ブログポータルへの公開」が「ブログを紹介する/しない」という表記になっています。
ここを「紹介しない」にします。
SC20210525135815.png


5)〜7)の[ページ認証]も似ていますが、Seesaaブログでは「ディレクトリ名」が5つに分類されています。
その一番上の「 / 」で、「ユーザー名」と「パスワード」を設定しておけばOKです。
SC20210525135910.png



Blogger でテスト用ブログを作る


Blogger は1つのアカウントで作れるブログの数に制限はありません。実際に公開するブログを Blogger で作っている場合は、テスト用ブログも Blogger で作るのがいいと思います。


1)Blogger で新しいブログを作るときは、Blogger にログインして、左上のブログ名が表示されている右側にある「▼」をクリックします。 SC20210525141513.png


2)Blogger で作成済みのブログが表示された一番下の「新しいブログ」をクリックすると、新しいブログを作ることができます。 SC20210525141612.png


3)新しいブログを作ったら、[設定]を開きます。 SC20210525142405.png


4)[設定]ページの中の「検索エンジンに表示されるようにする」のスイッチをオフにします。
一般に公開しないブログなので検索エンジンに表示される必要はありませんし、ここをオンしておいた場合、実際に公開するブログの記事より、テスト用ブログの記事を優先して検索エンジンに登録されてしまうかもしれません。
SC20210525142549.png


5)同じ[設定]ページの中の「読者の権限」を「投稿者に限定公開」に変更て、[保存]をクリックします。
これで他の人が見れないようにできます。
SC20210525143147.png


以上で設定完了です。こちらも、実際に公開する方のブログで追加しているCSS(スタイルシート)があれば、同じものを追加しておきます。



その他のブログでテスト用ブログを作る


その他のブログでも、設定ページで同じような設定をすれば、テスト用ブログとして使えると思います。
設定すべき点は、以下のとおりです。
1)ページ認証などで、一般の人から見れないようにする。
2)ブログサービスの新着記事に表示させないようにする。
3)検索エンジンに表示されないようにする(これは Blogger だけのはず)



にほんブログ村 IT技術ブログ フリーソフトへ
この記事へのコメント
YUMA2さん、記事を参考にしていただき、ありがとうございました。
JavaScript関連の記事は、JavaScriptに詳しい人がたくさん書いておられるので、最近始めた私の記事が役に立つか心配していたので、正直にうれしいです。
Posted by ぽん太親父 at 2021年05月29日 21:30
とてもわかりやすい説明,ありがとうございました。
助かりました。
Posted by YUMA2 at 2021年05月29日 20:08
コメントを書く

お名前: 必須項目

メールアドレス:


ホームページアドレス:

コメント: 必須項目

この記事へのトラックバックURL
https://fanblogs.jp/tb/10750936

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
ブログ内を検索
ファン

最新記事
カテゴリー
最新コメント
ツイッター
広告設置のお知らせ

当ブログは、Amazonアソシエイト・プログラムの参加者です。
(Amazonアソシエイト・プログラムは、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムです)
記事内で使用している画像の一部は、Amazonの商品画像を使用しており、その商品へのリンクになっています。

また、その他のアフィリエイト・サービス・プロバイダなどの広告も表示しています。
当ブログをご覧の際は、cookie を有効にし、Webブラウザの広告ブロック機能を使用しないで、ご覧いただきますようにお願いいたします。

プロフィール
ぽん太親父さんの画像
ぽん太親父
建築関係の小さな事務所で、他に適当な人間がいないことから、コンピューター関連の担当をさせられています。 趣味でけっこう長い間パソコンを使っていますが、ちゃんと勉強していないので、うまくいかなくて冷や汗をかくこともしばしば。
×

この広告は30日以上新しい記事の更新がないブログに表示されております。

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: