IT初学者部

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

c-mapp

サーバ側とフロント側ってリポジトリ分けたほうがいいんですかね?

はじめに シンプルな疑問なんですが、サーバ側とフロント側のプロジェクトの管理って分けたほうがいいんですかね?という素朴な疑問です。 たかだか2年ちょっとしかプログラム経験無いんですが、そのへんの視点で考えてみようと思います。 まずは一般的にど…

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

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

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…

Google Cloud Developer Cheat Sheetで人生初のシステム構成図を作成する

はじめに 前回の記事で、Google Cloud Developer Cheat Sheetを利用してみます、という記事を作成しました。 ちょうど今作成中のWEBシステムがあるので、それについての構成図を作ってみようと思います。 試しに作ってみる Google Cloud Developer Cheat She…

Vue.jsにVuetifyを導入する

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

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

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