グラフィックス基礎及び実習 2020年度 授業第1回 †[edit]
授業の進め方と準備 †[edit]
まず Graphics/2020/ex00 を確認して準備しておいてください．
ex01 step1 †[edit]
Graphicsチーム内で活動します
ex01 step2 †[edit]
Graphicsチーム内で活動します
ex01 step3 †[edit]
自分の Windows10/macOS 環境に JDK と JavaFX をインストールしよう
最初はGraphicsチーム内で活動して，それからここへ来て，Windows10とmacOSに分かれて作業します．
その他の環境のひと，PCの用意がないひとについては，チームの方で対応します．
ex01 step3 Windows10編 win †[edit]
Java の開発環境のうち，無料／フリーなものとしては，OpenJDKやそこから派生したものがあります．
いろいろあるのですが，この授業的には，JavaFX も一緒にインストールできる Liberica JDK が便利です．というわけで，ここでは Liberica JDK 11.0.6 のインストール法を説明します．
- https://bell-sw.com/pages/java-11.0.6/ へ
- 「Download Liberica JDK for Microsoft Windows 64 bit」というボタンを押したくなるけど押さない．
- ページのずっと下の方，
Full version of Liberica includes LibericaFX and Minimal VM
と書いてある下の，
Microsoft Windows 64 bit 11.0.6+10 JDK（JREではない）
のところ，「Download MSI」 をクリックしてファイルをダウンロード．
- ダウンロードしたファイルを開いてインストーラを起動，指示に従ってインストール
- インストールできたことを確認するため，コマンドプロンプトを起動．
左下のスタートメニュー>「Windowsシステムツール」>「コマンドプロンプト」
とする（起動後にタスクバーのアイコンを右クリックして「ピン留め」しとくとよいでしょう．すでに起動してたひとは，一度閉じて新しいのを開き直してください）．
- javac, java コマンドを次のように -version というオプション付きで実行すると，次のように表示されるはず（ここでは，左端の > は自分が入力する記号ではありません）．
> javac -version
javac 11.0.6
> java -version
openjdk version "11.0.6" 2020-01-15 LTS
OpenJDK Runtime Environment (build 11.0.6+10-LTS)
OpenJDK 64-Bit Server VM (build 11.0.6+10-LTS, mixed mode)
注意:
以下に示している手順で Windows に Java 開発環境を導入した場合，ソースの日本語コードは Shift JIS にする必要があります．macOS や Linux のデフォルトである UTF8 とは異なるため，両者でソースをやりとりしたい場合，コードを変換する必要があります．くわしくは Graphics/FAQ#code へ．
ex01 step3 macOS編 mac †[edit]
Java の開発環境のうち，無料／フリーなものとしては，OpenJDKやそこから派生したものがあります．
いろいろあるのですが，この授業的には，JavaFX も一緒にインストールできる Liberica JDK が便利です．というわけで，ここでは Liberica JDK 11.0.6 のインストール法を説明します．
- https://bell-sw.com/pages/java-11.0.6/ へ
- 「Download Liberica JDK for Apple macOS 64 bit」というボタンを押したくなるけど押さない．
- ページのずっと下の方，
Full version of Liberica includes LibericaFX and Minimal VM
と書いてある下の，
Apple macOS 64 bit 11.0.6+10 JDK（JREではない）
のところ，「Download DMG」 をクリックしてファイルをダウンロード．
- ダウンロードしたファイルを開いてインストーラを起動，指示に従ってインストール
- インストールできたことを確認するため，ターミナルを起動（すでに起動してたひとは，一度閉じて新しいのを開き直してください）．
Finderで「アプリケーション」>「ユーティリティ」>「ターミナル」
とする（起動後にDockのアイコンを右クリック>「オプション」>「Dockに追加」しとくとよいでしょう）．
- javac, java コマンドを -version というオプション付きで実行すると，次のように表示されるはず．
$ javac -version
javac 11.0.6
$ java -version
openjdk version "11.0.6" 2020-01-15 LTS
OpenJDK Runtime Environment (build 11.0.6+10-LTS)
OpenJDK 64-Bit Server VM (build 11.0.6+10-LTS, mixed mode)
ex01 step4 †[edit]
自分の Windows10/macOS 環境に Visual Studio Code インストールしましょう
以下，VSCode と略します
最初はGraphicsチーム内で活動して，それからここへ来て，Windows10とmacOSに分かれて作業します．
その他の環境のひと，PCの用意がないひとについては，チームの方で対応します．
ex01 step4 Windows編 win †[edit]
- VSCode のサイトへ https://code.visualstudio.com/
- 「Download for Windows」をクリックするとインストーラのダウンロードがはじまる
- ダウンロードされたインストーラを起動してインストール
- インストール先等の設定: 特に理由がなければ変更せずそのままで
- プログラムグループの指定: そのままで可，お好みで
- 追加タスクの選択: そのままでも構わないが，「デスクトップ上にアイコンを作成する」，「サポートされているファイルの種類のエディターとして、Codeを登録する」くらいに追加でチェック入れとくとよさげ
- 「スタートメニュー」>「Visual Studio Code」から起動．タスクバーにピン留めするのもよいだろう
- メニュー等を日本語化する（Graphicsチーム内に動画あります）
- 左下の歯車 > 「Command Pallette」 > 上部の箱に「config」と入力
- リストに「Configure Display Language」が出てくるので選択
- 「Install additional languages」を選択
- 一覧の中から Japanese Language Pack for Visual Studio Code を見つけて 「Install」を押す
- ポップアップウィンドウが出て「Restart Now」と言われるのでクリック
- VSCodeが再起動してメニューが日本語化される
ex01 step4 macOS編 mac †[edit]
- VSCode のサイトへ https://code.visualstudio.com/
- 「Download for Mac」をクリックするとアプリのダウンロードがはじまる
- ダウンロードされた ZIP ファイルをダブルクリックして展開し，できた「Visual Studio Code.app」を「アプリケーション」へ移す
- Finderから「アプリケーション」>「Visual Studio Code」を起動．Dockのアイコンを右クリックして「オプション」>「Dockに追加」しとくのもよいだろう
- メニュー等を日本語化する → #step4win の同じ箇所へ．日本語化の方法はWin版でもmac版でも同じ．
ex1 step5 †[edit]
はじめての Java プログラミング
最初はGraphicsチーム内で活動して，それからここへ来て，Windows10とmacOSに分かれて作業します．
その他の環境のひと，PCの用意がないひとについては，チームの方で対応します．
ex01 step5 Windows編 win †[edit]
- VSCode を起動して，デスクトップに Graphics2020 というフォルダを作る（Graphicsチーム内に動画あります）
- Hello.java という名前の Java ソースファイルを作ろう（その後の手続きもあわせてGraphicsチーム内に動画あります）
- VSCode で Hello.java という名前のファイルを新規作成（↓にあるのをコピペしたらよいでしょう）
- Java 拡張パックインストールしろとか言われるのでする
- Hello.java の中身を書き，ファイルの文字コードを SJIS にして保存する（macOSでは不要）
- コンパイルしよう
- コマンドプロンプトで Graphics2020 へ移動
C:\Users\takataka> cd Desktop\Graphics2020
C:\Users\takataka\Desktop\Graphics2020> dir
（ Hello.java があるはず ）
- javac コマンドでコンパイル（コマンドは，「じゃゔぁしー」だよ．「じゃゔぁ」じゃないよ）
> javac Hello.java
- 実行しよう．java コマンドで実行（Helloだけ,拡張子付けないことに注意）
> java Hello
/** はじめての Java プログラム */
public class Hello{
public static void main(String[] args){
System.out.println("こんちは");
System.out.print("a01055の");
System.out.println("ほげほげおでおま");
}
}
ex01 step5 macOS編 mac †[edit]
上記の Windows10編とほぼ同じです．「ファイルの文字コードを SJIS に」，はしなくてよいことに注意．
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
