Graphics/2020/ex01
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*グラフィックス基礎及び実習 2020年度 授業第1回 [#kd45822f]
//&color(Red){''工事中''};
#contents
**授業の進め方と準備 [#l5135b5b]
まず [[Graphics/2020/ex00]] を確認して準備しておいてくだ...
**ex01 step1 [#step1]
Graphicsチーム内で活動します
**ex01 step2 [#step2]
Graphicsチーム内で活動します
**ex01 step3 [#step3]
''自分の Windows10/macOS 環境に JDK と JavaFX をインスト...
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
***ex01 step3 Windows10編 &color(white,blue){win}; [#ste...
Java の開発環境のうち，無料／フリーなものとしては，[[Open...
いろいろあるのですが，この授業的には，JavaFX も一緒にイン...
+ 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...
と書いてある下の，
Microsoft Windows 64 bit 11.0.6+10 JDK（JREではない）
のところ，「[[Download MSI>http://download.bell-sw.com/ja...
+ ダウンロードしたファイルを開いてインストーラを起動，指...
+ インストールできたことを確認するため，コマンドプロンプ...
>
左下のスタートメニュー>「Windowsシステムツール」>「コマン...
<
とする（起動後にタスクバーのアイコンを右クリックして「ピ...
+ javac, java コマンドを次のように -version というオプシ...
#pre{{
> 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)
}}
&color(red){''注意''};:
以下に示している手順で Windows に Java 開発環境を導入した...
***ex01 step3 macOS編 &color(white,#909090){mac}; [#step3...
Java の開発環境のうち，無料／フリーなものとしては，[[Open...
いろいろあるのですが，この授業的には，JavaFX も一緒にイン...
+ 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...
と書いてある下の，
Apple macOS 64 bit 11.0.6+10 JDK（JREではない）
のところ，「[[Download DMG>http://download.bell-sw.com/ja...
+ ダウンロードしたファイルを開いてインストーラを起動，指...
+ インストールできたことを確認するため，ターミナルを起動...
>
Finderで「アプリケーション」>「ユーティリティ」>「ターミ...
<
とする（起動後にDockのアイコンを右クリック>「オプション」...
+ javac, java コマンドを -version というオプション付きで...
#pre{{
$ 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 [#step4]
''自分の Windows10/macOS 環境に Visual Studio Code インス...
以下，VSCode と略します
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
*** ex01 step4 Windows編 &color(white,blue){win}; [#step...
+ VSCode のサイトへ https://code.visualstudio.com/
+ 「Download for Windows」をクリックするとインストーラの...
+ ダウンロードされたインストーラを起動してインストール
-- インストール先等の設定: 特に理由がなければ変更せずその...
-- プログラムグループの指定: そのままで可，お好みで
-- 追加タスクの選択: そのままでも構わないが，「デスクトッ...
+ 「スタートメニュー」>「Visual Studio Code」から起動．タ...
+ メニュー等を日本語化する（''Graphicsチーム内に動画あり...
++ 左下の歯車 > 「Command Pallette」 > 上部の箱に「config...
++ リストに「Configure Display Language」が出てくるので選択
++ 「Install additional languages」を選択
++ 一覧の中から Japanese Language Pack for Visual Studio...
++ ポップアップウィンドウが出て「Restart Now」と言われる...
++ VSCodeが再起動してメニューが日本語化される
*** ex01 step4 macOS編 &color(white,#909090){mac}; [#ste...
+ VSCode のサイトへ https://code.visualstudio.com/
+ 「Download for Mac」をクリックするとアプリのダウンロー...
+ ダウンロードされた ZIP ファイルをダブルクリックして展開...
+ Finderから「アプリケーション」>「Visual Studio Code」を...
+ メニュー等を日本語化する → [[#step4win]] の同じ箇所へ．...
** ex1 step5 [#step5]
//#hr
//CENTER:
//&color(Red){''以下工事中''};
//#hr
''はじめての Java プログラミング''
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
*** ex01 step5 Windows編 &color(white,blue){win}; [#step...
+ VSCode を起動して，デスクトップに Graphics2020 というフ...
+ Hello.java という名前の Java ソースファイルを作ろう（そ...
++ VSCode で Hello.java という名前のファイルを新規作成（↓...
---Java 拡張パックインストールしろとか言われるのでする
++ Hello.java の中身を書き，ファイルの文字コードを SJIS ...
+ コンパイルしよう
++ コマンドプロンプトで Graphics2020 へ移動
#pre{{
C:\Users\takataka> cd Desktop\Graphics2020
C:\Users\takataka\Desktop\Graphics2020> dir
（ Hello.java があるはず ）
}}
++ javac コマンドでコンパイル（''コマンドは，「じゃゔぁし...
> javac Hello.java
+ 実行しよう．java コマンドで実行（''Helloだけ,拡張子付け...
> java Hello
#pre{{
/** はじめての Java プログラム */
public class Hello{
public static void main(String[] args){
System.out.println("こんちは");
System.out.print("a01055の");
System.out.println("ほげほげおでおま");
}
}
}}
*** ex01 step5 macOS編 &color(white,#909090){mac}; [#ste...
上記の Windows10編とほぼ同じです．''「ファイルの文字コー...
終了行:
*グラフィックス基礎及び実習 2020年度 授業第1回 [#kd45822f]
//&color(Red){''工事中''};
#contents
**授業の進め方と準備 [#l5135b5b]
まず [[Graphics/2020/ex00]] を確認して準備しておいてくだ...
**ex01 step1 [#step1]
Graphicsチーム内で活動します
**ex01 step2 [#step2]
Graphicsチーム内で活動します
**ex01 step3 [#step3]
''自分の Windows10/macOS 環境に JDK と JavaFX をインスト...
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
***ex01 step3 Windows10編 &color(white,blue){win}; [#ste...
Java の開発環境のうち，無料／フリーなものとしては，[[Open...
いろいろあるのですが，この授業的には，JavaFX も一緒にイン...
+ 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...
と書いてある下の，
Microsoft Windows 64 bit 11.0.6+10 JDK（JREではない）
のところ，「[[Download MSI>http://download.bell-sw.com/ja...
+ ダウンロードしたファイルを開いてインストーラを起動，指...
+ インストールできたことを確認するため，コマンドプロンプ...
>
左下のスタートメニュー>「Windowsシステムツール」>「コマン...
<
とする（起動後にタスクバーのアイコンを右クリックして「ピ...
+ javac, java コマンドを次のように -version というオプシ...
#pre{{
> 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)
}}
&color(red){''注意''};:
以下に示している手順で Windows に Java 開発環境を導入した...
***ex01 step3 macOS編 &color(white,#909090){mac}; [#step3...
Java の開発環境のうち，無料／フリーなものとしては，[[Open...
いろいろあるのですが，この授業的には，JavaFX も一緒にイン...
+ 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...
と書いてある下の，
Apple macOS 64 bit 11.0.6+10 JDK（JREではない）
のところ，「[[Download DMG>http://download.bell-sw.com/ja...
+ ダウンロードしたファイルを開いてインストーラを起動，指...
+ インストールできたことを確認するため，ターミナルを起動...
>
Finderで「アプリケーション」>「ユーティリティ」>「ターミ...
<
とする（起動後にDockのアイコンを右クリック>「オプション」...
+ javac, java コマンドを -version というオプション付きで...
#pre{{
$ 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 [#step4]
''自分の Windows10/macOS 環境に Visual Studio Code インス...
以下，VSCode と略します
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
*** ex01 step4 Windows編 &color(white,blue){win}; [#step...
+ VSCode のサイトへ https://code.visualstudio.com/
+ 「Download for Windows」をクリックするとインストーラの...
+ ダウンロードされたインストーラを起動してインストール
-- インストール先等の設定: 特に理由がなければ変更せずその...
-- プログラムグループの指定: そのままで可，お好みで
-- 追加タスクの選択: そのままでも構わないが，「デスクトッ...
+ 「スタートメニュー」>「Visual Studio Code」から起動．タ...
+ メニュー等を日本語化する（''Graphicsチーム内に動画あり...
++ 左下の歯車 > 「Command Pallette」 > 上部の箱に「config...
++ リストに「Configure Display Language」が出てくるので選択
++ 「Install additional languages」を選択
++ 一覧の中から Japanese Language Pack for Visual Studio...
++ ポップアップウィンドウが出て「Restart Now」と言われる...
++ VSCodeが再起動してメニューが日本語化される
*** ex01 step4 macOS編 &color(white,#909090){mac}; [#ste...
+ VSCode のサイトへ https://code.visualstudio.com/
+ 「Download for Mac」をクリックするとアプリのダウンロー...
+ ダウンロードされた ZIP ファイルをダブルクリックして展開...
+ Finderから「アプリケーション」>「Visual Studio Code」を...
+ メニュー等を日本語化する → [[#step4win]] の同じ箇所へ．...
** ex1 step5 [#step5]
//#hr
//CENTER:
//&color(Red){''以下工事中''};
//#hr
''はじめての Java プログラミング''
最初はGraphicsチーム内で活動して，それからここへ来て，Win...
その他の環境のひと，PCの用意がないひとについては，チーム...
*** ex01 step5 Windows編 &color(white,blue){win}; [#step...
+ VSCode を起動して，デスクトップに Graphics2020 というフ...
+ Hello.java という名前の Java ソースファイルを作ろう（そ...
++ VSCode で Hello.java という名前のファイルを新規作成（↓...
---Java 拡張パックインストールしろとか言われるのでする
++ Hello.java の中身を書き，ファイルの文字コードを SJIS ...
+ コンパイルしよう
++ コマンドプロンプトで Graphics2020 へ移動
#pre{{
C:\Users\takataka> cd Desktop\Graphics2020
C:\Users\takataka\Desktop\Graphics2020> dir
（ Hello.java があるはず ）
}}
++ javac コマンドでコンパイル（''コマンドは，「じゃゔぁし...
> javac Hello.java
+ 実行しよう．java コマンドで実行（''Helloだけ,拡張子付け...
> java Hello
#pre{{
/** はじめての Java プログラム */
public class Hello{
public static void main(String[] args){
System.out.println("こんちは");
System.out.print("a01055の");
System.out.println("ほげほげおでおま");
}
}
}}
*** ex01 step5 macOS編 &color(white,#909090){mac}; [#ste...
上記の Windows10編とほぼ同じです．''「ファイルの文字コー...
ページ名:
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
