10_weeks_webdev_learninng_3st

↑10週間ウェブ開発講座

注意 †

第一週(開発環境の設定)と第一・五週(公開鍵認証方式でログインするための設定)は連続で行います。

第一週 †

第一週目は開発環境を作り、最初のhtmlファイルを設置するところまでを行います。

ソフトウェアのインストール †

必要なソフトウェアのリストは次の通りです。

• PuTTyごった煮版
• WinSCP
• PHPエディタ/秀丸/TeraPad

ソフトウェアの使い方 †

PuTTy †

s-tanno.comのファイルを直接編集するときに使います。
また、初期の時点で与えられたパスワードの変更をしてください。

PuTTyを起動します。

#ref(): File not found: "putty1.png" at page "10_weeks_webdev_learninng_3st"

ホスト名: s-tanno.com
ポート: 1012

上記の状態で、「開く」をクリックします。

#ref(): File not found: "putty2.png" at page "10_weeks_webdev_learninng_3st"

ユーザIDと初期パスワードを入力してログインします。

#ref(): File not found: "putty3.png" at page "10_weeks_webdev_learninng_3st"

passwd と打ち込んでエンターキーを押します。
現在のパスワードと新しいパスワード（二回）を入力してください。
この作業で、あなたのパスワードが変更されます。

WinSCP †

s-tanno.comにhtmlファイルやphpファイルを設置するときに使います。

WinSCPを起動します。

#ref(): File not found: "winscp1.png" at page "10_weeks_webdev_learninng_3st"

Newをクリックします。

#ref(): File not found: "winscp2.png" at page "10_weeks_webdev_learninng_3st"

Host name: s-tanno.com
Port number: 1012
User name: あなたのユーザ名
Password: あなたのパスワード

上記の情報を入力し、Saveをクリックします。

#ref(): File not found: "winscp3.png" at page "10_weeks_webdev_learninng_3st"

「Save password」は非推奨ですが、学習期間中はチェックを入れておいた方が便利でしょう。
第一・五週で公開鍵認証方式を使用することになるので、「Save password」をチェックしても意味がありません。

#ref(): File not found: "winscp4.png" at page "10_weeks_webdev_learninng_3st"

この状態でLoginをクリックすればWinSCPを使用できます。

#ref(): File not found: "winscp5.png" at page "10_weeks_webdev_learninng_3st"

PHPエディタ/秀丸/TeraPad? †

割愛します。どのテキストエディタを使用しても問題ありませんが、初心者の方にはPHPエディタをお勧めします。また、文字コードはUTF-8で統一してください。

PHPエディタを使用する場合、文字コードの設定は「表示 => エディタ設定 => その他」にあります。

WindowsとUNIXのディレクトリ構成 †

Windowsの例 †

C: + Program Files + AppName ...
   |               |
   |               + AppName2 ...
   |
   + Windows - System32  

すごく省略するとこんな感じです。

UNIXの例 †

/ + home + y-mahata - htdocs
  |      |
  |      + y-geshi  - ...
  |
  + var ...

すごく省略するとこんな感じです。このカリキュラムでは /home/y-mahata/htdocs の下が主な作業環境です。

最初のhtmlファイル †

次のhtmlファイルを /home/y-mahata/htdocs/index.html という名前で設置してください。

注：文字コードにご注意ください！　ここではutf-8で保存します。

この状態で http://y-mahata.s-tanno.com/ を確認すれば、あなたの最初のホームページができあがっているはずです。

宿題 †

自己紹介用のページを作成してください。
作成した後、 http://y-mahata.s-tanno.com/self_introduction.html で参照できるようにしてください。