マガジンのカバー画像

React.jsで、BlackJackを作る

16
このマガジンでは、近日連載開始予定のプログラミング・プラモデル Vol.3 で取り上げる BlackJack というカードゲームを作る過程を投稿していきます。 言わずとしれた、ト…
運営しているクリエイター

#ブラックジャック

#15(最終回) 【React.jsで、BlackJackを作る】:カードが少なくなったらシャッフルす…

これまで前回は、スコアの計算や表示の見直しをしました。 BlackJack アプリの sandboxBlackJ…

#14 【React.jsで、BlackJackを作る】:全体的な処理の点検

これまで前回は、スコアの表示を見直して、勝敗を表示するようにしました。 BlackJack アプリ…

#13 【React.jsで、BlackJackを作る】:スコア表示の見直し、勝敗を表示する

これまで前回は、プレイヤーが STAND したときの処理など、細かい部分を調整しました。 Black…

#12 【React.jsで、BlackJackを作る】:プレイヤーの処理を実装する③

これまで前回は、プレイヤーがバーストするようにしました。 BlackJack アプリの sandboxBlac…

#11 【React.jsで、BlackJackを作る】:プレイヤーの処理を実装する② バーストするよ…

これまで前回は、プレイヤーのハンドのスコアを計算し、画面に表示しました。 BlackJack アプ…

#10 【React.jsで、BlackJackを作る】:プレイヤーの処理を実装する① ハンドのスコア…

これまで前回は、ディーラーがカードを引く処理を実装しました。 BlackJack アプリの sandbox…

#9 【React.jsで、BlackJackを作る】:ディーラーがカードを引く処理を実装する

これまで 前回は、state の管理の方法を見直しました。 BlackJack アプリの sandboxBlackJack アプリの sandbox は以下です。 この sandbox は、連載が進むのと同時に更新されていきます。 「私も作りたい!」という方は、フォークして一緒に作り始めることができます。 はじめから作りたい方はこちら関数 getRankNum(rank) を修正するディーラーがカードを引く処理を実装するためには、カードのランク(数字)を合計する必要があ

#8 【React.jsで、BlackJackを作る】:state 管理の方法を見直す

これまで前回は、ディーラーがカードを引く際のルールを確認しました。 予定を変更してお届け…

#7 【React.jsで、BlackJackを作る】:ディーラーの処理を実装する、その前に

これまで前回は、プレイヤーが STAND できるようにしました。 BlackJack アプリの sandbox Bl…

#6 【React.jsで、BlackJackを作る】:STANDしてみる

これまで前回は、カードを重ねて表示するようにしました。 BlackJack アプリの sandbox Black…

#5 【React.jsで、BlackJackを作る】:カードを重ねて表示する

これまで前回は、プレイヤーが HIT したときの処理を実装しました。 BlackJack アプリの sand…

#4 【React.jsで、BlackJackを作る】:HITしてみる

これまで前回は、カードの大きさを小さくして、HIT, STAND ボタンを表示しました。 BlackJack…

#3 【React.jsで、BlackJackを作る】:カードを小さくして、ボタンを表示する

これまで前回は、初期表示としてディーラーとプレイヤーのカードを表示してみました。 BlackJ…

#2 【React.jsで、BlackJackを作る】:カードの見た目を変えてみる

これまで前回は、BlackJack アプリを作っていく環境作りをしました。 BlackJack アプリの sandboxBlackJack アプリの sandbox は以下です。 この sandbox は、連載が進むのと同時に更新されていきます。 「私も作りたい!」という方は、フォークして一緒に作り始めることができます。 まずはなんとなく枠組みを作る具体的な処理の実装は置いといて、まずはラフ画を書くように画面を BlackJack っぽくしてみようと思います。 src