202009 ゲームらしく
判定 ※Reactを学習したい人は「Reactチュートリアル」で学習してみてください。このブログはこのチュートリアルで感じたことや自分のメモを記述していきます。 ここまでマス目をクリックすると×印が表示されるところまで実装してきた。三目並べ...
202009 
202009 React-State
値を保持する ※Reactを学習したい人は「Reactチュートリアル」で学習してみてください。このブログはこのチュートリアルで感じたことや自分のメモを記述していきます。 次にマス目をクリックしたら、そこに×印を表示する。これを実現するために...
202009 React-コンポーネント
まずはコンポーネント ※Reactを学習したい人は「Reactチュートリアル」で学習してみてください。このブログはこのチュートリアルで感じたことや自分のメモを記述していきます。 Reactはユーザインターフェースをコンポーネントという機能単...
202009 React-チュートリアル
チュートリアルがわかりやすいかも Reactの環境構築も終え、概要も何となくわかった。ここから学習のスタートなのだが、本家のサイトにチュートリアルがあったのでこれに沿って行っていく。 ※Reactを学習したい人は「Reactチュートリアル」...
202009 Reactの動作を探る
ファイルを確認 自動生成されたプロジェクトhello-worldのファイル構成は次のようになっていた。 サーバー上のファイル構成と想定すると通常publicフォルダーのindex.htmlがトップページに該当する。しかし内容を見てみるとこの...
202009 SPA(Single Page Application)
Reactとはなんだ Reactの環境構築を終了しておきながら、Rectについて勘違いしていたことがわかった。ではReactとはなんだろう？ネットを探索していると、「SPA(Single Page Application)」のキーワードにた...
202009 React環境構築
create-react-app前回Node.jsのインストールが完了したのだが、Reactの環境構築が難解で右往左往していた。このブログの続きも無かったことにしてしまおうかと考えていたのだが...(ゴメンなさい)「create-react...
202009 Node.jsインストール
Node.jsが必要Reactの環境を構築するためにはnpm/Node.jsが必要なようだ。npmはNode.js用のパッケージ管理システムでNode.jsをインストールすれば付いてくるみたい。ReactはNode.jsの技術で動いていると...
202009 フロントエンドも進化しているらしい
ReactとかJSX、rpm・・フロントエンドといえば、HTML、CSS、JavaScript,JQueryとかの技術が主流だと思っていたのだが、この世界はどんどん進んでいるらしい。といってもフロントエンド系の技術にさほど興味がなかったため...
第１３回 例外 異常処理を検知
try catch プログラム実行時に異常終了することがあります。実際のシステムではサービスが止まってしまうことになりますので、絶対に避けなければいけません。このため異常終了を検知する命令「try catch」があります。 プログラム例 プ...
第１２回 インターフェース メソッドの強制実装
インターフェース abstractと同様にクラスにメソッドを強制実装させる命令があります。それがinterface(インターフェース)です。 abstractはスーパークラスなので継承元クラスに一つしか定義できませんが、intaerface...
第１１回 継承 継承
継承クラスを作成 クラスは継承関係を持たすことができます。継承とはあるクラスの変数、メソッドを別のクラスが利用できるようにすることです。 プログラムで確認していきましょう。 プロジェクトjava01にパッケージstep11、クラスParen...
第１０回 クラス 複数のクラス
複数のプログラムが必要 大規模システムのプログラムは行数に換算すると何万行といった規模になります。もちろんこれは1つのプログラムの行数ではなく何百本のプログラムの合計です。このようにシステムでは複数のプログラムが連携し動作しています。 複数...
第９回 メソッド 共通処理
同じ処理が複数個所に・・・ 変数、配列、２次元配列に格納されている税抜価格を税込にするプログラムを作ってみました。 このプログラム、消費税率や計算方法などが変更になったら消費税計算を行っている17、21、27行目を修正する必要があります。ま...
第８回 二次元配列 二次元の世界が存在します
配列さえ表現するのは難しい 映画館の小劇場があります。座席は1列に5座席ありそれが5列あります。座席の予約状況を変数で表現すると次のような感じになります。 2列の左から3番目の席は、(2-1)列×5+(3-1)番目（配列は0番目から始まるの...
