訪問していただき、ありがとうございます。

今回の内容は、

・Illustratorスクリプトの勉強を兼ねて、簡単なゲームを作りたい

と思っている人向けの記事です。

Profile
この記事を書いている私は、DTPデザイナーとしてIllustratorの操作経験が15年以上あり、スクリプトも自分の業務で必要になったものを自ら作成し、デザイン作業の効率化を図っています。
最近では、当ブログでも自作スクリプトを公開しています。

2026.04.22

【無料】Illustratorスクリプト集｜単純作業を自動化して制作時間を1/10に！

「今日もデザインを考えるより、マウスのカチカチ操作に時間を奪われていませんか？」 整列やリネームなどの単純作業は、集中力を削いでしまいます。 放置するとミスが増えるだけでなく、心も疲れてしまいますよね。 そこで、私が現場で自作したIllustratorのスクリプトを、無料で一覧にまとめました。...

今回は、Illustratorスクリプト(JavaScript)を使って【じゃんけんゲーム】を制作します。

じゃんけんゲームの制作は、【配列・ランダム・IF】などを駆使するので、学習を始めたばっかりの人にうってつけです。

それでは、どうぞお楽しみください。

「スクリプトの自作は難しい」と感じていませんか？
生成AIなら、「やりたいことを伝える」だけでIllustratorのスクリプトも作れます。
💡生成Aiで作るIllustratorスクリプトの具体手順を見る

まず、この章で【じゃんけんゲーム】スクリプトのルールなどについて解説します。
※読み飛ばしてもOK

じゃんけんのルール

じゃんけんについてルールの説明は不要だと思いますが念のため

・グーはチョキに強い。
・チョキはパーに強い。
・パーはグーに強い。
・両者が同じ手を選んだ場合、引き分け

じゃんけんゲームの流れ

プレイヤーとコンピュータ（CPU）が対戦します。

1. プレイヤーが【グー・チョキ・パー】のいずれかのボタンを押すとじゃんけんがスタート
2. コンピュータがランダムに【グー・チョキ・パー】を選ぶ
3. 画面に勝敗の結果が表示される
4. また、ボタンを押せば次のじゃんけんができる

【じゃんけんゲーム】スクリプトの入手

本記事で作成するスクリプトのプラグラムは、下記よりDLできます。
下記リンクからスクリプトをダウンロード
　　DL:janken.jsx

なお、【Illustratorスクリプトの使い方や作り方】について詳しく知りたい方は、【Illustratorの作業効率が上がる！【スクリプト】の使い方と作り方】の記事を参考にしてください。

2026.06.08

Illustratorスクリプトの作り方｜初心者が失敗しない４手順

Illustratorで同じ操作を何度もくり返していると、「この作業を自動化できないだろうか」と感じることがあります。 Illustratorスクリプトは、JavaScript（AdobeのExtendScript環境）を使って自分で作成できます。 ただし、最初から長く複雑なコードを書く必要はあ...

前章では【じゃんけんゲーム】スクリプトの概要ついて解説しました。
この章では、【じゃんけんゲーム】スクリプトのコードを公開します。

コードにコメントアウトも書いてありますので、カスタマイズする際の参考にしてください。

#target illustrator;
#targetengine illustrator;
var win = new Window("window","",[0,0,170,310]); //[left, top, width,height]     
var clickBtn01 = win.add("button", [10,10,160,100], "グー");    //グーボタン
var clickBtn02 = win.add("button", [10,110,160,200], "チョキ");    //チョキボタン
var clickBtn03 = win.add("button", [10,210,160,300], "パー");    //パーボタン

clickBtn01.onClick = function(){    //グーボタンが押されたとき
    player(0);
};

clickBtn02.onClick = function(){    //チョキボタンが押されたとき
    player(1);
};

clickBtn03.onClick = function(){    //パーボタンが押されたとき
    player(2);
};
win.center();    //モニター中心
win.show();      //ウインドウ表示


function player(x){    
    var janken = ['グー','チョキ','パー']; //配列【０，１，２】
    var cpu = Math.floor (Math.random() * 3);  //Math.floor() 小数点以下を切り捨てる Math.random() ランダム数字    

   if(cpu === x) {//じゃんけんの判定
        var resultEnd ="あいこです";
     } else if (x === 0 && cpu === 1){  //A ＆＆ B； AかつB
         var resultEnd = "あなたの【勝ち】";
     } else if (x === 1 && cpu === 2){
         var resultEnd ="あなたの【勝ち】";
    } else if (x === 2 && cpu === 0){
        var resultEnd = "あなたの【勝ち】";
   } else {
       var resultEnd = "あなたの【負け】";
   };
 
    alert ('あなたは' +  '[' + janken[x] + ']'+ "を選択しました。\n相手は" + '[' + janken[cpu] + ']' + "を選択しました。\nじゃんけんの結果!!"+resultEnd);
       
}

・このページで配布しているスクリプトを無断で転送・販売・配布することは禁止です。
・アプリケーションのバージョンアップの内容によって利用できなくなる場合がありますのでご了承ください。
・このスクリプトによって起きるいかなる不具合や損害も、責任を負いません。ご利用の際は自己責任にてお願いいたします。

今回のスクリプトコードは、最低限しか書いてありませんがIllustratorの機能を駆使すれば、同時にイラストを表示したりすることもできます。
Illustratorの機能等について詳しく知りたい方は、下記の関連記事を参考にしてください。

というわけで、今回は以上です。

＜Illustratorスクリプトを使った！じゃんけんゲーム【基本編】＞を
最後まで読んでいただき有難う御座いました。

スクリプトで作業を効率化したその先に―― 「もっとクリエイティブに集中したい」「ルーチンに縛られない働き方をしたい」 そんな思いが芽生えたなら、次は“働き方”を見直すタイミングかもしれません。

●「量より質」を重視した求人のご紹介
●「クリエイティブがわかっている」
●「求人企業を深く知る・密接な関係」

成長できる転職先を探すなら【HIGH-FIVE】がおすすめ

また、デザイナーとしての経験から、グラフィックデザイナーの「転職・独立をサポートする厳選3社」を紹介しています。

2025.08.10

デザイナー必見｜転職・独立支援おすすめ3社

「このまま今の会社にいてもいいのか…」「いっそフリーランスになるべき？」 経験を積んだデザイナーにとって、キャリアの選択は大きな分かれ道です。 特にデザインスキルを磨いてきた今、もっと自分の実力を活かせる環境を探したくなるのも自然なこと。 この記事では、「転職するか、独立するか」という悩みに直面し...

ガネメ現役サラリーマン

投稿者の過去記事

◇このブログでは、１５年以上デザイナーとして、学んできたデザインやパソコンのセキュリティ知識・参考になった書籍などを紹介しています。
たまに、脇道にそれることもあります。

◇このブログはアフィリエイト広告を利用しています

◇取得資格
・情報セキュリティマネジメント
・ITパスポート
・色彩検定　２級
・色彩検定　UC級
・屋外広告士
・第２種電気工事士
その他・・・・