IT初学者部

プログラミングに関することを中心に、備忘録として残していきます。

Vue.js

「Vue Leaflet」を導入してみる。

はじめに しばらく記事を作成できていなかったんですが、今回は久々に作ってみようと思います。ということで作成。 今回の内容は、vue.jsで作成するプロジェクトにleafletを導入するというものです。早速取り掛かってみましょう。 手順 公式サイト内にあるge…

Vue.jsプロジェクトをGithub Pagesで公開する手順について

はじめに 今回は、Vue.jsのプロジェクト、アプリケーションをGithub Pagesで公開する手順について簡単に記載します。 zennに詳しい記事がありましたので、参考に載せておきます。 簡単な手順 vue.config.jsファイルを作成し、以下の記述を記載します。 modul…

Vue.jsプロジェクトの起動時の名前を設定する

はじめに 今回は、Vue,jsプロジェクトの起動時の名前を設定する方法についての内容です。 通常の場合、プロジェクトの名称がそのまま起動時の名前になります。 vue.config.jsを編集する vuetifyを導入したときのvue.config.jsは以下の内容になっていると思い…

Vue.jsプロジェクトをVuetifyを使って編集する(PART2 ナビバー改修編)

はじめに c-mappプロジェクトの一環として、今回はvue.jsのvuetifyによってナビバーを改修していこうと思います。 vuetifyjs.com アイコンボタンを作成してみる 前回の記事でとりあえずでボタンを配置しています。 今回は、まずそのボタンにアイコンの要素を…

Vue.jsプロジェクトをVuetifyを使って編集する

はじめに c-mappプロジェクトの一環として、今回はVuetifyを中心に編集していこうと思います。 というのも、前回のrouter導入時に無理やりソースを書き換えるタイプのコマンドを入力して実行したため、ソースが地味に変になっています。とは言っても、そこま…

Vue.jsプロジェクトにvue-routerを追加する

はじめに c-mappプロジェクトの3つ目の記事になります。今回は、Vue.jsによって作成しているフロントエンドにvue-routerを導入する手順についての内容になります。 なぜ追加するのか そもそもなぜvue-routerを追加する必要があるのか?もっと言えば、vue-rou…

Vue.jsにVuetifyを導入する

はじめに 新たなアプリケーション「c-mapp」の開発についての記事になります。 今回は、フロントエンドの開発に用いられる「Vue.js」に付いての関連記事です。 Vuetifyを導入するところまでを記述します。 そもそもなにそれ?って話 vuetifyjs.com Vuetifyと…

Spring boot + Vue.jsでアプリケーションを作成する(構築編)

はじめに SpringbootとVue.jsでアプリを作成するというのは一度やったことがあり、その際にブログ記事も作成していました。 その後、アプリ自体は完成したものの、ブログ自体は閉鎖して削除しなければならなかったため、記事は残っていません。 ということで…