yasuaki

Vue.js

Vue.js(v2)のemitを使う方法(子から親への値渡し)

Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。Vue.jsのバージョンは2(Options API)です。emitについての公式ドキュメントは下記になります。emitとは?子コンポーネントで、ユーザー...
Vue.js

Vue.js(v2, v3)のrefsの使い方(親から子の要素参照)

Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。公式のドキュメントはこちらに記載してあります。Vue.jsの...
Vue.js

Vue.js(v3)のpropsの使い方(親から子に値渡し)

Vue.jsでpropsを使用して値を受け渡す方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。公式のドキュメント...
Vue.js

Vue.js(v3)でコンポーネントを作成する方法

Vue.jsでコンポーネントを作成する方法について書いています。Vue.jsのバージョンは3で動作を確認しています。公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。Vue.jsのコンポーネントとは?Vue....
Laravel

LaravelでVue.js(v3)を使う方法!

LaravelでVue.jsのバージョン3を使い始めました。この記事ではLaravelのバージョン8でVue.jsのバージョン3を導入する方法について書いています。Laravelのプロジェクトを準備して、Vue.jsのバージョン3を使って簡...
Laravel

Laravelでトランザクションを張る2つの方法!

Laravelでトランザクションを張る方法について書いてみました。Laravel8 + MySQL8で確認しています。トランザクションを張る方法は下記の2つです。・DBのコミットやロールバック自分で書く。・transactionメソッドを使...
Laravel

Laravelのクエリビルダーでテーブル結合(内部結合, 外部結合)する

Laravelのクエリビルダーを使用して、テーブルを内部結合や外部結合するときの方法について記載しています。ほとんどSQLを書くのと変わらないくらいな記述量になるので、簡単な結合などはLaravelのモデルにhasOneやhasManyを設...
Laravel

LaravelのEloquentでリレーションを作る方法!(hasOne, hasMany)

LaravelのEloqunetでリレーションを作る方法をまとめてみました。Laravelのバージョン8で挙動を確認しています。モデルから関連するモデルにリレーションを作成しておくと、簡単に関連先のデータを取得することが可能です。複雑な条件...
Laravel

LaravelでTailwindCSSを使う方法

LaravelでTailwindCSSを使う方法と実際に導入して、動作確認してみました。7ステップで設定は完了します。簡単に使い始めることができるので確認してみてください。導入方法についてはTailwindCSS公式サイトの下記に書いていま...
Laravel

[Laravel入門]TODOアプリを作成しよう(バリデーション)

前回はTODOの削除機能を作成しました。今回はTODOを追加するときのバリデーションを追加していきます。入力内容が下記の場合には、エラーにして画面にエラーメッセージを表示します。・空入力・文字数が少ない(3文字以下)・文字数が多い(100文...
プログラミング

【ブラックな現場?】201x年にSESで経験した体験談!

今回は自分語りになりますが、SES(システムエンジニアリングサービス)で経験したブラックな現場について書きたいと思います。ブラック現場が気になる人やITエンジニア派遣やフリーランスなどで、SESで働く予定の方は確認してみてください。※SES...
Laravel

[Laravel入門]TODOアプリを作成しよう(削除機能を作る)

前回はTODOのチェック機能を作成していきました。前回の記事はこちらです。今回は削除ボタン(ゴミ箱アイコン)を押されたときに、TODOが削除されるようにします。Laravelの機能を使用して、論理削除されるようにします。Laravelでの論...