Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

TypeScript

【Vue CLI 3】Typescriptを使ったVue.jsプロジェクト開発 実装準備編

【Vue CLI 3】Typescriptを使ったVue.jsプロジェクト開発 実装準備編 前回の続きとして、Typescriptを使ったVue.jsプロジェクト開発について解説していきます。www.sky-limit-future.com 今回はfilter、環境変数、vuexのモジュール化など今後の実装を簡単に…

【Vue CLI 3】Typescriptを使ったVue.jsプロジェクト開発 環境準備編

【Vue CLI 3】Typescriptを使ったVue.jsプロジェクト開発 環境準備編 今回からTypescriptを使ったVue.jsプロジェクト開発について解説していきます。 サンプルとして保育園比較サイトを作ってみます。サンプルなので小規模なものになります。サーバー側はPHP…

【Vue.js】TSとVue.jsを書く場合に、$refsへの参照でエラーとなる【TypeScript】

【Vue.js】TSとVue.jsを書く場合に、$refsへの参照でエラーとなる【TypeScript】 実装した内容 要素の高さを取得したかったので、Vueの$refを使いました。 取得したい要素に、ref属性をつけることでその要素の情報を取得することができます。 html側 <div> <p ref="test">テスト</p></div>…