#author("2023-10-18T19:02:37+09:00;2023-10-03T16:49:22+09:00","default:inoue.ko","inoue.ko") * RentalServer ''X-Free Server'' でのアカウント取得・サーバー開設の手順 #author("2024-11-19T13:35:23+09:00;2023-10-03T16:49:22+09:00","default:inoue.ko","inoue.ko") *X-Free Server アカウント取得・サーバー開設の手順 ~ CENTER: &color(red){''2023.10.03 X-Free は「シン・クラウド」にリニューアルされました。&br;このページの本文記事は古いものになっていますが、&br;すでに X-Free でアカウントをお持ちの方のために、&br;記事はこのまま残しておきます。''}; &color(red){シン・クラウドにおける新規のアカウント作成、&br;サーバーの利用手順等については、&br;以下のページをご覧ください。}; https://www.xfree.ne.jp/manual/ &small(窓口ページは、従来と同じ、https://www.xfree.ne.jp/ です。); シン・クラウドでは、PHPを必要とするWebサイトを、 通常のFTPクライアントを利用して転送・公開することができます。 以下、開設事例です。 通常のHTMLサイト：http://cf881153.cloudfree.jp/ PukiWikiサイト：http://cf881153.cloudfree.jp/pukiwiki_minimal/ ~ ~ **アカウント登録 ***公式サイトにアクセス -公式サイト：https://www.xfree.ne.jp/ -画面下の「無料レンタルサーバー利用お申し込み」をクリック ~ ***利用者登録 #image(01.jpg,right,40%) -はじめに、あなたのメールアドレスを登録します。 -PCで受信トレイを開く前提で Gmail 等がおすすめです。 -メールが届いたら、本登録用のリンクをクリックして、その先へ進みます。 #clear #image(02.jpg,right,40%) -利用者情報の登録です。 -パスワードを忘れないようメモしてください。 #clear #image(03.jpg,right,40%) -管理パネルへのログイン画面が表示されます。 -利用者IDとパスワードを入力して、先へ進んで下さい。 #clear ~ ***サーバー ID（URLの一部）の設定 #image(04.jpg,right,40%) -サーバー IDを決めてください。 http://XXXXXXX.html.xdomain.jp/ XXXXXXXX の部分を決める //例：http://opensquarejp.html.xdomain.jp/ -この文字列は、あなたのサイトのURLの最初の文字列に利用される部分です。将来にわたって利用できるような、ユニークな名称を考えて設定して下さい。 -すでに使われている場合は、先へ進むことができません。他の文字列を検討して無料プランのまま先に進めるまで、繰り返しお試し下さい。 #clear ~ #image(05.jpg,right,40%) -右のような画面が出ます。 -次のステップで利用するサーバー の種類を選びます。 #clear ~ #hr CENTER: '''''以下、X-Free で用意されている''''' '''''HTMLサーバー、PHP+MySQLサーバー、WordPressサーバー、''''' '''''それぞれのケースについて、設定手順を紹介します。''''' #hr ~ ***CONTENTS #contents2_1 ~ ~ **HTMLサーバー の開設 一般的なWebサイト（HTML+CSS+JS）をアップロードして公開するためのサーバーを開設します。 ~ ***HTMLサーバー の利用開始 #image(05.jpg,right,40%) //#image(06.jpg,right,40%) -HTMLサーバー の部分で「利用を開始する」をクリックして下さい。 ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 #clear #image(07.jpg,right,40%) -右は、HTMLサーバー管理パネルのイメージです。 -サーバー 、ドメイン設定とFTPアカウント設定で、情報を確認、また設定作業が必要になります。 #clear #image(08.jpg,right,40%) -ドメイン設定画面では、あなたのサイトのURLを確認することができます。 #clear #image(09.jpg,right,40%) -ブラウザであなたのサイトにアクセスしてみて下さい。 -初期設定には時間がかかります。 -右のように表示される場合は、数時間待つ必要があります。 #clear ~ #image(10.jpg,right,40%) -右のように表示された場合は、準備完了です。 -自身で作成した index.html 等のファイルを、FTP接続でアップすれば、Webサイトの公開が可能な状態になっています。 #clear ~ ***FTP接続情報の確認 #image(11.jpg,right,40%) -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてください。 #clear ~ #image(12.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたがって、パスワードを入力してください。 -パスワードは忘れないようにメモしてください。 -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは使用しない''前提で話を進めます。将来のために、FTPクライアントを使ったファイルの転送スキルを身につけることをお勧めします。 ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの設定画面です。 -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください。''}; 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはずです。 -ここに見える index.html が「このウェブベースには、まだホームページがアップロードされていません。」と記載された初期ページです。 -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設例 例：http://opensquarejp.html.xdomain.jp/ &aname(PHP); ~ ~ **PHP+MySQLサーバー の開設 PHPを利用したサイトの公開には、このサーバーの開設が必要です。 ~ ***PHP+MySQLサーバー の利用開始 #image(php01.jpg,right,40%) -PHP+MySQLサーバー の部分で「利用を開始する」とすると、右のように「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 #clear ~ #image(php02.jpg,right,40%) -右は、サーバー管理パネル（PHP+MySQL）のイメージです。 -FTPアカウント設定をクリックして先へ進んで下さい。 #clear ~ ***FTPアカウント設定 #image(php03.jpg,right,40%) -アカウント名を確認して下さい。以下のパターンになります。 xxxxxx.php.xdomain.jp -FTP接続情報を確認します。 --FTPホスト名 --FTPユーザー（アカウント名） &small(X-freeではサイトのURL文字列と同一); --FTPパスワード &small(自身で設定（以下）が必要); -FTPアカウント設定のメニュー「編集」をクリックしてください。 #clear ~ #image(php04.jpg,right,40%) -右のような、パスワード設定画面が出るので、ルールにしたがって、パスワードを入力してください。 -パスワードは忘れないようにメモしてください。 #clear ~ #image(php05.jpg,right,40%) -確認画面が表示されたら「確認」を押して、確定させて下さい。 #clear ~ ***FTPクライアントの利用 ここでは、X-Free のFTPアカウント設定画面にある ''WebFTPは使用しない''前提で話を進めます。将来のために、FTPクライアントを使ったファイルの転送スキルを身につけることをお勧めします。 ~ #image(13.jpg,right,40%) -右は、FileZilla FTPクライアントのサイトマネージャーでの設定画面です。 -''必要なのは以下の３項目です。'' --''ホスト''：FTPホスト名 --''ユーザー''： FTPアカウント名 --''パスワード''：FTPパスワード -&color(red){''「暗号化」の部分は、以下を選択してください。''}; 平文のFTPのみを使用する（安全でない） -接続をクリックすると、サーバー に接続されるはずです。 #clear ~ #image(14.jpg,right,40%) -サーバー のルートディレクトリは、右図のように見えるはずです。 -ここに見える index.html が「このウェブベースには、まだホームページがアップロードされていません。」と記載された初期ページです。 -この index.html を入れ替えればいい・・ということです。 #clear ~ ***開設事例 -以下、PukiWiki を設置した事例です。 http://opensquarejp.php.xdomain.jp/pukiwiki_minimal //例：http://opensquarejp.php.xdomain.jp/ //-初期状態では、上記のように見えます。 //-既存の index.html を削除して、index.php を含む、ご自身のサイトのデータをアップして下さい。 &aname(WP); ~ ~ **WPサーバー の開設 WordPress のセットアップと公開 ~ ***WPサーバーの利用開始 #image(05.jpg,right,40%) //#image(wp01.jpg,right,40%) -WPサーバー の部分で「利用を開始する」をクリックして下さい。 ＞「管理パネルにログイン＞」というボタンが表示されます。 -管理パネルにログインしてください。 &color(red){このプロセスには時間がかかります。何度もクリックしないように。}; #clear #image(wp02.jpg,right,40%) -新規インストールをクリック &color(red){このプロセスには時間がかかります。何度もクリックしないように。}; #clear #image(wp03.jpg,right,40%) -サイトのアドレスはそのまま &small(サブドメイン（左端の空欄）は指定できません。空白のままにします。); -WordPressID を決めて入力 &small(サーバー管理の ID とは別のもので、WordPress にログインして記事を投稿するためのものです。これは自由に設定可能です。); -ブログタイトルを入力 &small(後で変更可能です。とりあえず仮のタイトルでいいので設定して下さい。); -WordPress からの連絡用メルアドを入力 &small(WordPress は、メール送信機能を持ちます。WordPressからあなたへの連絡用のメールアドレスを設定して下さい。後で変更可能です。); #clear #image(wp04.jpg,right,40%) インストールが完了すると、右図のように情報が表示されて、設定やダッシュボードへの入り口が提示されます。 #clear //#image(wp05.jpg,right,40%) サイトのURLにアクセスすると、WPサイトにアクセスできるはずですが、公開までに 30分ほど時間がかかります。以下のように表示される場合は、時間をおいて再度アクセスして下さい。 設定の反映待ちか存在しないアドレスです。 しばらく時間を置いてから、再度アクセスをお試し下さい。 #clear ~ ***WordPressの管理情報設定 以上で、サイトは公開されていますが、この時点では、ダッシュボードにログインするためのパスワードの情報が得られていません。以下の手順で、WordPressの管理者IDとパスワードを確認する必要があります。 ~ #image(wp06.jpg,right,40%) - -WordPress管理画面の「設定」をクリックして下さい。 #clear #image(wp_Admin01.jpg,right,40%) -各種管理設定の中に「管理者パスワードの初期化」があるので、それをクリック #clear #image(wp_Admin02.jpg,right,40%) -WordPressのダッシュボードにログインするためのログインIDが表示されていますので、そのまま「パスワードを初期化する」をクリック #clear #image(wp_Admin03.jpg,right,40%) -パスワードが初期化されて、新しいパスワードが表示されます。 -この管理画面では、パスワードが自動生成されるだけです。ここでパスワードを設定し直すことはできません。 -パスワードを自分好みに変更したい場合は、WordPressのダッシュボードの中で行います（後述）。 #clear #image(wp_Admin04.jpg,right,40%) -WordPress管理画面の「ダッシュボードへ」をクリックして下さい。 もちろん、http://サイトのURL/wp-admin で入ることもできます。 #clear #image(wp_Admin05.jpg,right,40%) -WordPressのログイン画面になるので、ログインIDとパスワードを入力して、ダッシュボードに入って下さい。 -これで、普通にWordPressが使えます。 -以下の作業は任意です。 #clear #image(wp_Admin06.jpg,right,40%) -自動生成されたパスワードを変更したい場合は、ダッシュボードメニューのユーザーから、アカウント管理の部分の「パスワードを生成する」をクリックして下さい。 #clear #image(wp_Admin07.jpg,right,40%) -自動生成されたパスワードが表示されますが、これをあなたの好みの文字列に書き換えて「プロフィールを更新」して下さい。 #clear ~ ***FTPクライアントの利用 WordPressは、一度セットアップしてしまえば、ダッシュボードから様々なカスタマイズが可能ですが、自身で作成したテーマを利用するなど、本格的に使うには、FTP接続によって、システムフォルダの中にファイルをアップ、またダウンロードする作業が必要になります。以下FTP接続を行うための手順です。 ~ #image(wp_FTP01.jpg,right,40%) -WPの構成ファイルを直接アップ・ダウンできるよう、FTP接続情報を設定します。 -デフォルトではFTP接続が無効になっているので、これを有効化することが必要です。 #clear #image(wp_FTP02.jpg,right,40%) -FTPホスト名は決まっているので、これをメモしましょう。 -ステータスが無効になっているので、設定変更をクリック。 #clear #image(wp_FTP03.jpg,right,40%) -WPの構成ファイル全体が見えるよう、「全てのファイル・・」にチェック。 #clear #image(wp_FTP04.jpg,right,40%) -X-Freeでは、FTPアカウント名は、サイトのURLと同じ文字列が設定されます。これをメモしておきましょう。 -設定編集をクリックします。 #clear #image(wp_FTP05.jpg,right,40%) -FTPパスワードは、自動生成されて表示されます。 -これをメモしておきましょう。 #clear #image(wp_FTP06.jpg,right,40%) -FTPアカウント設定が「有効」になっていればOKです。 #clear #image(wp_FTP07.jpg,right,40%) -FTPホスト名、FTPアカウントID、FTPパスワードの３つの情報があれば、FTPクライアントから接続可能です。 -接続すると、ドキュメントルートに、WPの構成ファイルが全て見えるはずです。 #clear ~ 以後、必要に応じて、テーマファイル等のアップ・ダウンが可能になります。 ~ ***開設例 例：http://opensquarejp.wp.xdomain.jp/ ~ ~