Vue.js

爆速で開発するための Vuetify チートシート

初めてvue.cliとvuetifyでWeb開発人向けに、よく使うVue独特の構文をチートシートにまとめました。
Markdown

VSCodeでMarkdownとMermaidを使うとプレビューで表示が乱れる問題の解消法

はじめに VSCodeでMarkdownファイルの中でMermaidを利用する際、「Markdown Preview Enhanced」を使ってプレビュー表示をみてみると、以下のようにloopタグが黒く塗りつぶされたり、色が灰色で正しく表示...
AndroidStudio

【Android Studio】GenyMotionのアイコンが表示されない場合の解決法

はじめに Android StudioにGenymotionのプラグインをインストールしたあと、ツールバーにGenymotionのアイコンが表示されるという記事をたくさんみたのですが、私の場合は表示されなかったのでGenymotionアイコ...
Laravel

【Laravel】XAMPPを使ったMySQLデータベース接続の接続方法

はじめに この記事ではXAMMPを使ってphpMyAdminのMySQLからデータを取得する方法を紹介します。 公式ドキュメントや参考書の中で、VirtualBox使った仮想環境でhomesteadのDBに接続したり、SQLite3を使った...
Laravel

【Laravel】HomesteadでVue.jsを導入する際に「cross-env: not found」というエラーが発生する問題

はじめに LaravelのHomestead環境下でVue.jsをインストールする際、「cross-env: not found」というエラーが発生してビルドできなかったのでその解決策を紹介します。 動作環境 Windows 10 64bi...
Vue.js

【Vue.js】ラジオボタンで入力フォームを切り替える方法

はじめに この記事では、Vue.jsのラジオボタンを使って入力フォームを切り替える方法を紹介します。 また、フォームを切り替えた際、フォーム内の値を消去する方法も紹介します。 動作環境 Vue.js 2.6 フォーム切り替えの際、値の消去な...
Vue.js

【Vue.js】複数のチェックボックスから動的に値を取得する方法

はじめに この記事では、単一のチェックボックスでオン/オフ(true/false)を表す場合と、複数のチェックボックスから値を取得できるコードを紹介します。 動作環境 Vue.js 2.6 単一チェックボックスのvalueを変更する方法 チ...
Vue.js

【Vue.js】ラジオボタンの入力値を動的に取得する方法

はじめに この記事では、Vue.jsのラジオボタンを押したときに、値をテキストに反映させる方法を紹介します。 動作環境 ・Vue.js ver 2.6 ラジオボタンでのv-modelの使い方 ラジオボタンではすべてのinputフォームに同一...
Vue.js

【Vue.js】フォームの入力値をリアルタイムで反映させる方法

はじめに この記事ではVue.jsの双方向データバインディングを利用し、フォームに入力したテキストを非同期通信でリアルタイムに反映させる方法を紹介します。 フォームの双方向バインディング フォームの双方向バインディングを実現しているのは、v...
Ajax

【Ajax】Ajaxの非同期通信を使った入力フォームのメッセージ取得方法

はじめに この記事では、Ajaxを使って入力フォームに入力した文字を非同期通信で取得する方法を紹介します。 結構複雑なコードですので、とりあえずコピペして動作確認してみてください。以下のような動作になります。 test.php test_a...