2021-09

プログラミング

クリックで画像を切り替える(場所別)-JavaScriptの基本だけで作るトランプゲームの神経衰弱#5-

Javascriptでクリックされた場所に応じて別々の画像に切り替える方法についてお伝えします。複数の画像のパスを配列に格納しておき、クリックされた場所に応じて配列の番号を指定して呼び出すだけで簡単に実現できます。
プログラミング

クリックで画像を切り替える-JavaScriptの基本だけで作るトランプゲームの神経衰弱#4-

クリックで画像を変更する処理についてお伝えしています。本シリーズではJavaScriptの基本だけでトランプゲーム「神経衰弱」を作ることを目標として各記事では個別のテクニックを紹介しています。
プログラミング

JavaScriptで複数の異なる画像を並べる-JavaScriptの基本だけで作るトランプゲームの神経衰弱#3-

今回はJavaScriptで異なる画像を並べる方法について見ていきます。...まずは表示する画像のパスを後でいちいち書かずとも番号で指定できるように配列に格納しておきます。...上で準備した画像のパスをループ文を使って順番に表示させるだけです。
プログラミング

JavaScriptで画像を並べる-JavaScriptの基本だけで作るトランプゲームの神経衰弱#2-

今回はJavaScriptを使ってHTMLを操作し、画像を並べる方法を解説していきます。非常に簡単な上、画像だけでなく色々と応用が効くので是非自由な発想で様々なことにチャレンジしてみてください!今回の目標はこんな感じです。見た目は前回と変わ...
プログラミング

トランプカードの並びをCSSで整える-JavaScriptの基本だけで作るトランプゲームの神経衰弱#1-

自分の練習も兼ねて簡単なコーディングだけでトランプゲーム「神経衰弱」を作ってみたのでその方法をシリーズとして共有していきたいと思います。作る中で必要となってくる知識やアルゴリズム、また、愚直でエレガントでなくてもひとつのゲームやプログラムを...