Vue.js javascript Vue.js input fileで同じファイルを選択すると再認識してくれない 2022年11月29日 inputでファイルを選んだ後に、該当がいるを修正してもう一度再認識させてから投稿したい場合がある。 しかしそのままだと同じファイル名なので違いがないとみなされ、再認識してくれない。 修正前のファイルをアップロード投資てしまうことになる なので、再認識させよう。 <template> <div>...
Docker php Docker環境でphpMyAdminにパスワードなしで入れてしまう場合の対処法 2022年11月29日 docker-compose.ymlに PMA_HOST PMA_USER PMA_PASSWORD が登録されていると、なんとログイン情報入力不要でphpMyAdminには入れてしまう。 ローカル環境ならいいけど、本番環境ではまずい。 いたずらし放題。 phpmyadmin: image: phpmyadmin/ph...
ネットワーク yamaha yamaha RTXシリーズでオンライン資格確認の通信を通過させる方法 2022年11月22日 病院などで使うマイナンバーカードを読み取る端末の通信が、初期設定だと通らない。 業者によって「IPv6の通信」と呼んだり、「オンライン資格確認」と呼んだり名称が定まらないがコマンドによる設定で通すことができるらしい。 わかりにくすぎるYAMAHAの公式資料から必要なコマンドだけを抜粋して解説していく。 ちなみにyama...
Vue.js javascriptvuexcsvvue-papa-parse vue-papa-parseでjsonに変換した値をスコープ外で使う方法 2022年11月22日 インストールや取得方法はこの人の記事を見てくれ。 VueでCSV→JSON変換。vue-papa-parseの使い方 | とあるエンジニアのエソラゴト 上記の記事は、ここで終わっている。 onSubmit(evt) { evt.preventDefault(); this.$papa.parse(this.file, ...
Vue.js javascriptvuex vuexのstateの変化をvueで検知する方法 2022年11月22日 vuexはインストール済みとする。 インストールしていない人はこちらの記事を参照。 vuexの基本的な使い方 導入方法と変数の取得・更新 vuexの設定 //プロジェクトディレクトリ/resources/js/store/index.js //中略 state: { value: "aaaa", }...
Laravel phpapiLaravel-Excel Laravel 条件に該当するレコードをCSVで出力する|Laravel-Excel 2022年11月16日 条件に該当するレコードをCSVで出力する 検索条件に該当するレコードを一括でCSV出力してダウンロードさせる方法について解説。 ライブラリ「Laravel-Excel」を使う。 今回は、Customers(顧客)テーブルのデータをダウンロードすることを想定して解説。 Laravel-Excelのインストールと設定ファイ...
Vue.js javascriptapiaxios APIの処理が終了してから次に進む! Vue.jsでのasync awaitの使い方 2022年11月16日 APIの結果が返ってきてから、次の処理を行ってね! 必要な情報が揃う前に勝手に先に進もうとしないでね! ってことができるのがasync await シンプルに言うとそういうことやろ? なんか、他の人の記事の説明ばりわかりにくくない? 使い方 async getYourFavorites() { //確実に処理を完了させ...
NAS qnaphbs3rsyncasustor HBS3でQNAPからASUSTORにデータ移行(バックアップ)を行う方法 2022年11月15日 キューナップのNASサーバーのHybrid Backup Sync(HBS3)から、アサスター製のNASサーバーにデータ移行したり定期的なバックアップジョブを組んだりする方法をサルでもわかるぐらい丁寧に解説。 受け側(アサスター)の設定 まずは受け入れの設定を作ってあげよう。 データを受け取るフォルダを作成する 共有...
Vue.js apivue-chartjs vue-chartjsでapiから取得した動的な値でグラフを生成する方法 2022年11月13日 axiosを使って、バックエンドから取得した情報をもとにグラフを生成する方法。 結論とてはasync mounted上でawaitありでapiを呼び出せばできる。 インストール方法 わかる人は飛ばして。 プロジェクトディレクトリ上で、 npm install vue-chartjs@3.4.2 npm install ...
Vue.js javascriptvuetify vuetify v-autocompleteの内容を動的に選択したいが選べない時の対処法 2022年11月9日 変数の型を見直したほうがいい説。 上記のようなデータベースから、選択肢を作成 ↓ ↓こんな感じのコードになる <v-autocomplete v-model="detailSearchKey.operator" item-value="id" item-text="...
Laravel phpjavascript Laravel+Vue CSVからデータベースのテーブルに情報を一括登録する 2022年11月6日 LaravelとVue.jsを使って、CSVファイルに記載された情報(複数レコード)をデータベースに一括登録する方法を解説。 ライブラリ「Laravel-Excel」 今回は、Customers(顧客)テーブルに複数の顧客を登録することを想定。 Laravel-Excelのインストールと設定ファイル生成 compose...
Laravel phpjavascript Vue+Laravel 複合条件絞り込み検索(ページネーション付)実装方法 2022年11月5日 LaravelとVue.jsを使って複数条件の検索を実装するぜ 今回は、 type(機種) key(キーワード) の2つの複合検索を想定。 type(機種)はInquiryテーブルのtypeカラム を検索対象とし、 key(キーワード)はInquiryテーブルの answerカラム と questionカラム の 両方...