InstallRuby » 履歴 » リビジョン 11
リビジョン 10 (Yuumi Yoshida, 2018-05-10 15:33) → リビジョン 11/12 (Yuumi Yoshida, 2018-05-10 15:37)
# 「非技術者むけプログラミング入門」インストール手順
更新日: 2018-05-08
## Ruby
1. ブラウザーで https://rubyinstaller.org/downloads をアクセス
2. 左側の **WITHOUT DEVKIT** の下の Ruby 2.5.1-1 (x64) をクリックしダウンロードする
3. ダウンロードされた rubyinstaller-2.5.1-1-x64.exe ファイルをダブルクリックしインストラーを起動
4. インストラーが起動したら I accept the License を選択し、Nextボタンをクリック
5. 次の画面(タイトル Installation Destination and Optional Tasks)が表示されたら、以下をチェックし Installボタンをクリック
* Add Ruby executables to your PATH
* Use UTF-8 as default external encoding.
6. Run 'ridk install' to setup .... をチェックし、Finshボタンをクリック
7. コマンドプロンプトが表示されるので 1 を入力し Return
8. 新たにコマンドプロンプトを起動し、以下のコマンドをタイプして下さい。
```
gem install bundler -N
```
![](ruby_install.gif)
## Atomエディター
1. ブラウザーで https://atom.io/ をアクセス
2. Downloadボタンをクリックしダウンロードする
3. ダウンロードされた AtomSetup-x64.exe ファイルをダブルクリックしインストラーを起動
4. インストラーが終了するまで待つ
5. Atomエディターが起動し、右上に Register as Default atom:// URI handler? というダイアログが表示されたら Yes をクリック
![](atom_install.gif)
## Git
1. ブラウザーで https://git-scm.com/downloads をアクセス
2. Windowsボタンをクリックしダウンロードする
3. ダウンロードされた Git-2.17.0-64-bit.exe ファイルをダブルクリックしインストラーを起動
4. インストラーが起動したら Nextボタンをクリック
5. 次の画面(タイトル Select Destination Location)が表示されたら、そのままで Nextボタンをクリック
5. 同じような画面がさらに7回表示されれますが、そのままで Nextボタンをクリックを繰り返します
7. 次の画面(タイトル Configuring extra options)が表示されたら、そのままで Installボタンをクリック
6. 次の画面(タイトル Completing the Git Setup Wizard)が表示されるまで待ち、全てのチェックを外し、Finishボタンをクリック
![](git_install.gif)
## Heroku CLI
1. ブラウザーで https://devcenter.heroku.com/articles/heroku-cli をアクセス
2. Windowsの 64-bit installerボタンをクリックしダウンロードする
3. ダウンロードされた heroku-x64.exe ファイルをダブルクリックしインストラーを起動
4. インストラーが起動したら、そのままで Nextボタンをクリック
5. 次の画面が表示されたら、そのままで Installボタンをクリック
6. 次の画面(タイトル Installation Complete)が表示されたら、Closeボタンをクリック
![](heroku_install.gif)
----
### Tableタグ
~~~
require 'sinatra'
require 'sinatra/reloader'
get '/' do
html = "<html><body>"
html += '<table border="1">'
html += " <tr>"
html += " <td>カルボナーラ</td>"
html += " <td>玉子とベーコンとクリームソース</td>"
html += " </tr>"
html += " <tr>"
html += " <td>ペスカトーレ</td>"
html += " <td>エビとあさりの漁師風</td>"
html += " </tr>"
html += "</table>"
html += "</body></html>"
end
~~~
### ファイルに文字列を追加する
~~~
file = open("data2.txt", "a")
file.write("5/8,BOOK,2300")
file.close
~~~
### 結果表示と入力フォームの両方がある 足し算ページ
~~~
require 'sinatra'
require 'sinatra/reloader'
get '/' do
%!
<html><body>
<form action="/add" method="post">
<input type="text" name="a"> + <input type="text" name="b">
<input type="submit" value="計算">
</form>
</body></html>
!
end
post '/add' do
a = params["a"].to_i
b = params["b"].to_i
%!
<html><body>
#{a} + #{b} = #{a + b}
<form action="/add" method="post">
<input type="text" name="a"> + <input type="text" name="b">
<input type="submit" value="計算">
</form>
</body></html>
!
end
~~~