Graphics/2019/ex01
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*グラフィックス基礎及び実習 2019年度 実習第1回 [#kd45822f]
//&color(Red){工事中};
#contents
**実習のすすめ方 [#l5135b5b]
[[Graphics/2019/ex00]] を参照してください．
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
***step1 環境設定 [#l906608c]
この授業の演習課題をやるための環境を整えよう．
+ 次のようにコマンドを実行します（コピペしましょう）．&co...
$ /roes/sample/takataka/graphics/setup.sh
これで，「端末」内でコマンドを解釈して実行してくれるプロ...
+ ''「端末」をいったん終了して，新しいのを起動しましょう...
+端末を開き，mkdir コマンドを使って，ホームディレクトリの...
--&color(white,blue){check}; mkdir の使い方を忘れたひと...
--&color(white,blue){check}; 今後，このディレクトリのこ...
***step2 エディタ Visual Studio Code を使えるようになる ...
この授業では，ソースプログラムの作成に Visual Studio Code...
+ 次のようにディレクトリ ~/Graphics20XY へ移動して code ...
$ cd ~/Graphics20XY
$ code . ← ピリオド（現在のディレクトリ（カレントデ...
+ こんな感じのウィンドウが開きます．~
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ 画面上部のメニューバーの「ファイル」→「新規ファイル」を...
+ これを使って G01Hello.java を作ることにしましょう．「フ...
+ 右側に「Java Overview」とかいう画面が出てくるかもしれま...
+講義資料の G01Hello.java を実際に作りなさい．ただし，"a0...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ 上記のようになるはず．
-- &color(white,blue){check}; 4行目と5行目の間に「Run | D...
-- &color(white,blue){check}; この画像ではカーソルが13行...
+ 正しく書けたら「ファイル」→「保存」しましょう．
-- &color(white,blue){check}; メニューの各項目の右側に，...
***step3 G01Hello を作ろう [#ye350fdf]
+作成したプログラムをコンパイルして実行し，動作を確認しな...
-- やり方は講義資料に書いてあります．
+次のようにわざと間違えるとどんな結果になるか，ひとつづつ...
--&color(white,blue){check}; いちいち code を終了する必要...
--&color(white,blue){check}; よく見ると，メッセージ中にエ...
++7行目の "println" を "purintln" と間違えてみる
++7行目の最後の ";" （セミコロン）をつけ忘れてみる
++3行目の G01Hello をわざと別の名前にかえてみる（詳しくは...
+ ここまでできたら，課題の完了を報告しましょう
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
この課題は以下の通りです．
&color(#0000a0){以下の文だけではどうやっていいかわからな...
+ [[Graphics/Link]] から grtg.zip をダウンロードして，~/G...
+ 上記のディレクトリに移動し，lsコマンドを実行してダウン...
--&color(white,blue){check}; cdコマンドでディレクトリを移...
+ ダウンロードしたファイルは，複数のファイルをひとまとめ...
#pre{{
$ zipinfo grtg.zip
}}
+ unzip コマンドで，このアーカイブを展開しよう．
#pre{{
$ unzip grtg.zip
}}
+ 展開できたかどうか，ls コマンドで確認しよう．
#pre{{
$ ls
$ ls tg
}}
&color(white,blue){check}; カレントディレクトリ（今いる場...
+ cd や ls の使い方に慣れる（思い出す）ため，次のことをや...
--&color(white,blue){check}; コンソールで次のように順次コ...
#pre{{
$ cd
$ pwd pwdは，現在いるディレクトリ（カレントディレク...
$ ls
$ cd Graphics20XY/tg （Tabキーを使った補完を活用しよ...
$ pwd
$ ls
$ cd ..
$ pwd
$ ls
$ cd ..
$ pwd
$ ls
}}
+ ディレクトリ ~/Graphics20XY 中（tgの中ではない）に T21....
+T21.java をコンパイルして，lsしてみなさい．
--&color(white,blue){check}; エラーにならなければ，T21.cl...
--&color(white,blue){check}; T21.java は tg という「パッ...
+T21.class を実行し，動作確認しなさい．
--&color(white,blue){check}; 教科書の指定通りの動作をして...
--&color(white,blue){check}; これは次回の講義で説明するこ...
上の方の亀は，m と m1 のどちらだろう？
+実行結果が以下の図のようになるように T21.java を修正しな...
--&color(white,blue){check}; 要求通りの動作をしているか？
--&color(white,blue){check}; 一度ソースを完成させてコン...
--- 「javac ほげ」してから「java ほげ」
--- 「java ほげ」のみ
#ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ ここまでできたら，code のウィンドウはこんな感じになって...
$ code .
として「ディレクトリを開く」ようにしたおかげで，左側のメ...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ ここまでできたら，課題の完了を報告しましょう
**課題C(takataka) 締切: 次回実習開始直後 [#kadaiC]
教科書p.12の練習問題2.1をやりなさい．ただし，
-ソースファイル名は教科書の指示通り P20.java とすること．
--&color(white,blue){check}; ソースファイルはどこに作っ...
-図2.1のような星型が描けたら，星の向きがまっすぐ（ &size(...
--&color(white,blue){check}; 小学校の算数ですが...何度回...
-「これは繰り返しやからふぉー」って人は教科書の目次を見て...
**課題S(omake) [#kadaiS]
次のことを全てやりましょう．
+ 以下のリンク先からソースファイルをダウンロードし，実行...
--DoublePendulum のソース [[Graphicsgakunai:DoublePendulu...
+ 重りの質量(m1,m2)や振り子の長さ(l1,l2)をいろいろ変えて...
--このプログラムそのものはこの科目の範囲外ですが，数理情...
+ おまけ課題関係の情報のやりとりのために，Slack というビ...
-- 新規登録用URL: https://join.slack.com/t/math-graphics/...
+ 上記で入れる場所に投稿されている takataka からのメッセ...
+ 全て完了したら，takataka を呼んでチェックを受けてください
**おまけ [#r6b8ca4a]
- C言語プログラムの実行形式ファイル（Mac OS Xの環境で実行...
- C言語プログラムの実行形式ファイル（Linuxの環境で実行で...
- Java のクラスファイル [[G01Hello.class>Graphics:G01Hell...
**課題Aの補足 [#appendixA]
//&color(Red){工事中};
$ /roes/sample/takataka/graphics/setup.sh
を実行すると，自分のホームディレクトリ上の .bashrc という...
$ less ~/.bashrc
とすれば，このファイルの中身を確認できます．
この ~/.bashrc というファイルは，端末上でユーザとOSとの仲...
新しく端末を開くたびに，この設定ファイルが読み込まれます．
で，~/.bashrc の中身を理解するとわかるのですが，ここでは ...
/roes/sample/takataka/graphics/alias.sh
を読みこむようになってます．このファイルの中身を less で...
#pre{{
alias ls="ls -F --color=auto"
alias java="java --module-path $PATH_TO_FX --add-modules=...
alias javac="javac --module-path $PATH_TO_FX --add-module...
}}
こんな感じで，alias というコマンドを実行するようになって...
alias コマンドは，コマンドの別名（エイリアス）を定義する...
java や javac に上記のようなエイリアスを定義している理由...
プログラムをコンパイル&実行したい場合，本当は上記のように...
ちなみに，
$ alias
とすると，現在のシェルで定義されてるエイリアスの一覧が出...
$ \ls
のようにコマンドの前にバックスラッシュを付けて実行すると...
$ alias hoge=ls
とすると，それ以降は
$ hoge
を実行すると ls を実行するのと同じことになります．このよ...
終了行:
*グラフィックス基礎及び実習 2019年度 実習第1回 [#kd45822f]
//&color(Red){工事中};
#contents
**実習のすすめ方 [#l5135b5b]
[[Graphics/2019/ex00]] を参照してください．
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
***step1 環境設定 [#l906608c]
この授業の演習課題をやるための環境を整えよう．
+ 次のようにコマンドを実行します（コピペしましょう）．&co...
$ /roes/sample/takataka/graphics/setup.sh
これで，「端末」内でコマンドを解釈して実行してくれるプロ...
+ ''「端末」をいったん終了して，新しいのを起動しましょう...
+端末を開き，mkdir コマンドを使って，ホームディレクトリの...
--&color(white,blue){check}; mkdir の使い方を忘れたひと...
--&color(white,blue){check}; 今後，このディレクトリのこ...
***step2 エディタ Visual Studio Code を使えるようになる ...
この授業では，ソースプログラムの作成に Visual Studio Code...
+ 次のようにディレクトリ ~/Graphics20XY へ移動して code ...
$ cd ~/Graphics20XY
$ code . ← ピリオド（現在のディレクトリ（カレントデ...
+ こんな感じのウィンドウが開きます．~
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ 画面上部のメニューバーの「ファイル」→「新規ファイル」を...
+ これを使って G01Hello.java を作ることにしましょう．「フ...
+ 右側に「Java Overview」とかいう画面が出てくるかもしれま...
+講義資料の G01Hello.java を実際に作りなさい．ただし，"a0...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ 上記のようになるはず．
-- &color(white,blue){check}; 4行目と5行目の間に「Run | D...
-- &color(white,blue){check}; この画像ではカーソルが13行...
+ 正しく書けたら「ファイル」→「保存」しましょう．
-- &color(white,blue){check}; メニューの各項目の右側に，...
***step3 G01Hello を作ろう [#ye350fdf]
+作成したプログラムをコンパイルして実行し，動作を確認しな...
-- やり方は講義資料に書いてあります．
+次のようにわざと間違えるとどんな結果になるか，ひとつづつ...
--&color(white,blue){check}; いちいち code を終了する必要...
--&color(white,blue){check}; よく見ると，メッセージ中にエ...
++7行目の "println" を "purintln" と間違えてみる
++7行目の最後の ";" （セミコロン）をつけ忘れてみる
++3行目の G01Hello をわざと別の名前にかえてみる（詳しくは...
+ ここまでできたら，課題の完了を報告しましょう
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
この課題は以下の通りです．
&color(#0000a0){以下の文だけではどうやっていいかわからな...
+ [[Graphics/Link]] から grtg.zip をダウンロードして，~/G...
+ 上記のディレクトリに移動し，lsコマンドを実行してダウン...
--&color(white,blue){check}; cdコマンドでディレクトリを移...
+ ダウンロードしたファイルは，複数のファイルをひとまとめ...
#pre{{
$ zipinfo grtg.zip
}}
+ unzip コマンドで，このアーカイブを展開しよう．
#pre{{
$ unzip grtg.zip
}}
+ 展開できたかどうか，ls コマンドで確認しよう．
#pre{{
$ ls
$ ls tg
}}
&color(white,blue){check}; カレントディレクトリ（今いる場...
+ cd や ls の使い方に慣れる（思い出す）ため，次のことをや...
--&color(white,blue){check}; コンソールで次のように順次コ...
#pre{{
$ cd
$ pwd pwdは，現在いるディレクトリ（カレントディレク...
$ ls
$ cd Graphics20XY/tg （Tabキーを使った補完を活用しよ...
$ pwd
$ ls
$ cd ..
$ pwd
$ ls
$ cd ..
$ pwd
$ ls
}}
+ ディレクトリ ~/Graphics20XY 中（tgの中ではない）に T21....
+T21.java をコンパイルして，lsしてみなさい．
--&color(white,blue){check}; エラーにならなければ，T21.cl...
--&color(white,blue){check}; T21.java は tg という「パッ...
+T21.class を実行し，動作確認しなさい．
--&color(white,blue){check}; 教科書の指定通りの動作をして...
--&color(white,blue){check}; これは次回の講義で説明するこ...
上の方の亀は，m と m1 のどちらだろう？
+実行結果が以下の図のようになるように T21.java を修正しな...
--&color(white,blue){check}; 要求通りの動作をしているか？
--&color(white,blue){check}; 一度ソースを完成させてコン...
--- 「javac ほげ」してから「java ほげ」
--- 「java ほげ」のみ
#ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ ここまでできたら，code のウィンドウはこんな感じになって...
$ code .
として「ディレクトリを開く」ようにしたおかげで，左側のメ...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
+ ここまでできたら，課題の完了を報告しましょう
**課題C(takataka) 締切: 次回実習開始直後 [#kadaiC]
教科書p.12の練習問題2.1をやりなさい．ただし，
-ソースファイル名は教科書の指示通り P20.java とすること．
--&color(white,blue){check}; ソースファイルはどこに作っ...
-図2.1のような星型が描けたら，星の向きがまっすぐ（ &size(...
--&color(white,blue){check}; 小学校の算数ですが...何度回...
-「これは繰り返しやからふぉー」って人は教科書の目次を見て...
**課題S(omake) [#kadaiS]
次のことを全てやりましょう．
+ 以下のリンク先からソースファイルをダウンロードし，実行...
--DoublePendulum のソース [[Graphicsgakunai:DoublePendulu...
+ 重りの質量(m1,m2)や振り子の長さ(l1,l2)をいろいろ変えて...
--このプログラムそのものはこの科目の範囲外ですが，数理情...
+ おまけ課題関係の情報のやりとりのために，Slack というビ...
-- 新規登録用URL: https://join.slack.com/t/math-graphics/...
+ 上記で入れる場所に投稿されている takataka からのメッセ...
+ 全て完了したら，takataka を呼んでチェックを受けてください
**おまけ [#r6b8ca4a]
- C言語プログラムの実行形式ファイル（Mac OS Xの環境で実行...
- C言語プログラムの実行形式ファイル（Linuxの環境で実行で...
- Java のクラスファイル [[G01Hello.class>Graphics:G01Hell...
**課題Aの補足 [#appendixA]
//&color(Red){工事中};
$ /roes/sample/takataka/graphics/setup.sh
を実行すると，自分のホームディレクトリ上の .bashrc という...
$ less ~/.bashrc
とすれば，このファイルの中身を確認できます．
この ~/.bashrc というファイルは，端末上でユーザとOSとの仲...
新しく端末を開くたびに，この設定ファイルが読み込まれます．
で，~/.bashrc の中身を理解するとわかるのですが，ここでは ...
/roes/sample/takataka/graphics/alias.sh
を読みこむようになってます．このファイルの中身を less で...
#pre{{
alias ls="ls -F --color=auto"
alias java="java --module-path $PATH_TO_FX --add-modules=...
alias javac="javac --module-path $PATH_TO_FX --add-module...
}}
こんな感じで，alias というコマンドを実行するようになって...
alias コマンドは，コマンドの別名（エイリアス）を定義する...
java や javac に上記のようなエイリアスを定義している理由...
プログラムをコンパイル&実行したい場合，本当は上記のように...
ちなみに，
$ alias
とすると，現在のシェルで定義されてるエイリアスの一覧が出...
$ \ls
のようにコマンドの前にバックスラッシュを付けて実行すると...
$ alias hoge=ls
とすると，それ以降は
$ hoge
を実行すると ls を実行するのと同じことになります．このよ...
ページ名:
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
