javascriptVue.js(v2)のemitを使う方法(子から親への値渡し)
Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。 Vue.jsのバージョンは2です。 emitについての公式ドキュメントは下記になります。 emitとは？ 子コンポーネントで、ユーザーが行ったア...
javascript
javascriptVue.js(v2, v3)のrefsの使い方（親から子の要素参照)
Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。 Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。 公式のドキュメントはこちらに記載してあります。 V...
javascriptVue.js(v3)のpropsの使い方(親から子に値渡し）
Vue.jsでpropsを使用して値を受け渡す方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。 公式のドキ...
javascriptVue.js(v3)でコンポーネントを作成する方法
Vue.jsでコンポーネントを作成する方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。 Vue.jsのコンポーネントと...
LaravelLaravelでVue.js(v3)を使う方法！
LaravelでVue.jsのバージョン3を使い始めました。 この記事ではLaravelのバージョン8でVue.jsのバージョン3を導入する方法について書いています。 Laravelのプロジェクトを準備して、Vue.jsのバージョン3を使っ...
LaravelLaravelでトランザクションを張る2つの方法！
Laravelでトランザクションを張る方法について書いてみました。 Laravel8 + MySQL8で確認しています。 トランザクションを張る方法は下記の2つです。 ・DBのコミットやロールバック自分で書く。 ・transactionメ...
LaravelLaravelのクエリビルダーでテーブル結合(内部結合, 外部結合)する
Laravelのクエリビルダーを使用して、テーブルを内部結合や外部結合するときの方法について記載しています。 ほとんどSQLを書くのと変わらないくらいな記述量になるので、簡単な結合などはLaravelのモデルにhasOneやhasMany...
LaravelLaravelのEloquentでリレーションを作る方法！(hasOne, hasMany)
LaravelのEloqunetでリレーションを作る方法をまとめてみました。 Laravelのバージョン8で挙動を確認しています。 モデルから関連するモデルにリレーションを作成しておくと、簡単に関連先のデータを取得することが可能です。 複...
LaravelLaravelでTailwindCSSを使う方法
LaravelでTailwindCSSを使う方法と実際に導入して、動作確認してみました。 7ステップで設定は完了します。 簡単に使い始めることができるので確認してみてください。 導入方法についてはTailwindCSS公式サイトの下記に...
Laravel[Laravel入門]TODOアプリを作成しよう(バリデーション)
前回はTODOの削除機能を作成しました。 今回はTODOを追加するときのバリデーションを追加していきます。 入力内容が下記の場合には、エラーにして画面にエラーメッセージを表示します。 ・空入力 ・文字数が少ない(3文字以下) ・文...
ビジネス【ブラックな現場？】201x年にSESで経験した体験談！
今回は自分語りになりますが、SES（システムエンジニアリングサービス）で経験したブラックな現場について書きたいと思います。 ブラック現場が気になる人やITエンジニア派遣やフリーランスなどで、SESで働く予定の方は確認してみてください。 ※...
Laravel[Laravel入門]TODOアプリを作成しよう(削除機能を作る)
前回はTODOのチェック機能を作成していきました。 前回の記事はこちらです。 今回は削除ボタン(ゴミ箱アイコン)を押されたときに、TODOが削除されるようにします。 Laravelの機能を使用して、論理削除されるようにします。 ...