2021-03-01から1ヶ月間の記事一覧

Ruby on Rails + Vue.js Vuetifyを導入する方法

はじめに Rails + Vueで、Vuetifyを導入しました。 Railsを使っているから特別なものをダウンロードをする、というのはありませんが、導入しウェブアプリを開発する機会がありましたので導入方法を記載します。 【Ruby on Railsを基礎から学びたい】よくわか…

Ruby on Rails APIモードにする方法

はじめに 既存のRuby on Railsで作成していたwebアプリケーションを、 フロントをVue.js、バックエンドをRailsとする為にAPIモードを使用しました。 当初Vue.jsを使う予定ではなかったのですが、開発途中で使用することになりましたので、APIモードにする方…

【解決】Vue.js [Vuetify] Unable to locate target [data-app] エラーの解決方法

はじめに Vuetifyを使用して”[Vuetify] Unable to locate target [data-app]”というエラーが出ました。 Vuetifyの公式サイトに記載のコードをコピペしただけでは、サンプルのように動かないことがあります。 【おすすめ】フロントエンドエンジニアになりたい…

合格したい皆様へ udemyでAWS関連の模擬試験を実施した感想

現在利用者が増えているAWSサービスの試験について、受験を検討している方も多いと思います。 私もAWSサービスに触れたことはない状態でしたが、今後のためにと思い試験の受験を決意いたしました。 色々リサーチしたところUdemyというオンライン学習プラット…

Vue.js propsの使い方~親から子へ値を渡す方法~

SPAでページを作成していた際に、親コンポーネントから子コンポーネントへ値を渡すPropsを使用しました。 Propsについて簡単にまとめましたので、こちらを読んでいただければPropsについて基本的な知識は得られると思います。

Vue.js Vue-routerで画面遷移先にパラメーターを渡す方法

Vue.jsのVue-routerを使用し、 ページの遷移先にパラメータを渡す方法がわかりませんでした。 paramsを使い無事パラメーターを渡せたので、方法を残します。

Vue.js Vuetifyを使い簡単にモーダルを作成する方法

Vuetifyを導入することで簡単にモーダルを作ることができます。 モーダルを作成する方法を記載します。