2019-07-11から1日間の記事一覧

【Laravel5.8】テーブルにダミーデータを入れたい

テスト運用時に「初めからテーブルにダミーデータを入っていたらなあ…」と思いつつ、これまで長らく1つ1つわざわざデータを入れていました。しかし、LaravelにはSeederという優れた機能があります。以下はSeederの使い方の一例。 Seederを作成 database/seed…

【Laravel5.8】SQLSTATE[HY000]: General error: 1005 Can't create tableを解決したい

migrationファイルに参照制約をつけると未だに100%ぶつかる以下のエラー。 1 PDOException::("SQLSTATE[HY000]: General error: 1005 Can't create table 'book_store.#sql-18ac_2c' (errno: 150)") こういう奴ですが、原因はほぼ確実に参照しようとしている…

【Laravel5.8】新規登録・ログイン・ログアウト画面に遷移したい

LaravelでAuth機能を付け加えた後は、該当ページに 新規登録 ログイン ログアウト の機能を持たせたい。 新規登録への遷移 ログインへの遷移 ログアウトへの遷移 新規登録への遷移 <a href="{{ url('/register') }}">新規会員登録</a> ログインへの遷移 <a href="{{ url('/login') }}">ログイン</a> ログアウトへの遷移 view側では… <a href="/logout"></a>…

【Laravel5.8】make:auth後のユーザー登録でエラー吐き出される

Laravelでは $php artisan make:auth で簡単にユーザー認証機能が追加できます。しかし、実際に行ったところ以下のようなエラーが出てきました。 SQLSTATE[HY000] [1049] Unknown database 'laravel' (SQL: select count(*) as aggregate from `users` where…

【Laravel5.8】ModelとMigrationを同時に作りたい

ModelとMigrationを同時に作れれば効率的かつModelとMigrationの名前を間違えることがない。 $ php artisan make:model Comment --migration これでOK。ちなみに以下のように打ち込むと… $ php artisan make:model UserInfo --migration Model created succe…

【JavaScript】クリックした後の結果を切り替えたい|datasetを使う

前回のコードを利用して、以下の仕様のゲームを作成していきます。 ゲームの仕様 5つの無地divが並んでいる。 clickすると1/5の確率で当たり、4/5の確率で外れが出る。 結果は回によって変わる。 <html lang="ja"> <head> <meta charset="utf-8"> <body> </body> body{ display: flex; flex-wrap: wrap; } .box{ width</meta></head></html>…

【JavaScript】繰り返し処理を行いたい

繰り返し処理を行う方法の1つにfor文があります。for文の書き方の一例としては、 for(let i = 0; i < 10 ; i ++){ // 繰り返し行いたい処理 }; という書き方になります。for文の中で指定した「i」が0から9になるまで、繰り返し行いたい処理を行うという操作…

【JavaScript】JavaScript側から要素を追加したい

HTMLに直接書き込まず、JavaScript側から要素を追加するという手段もあります。その際に使用するのが、 document.createElement('追加したい要素')というものです。例えば、 document.createElement('div') とすることで、div要素を作り出すことができます。…

【JavaScript】長い文字列を定数・変数に置き換えたい

前回使っていたJavaScriptのコードでは、以下のような書き方になっていました。 'use strict'; document.getElementById('target').addEventListener('click',function(){ document.getElementById('target').style.background = 'pink'; }) しかし、これで…

【JavaScript】指定した要素にstyleを付け加えたい|classListのメソッドまとめ

JavaScriptでは、指定した要素に対して、CSSで作ったclassのstyleを付け加えることも可能です。classのstyleを付け加えるには、 対象の要素.classList.add('追加するstyleのclass名'); をJavaScriptのfunctionに付け加えるだけでOK。前回のコードを使うと、…

【JavaScript】addEventListenerの引数に渡すイベント一覧

前回の記事ではaddEventListenerにclickイベントを渡しましたが、他にもたくさんのイベントがあります。 イベントまとめ 主なイベント一覧 引数 イベント発火のタイミング click クリック時 mousedown マウスのボタンが押下された時 mouseup マウスのボタン…

【JavaScript】クリックしたら色が変わる機能をつけたい

JavaScriptで、クリックをすると色が変わるdiv要素を作っていきます。 <html lang="ja"> <head> <meta charset="utf-8"> <body> <div class="box" id="target">★ </div> </body> .box{ width: 100px; height: 100px; background: skyblue; cursor: pointer; } 'use strict'; document.getElementById('target').addEventListener('cli…</meta></head></html>