Webrickの練習用

@HIROSE Yuuji HIROSE Yuuji authored on 3 Apr 2022
README.md Login first 1 year ago
nibai.rb Add more string 1 year ago
web.rb Add note 1 year ago
README.md

Webrickの練習

簡単なWebアプリケーションを作る練習です。
次の手順で自分のVirtualBox環境に入れて作成練習してください。

最初の準備

1回だけ必要です。やり直すときもこの手順です。

  1. GitBucketに ログインし このURLをひらきます(https://www.yatex.org/gitbucket/JD2021student/webrick/)
  2. 右上の [Fork] ボタンを押すとどの名義にフォークを作るか選択肢が出るので、自分のj21xx番号を選びます
  3. フォークされた自分名義のリポジトリ画面が出ます
    自分名義かどうかは JD2021student/webrick が j21xx/webrick に変わったかで確認できます。
  4. [HTTP▼ https://........ [←]] のようにあるところから 右のコピーボタン(copy to clipboard と出る)を押してURLをコピーします
  5. c-2でターミナルを選んで次のように打ちます
    git clone 「Ctrl-Shift-V」
    URLがペーストされるので、そのままEnterを押します
  6. cd webrick [Enter] して、以後はその中のファイルをいじります

起動実験

最初にWebアプリケーション起動ができるか実験します。

  1. C-3 で console: ターミナルを選び、
    cd webrick
    ./web.rb
    としてWebサーバを起動します。終了時これを止めるときは C-c です
  2. C-2 のターミナルを選び ls して nibai.rb があることを確認します
  3. ブラウザを起動してアドレスバーに以下のURLを打ち込みます
    http://localhost:3000/nibai.rb
    入力窓に数値を入れて計算させてみましょう。

普段の作業

自分のPCだけにデータを置くと操作ミスなどにより 消えてしまうことがあるのでGitBucketサーバに登録しながら進めます。

newfile.rb を作る例で示します。

  1. ~/webrick/newfile.rb を開いて保存する
  2. ブラウザで http://localhost:3000/newfile.rb を開いて実験
  3. うまく動いたら「コミット」する
    Emacs編集画面で C-x v v とタイプするとコミットメッセージ入力画面が出 るので「○○の機能を足した」のような1行文を入れてから C-c C-c
  4. 2と3をくり返し修正が切りのいい所になったら C-2 のターミナルで
    git push
    GitBucketのユーザ名とパスワードを入れる
    を忘れずにします

~/webrick/ のなかでコマンド起動しましょう。

練習問題

入力窓1つにxを入れて2倍するプログラム nibai.rb を参考に
入力窓2つにxとyを入れて足した結果を出すプログラムを新規に作成せよ。