ゲーム作りで使う画像 無料配布中
『はじめてのプログラミング メモ帳で作れるじゃんけんゲーム』で使う画像を無料配布しています。
フォルダには、以下の4枚の画像が入っています。
zip圧縮されたフォルダがダウンロードされるので、展開(解凍)してご利用ください。
じゃんけんゲームをプレイする
基本編 シンプルなじゃんけんゲーム
おまけ改造編 後出しじゃんけんゲーム
コピペ用コード
コードを自分で入力するのに疲れたら、ここからコピペ(コピー＆ペースト)してください。必要に応じて、書き換えてご利用ください。
- 【コピペ番号1】HTMLのテンプレート
- 【コピペ番号2】HTML「metaタグ 文字コード指定」
- 【コピペ番号3】HTML「titleタグ」
- 【コピペ番号4】HTML「divタグ」
- 【コピペ番号5】HTML「imgタグ」
- 【コピペ番号6】HTML「styleタグ」
- 【コピペ番号7】CSS「フォントはゴシック体」
- 【コピペ番号8】CSS「背景色はライトブルー」
- 【コピペ番号9】CSS「中央揃え」
- 【コピペ番号10】CSS「上下に隙間を作る」
- 【コピペ番号11】CSS「文字を大きく」
- 【コピペ番号12】CSS「文字を太く」
- 【コピペ番号13】CSS「文字の色を指定」
- 【コピペ番号14】CSS「文字に影をつける」
- 【コピペ番号15】CSS「枠線を引く」
- 【コピペ番号16】CSS「枠線の内側に隙間をつくる」
- 【コピペ番号17】HTML「scriptタグ」
- 【コピペ番号18】JavaScript「エレメントにイベントリスナーを追加するメソッド」
- 【コピペ番号19】JavaScript「クリック時に呼び出される関数」
- 【コピペ番号20】JavaScript「文字を書き換える」
- 【コピペ番号21】JavaScript「条件分岐if」
- 【コピペ番号22】JavaScript「ランダムに数字を選ぶメソッド」
- 【コピペ番号23】JavaScript「画像を変更する」
コピペ番号1
HTMLのテンプレート
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
コピペ番号2
HTML「metaタグ 文字コード指定」
<meta charset="UTF-8">コピペ番号3
HTML「titleタグ」
<title></title>コピペ番号4
HTML「divタグ」
<div></div>コピペ番号5
HTML「imgタグ」
<img src="画像ファイル名">コピペ番号6
HTML「styleタグ」
<style></style>コピペ番号7
CSS「フォントはゴシック体」
font-family: sans-serif;コピペ番号8
CSS「背景色はライトブルー」
background-color: lightblue;コピペ番号9
CSS「中央揃え」
text-align: center;コピペ番号10
CSS「上下に隙間を作る」
padding-top: 30px;
padding-bottom: 30px;
コピペ番号11
CSS「文字を大きく」
font-size: 40px;コピペ番号12
CSS「文字を太く」
font-weight: bold;コピペ番号13
CSS「文字の色を指定」
color: orange;コピペ番号14
CSS「文字に影をつける」
text-shadow: 2px 2px black;コピペ番号15
CSS「枠線を引く」
border: 3px solid white;コピペ番号16
CSS「枠線の内側に隙間をつくる」
padding: 10px;コピペ番号17
HTML「scriptタグ」
<script></script>コピペ番号18
JavaScript「エレメントにイベントリスナーを追加するメソッド」
document.getElementById('id名').addEventListener('click', 関数名);
コピペ番号19
JavaScript「関数」
function 関数名(){
}
コピペ番号20
JavaScript「文字を書き換える」
document.getElementById('id名').textContent = '表示させたいテキスト';
コピペ番号21
JavaScript「条件分岐if」
if(条件式){
}
コピペ番号22
JavaScript「ランダムに数字を選ぶメソッド」
Math.floor(Math.random() * 全体の個数);
コピペ番号23
JavaScript「画像を変更する」
document.getElementById('id名').src = ファイル名が代入された変数;