2021-05

Laravel

[Laravel入門]TODOアプリを作成しよう(TODO追加処理)

前回はTODOアプリの用のテーブル作成と、登録するためのモデルの用意までを行いました。 今回は実際にモデルを使用して、TODOを登録するようにします。 前回の記事はこちらです。 TODOコントローラーをartisanで作成する 前回までで、...
Laravel

[Laravel入門]TODOアプリを作成しよう(TODOテーブルとモデルの作成)

前回作成したLaravelのTODOアプリのモックに、TODO追加の機能を作成していきます。 今回はデータベースの用意と、テーブルにデータを追加するためのモデルの作成を行います。 前回の記事はこちらです。 データベースを作成する TODOの...
JavaScript

[JavaScript入門]if – else文を使ってみよう(条件分岐)

前回はJavaScriptの配列について書きました。 今回はJavaScriptでのif - else文の使い方について、見ていきましょう。 最初にJavaScriptで、if - else文を使用する方法を確認します。 その後に処理を分岐...
JavaScript

[JavaScript入門]配列を使ってみよう

前回はJavaScriptの算術演算子について書きました。 今回はJavaScriptでの配列の使い方について、見ていきましょう。 最初にJavaScriptで、配列の宣言と使用する方法を確認します。 その後に配列を使用したプログラムを書い...
Laravel

[Laravel入門]TODOアプリを作成しよう(環境とモック画面作成)

Laravel8とTailwindCSSを使って、TODOアプリを作成してみます。 Laravelに入門したい初心者さんや、どんな感じか知りたい人向けです。 対象読者としては、こちらのPHP入門の記事が大体理解できた方を対象にしています。 ...
JavaScript

[JavaScript入門]プログラムで計算してみよう(算術演算子について)

前回はJavaScriptの変数について書きました。 今回はJavaScriptでの演算子について見ていきましょう。 最初にJavaScriptで、計算する方法について確認しましょう。 その後に簡単な計算プログラムを書いて、ブラウザに出力し...
JavaScript

[JavaScript入門]変数と定数を使ってみよう

本記事では、JavaScriptで変数を使う方法とサンプルを作って実行するところまでを目的としています。 JavaScriptは基本的にはブラウザがあれば使うことができます。 なので、実行環境構築は不要で、ブラウザのみで学習していけます。 ...
JavaScript

オブジェクト代入で「あれっ?」(Object.assign,スプレッド構文)

JavaScriptでオブジェクトを変数に代入して、ゴニョゴニョする処理を書きました。 代入先の変数の内容を変えると、代入元の内容も変わって「あれっ?」となりました。 そういえば、JavaScriptではオブジェクトの代入は単純なコピーじゃ...
PHP

【PHP入門 / 練習問題】Webじゃんけんゲームを作ろう!(ログアウト機能実装)

前回はプレイ回数などのカウントを実装しました。 前回までで、ほとんど出来上がりました。 ですが、現在のままだとゲームを開始した後にもゲーム開始画面に戻れてしまいます。 ゲーム開始後にはゲーム開始画面に戻れないようにします。 戻りたい場合はロ...
PHP

【PHP入門 / 練習問題】Webじゃんけんゲームを作ろう!(回数カウント実装)

前回コンピューター対戦まで実装した、Webじゃんけんゲームに回数のカウント機能を実装します。 また、内部のリファクタリング(マジックナンバーを潰します)を少し行ってコードを見やすくします。 前回の記事はこちらです。 この記事の目標(作るもの...
PHP

【PHP入門 / 練習問題】Webじゃんけんゲームを作ろう!(対戦実装)

前回はじゃんけんゲームの開始時のバリデーションを行いました。 前回までに作成した、じゃんけんゲームに対して、コンピューターと対戦する機能を入れていきましょう。 前回の記事はこちらです。 この記事の目標(作るもの)について ゲームを開始すると...
PHP

【PHP入門 / 練習問題】Webじゃんけんゲームを作ろう!(バリデーション)

今回は前回作った画面に対して、バリデーションを入れていきましょう。 ユーザーから入力された名前はPHPのセッションで持ち回ります。 そしてバリデーションとしては、入力した名前の空チェックと、8文字以内チェックをかけます。 画面の上部にユーザ...