Vue.js + Nuxt.js でのSSR概要
Vue.jsなどのJavaScriptフレームワーク/ライブラリはサイト閲覧時に優れたUXを提供できます。
殆どの場合サーバーに毎回リクエストを送信することなくコンテンツを動的に変更する方法が提供されています。
た ...
Vue.jsアプリケーションをKubernetes Clasterで開発する
この投稿ではVue.jsアプリケーションをKubernetesへデプロイしホットリロードで開発する方法を紹介します。
DevSpaceについて今回の投稿ではDevSpaceというOSSなKubernetes開発ツールを使用 ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その4)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。
上のヘッダー画像は作成するウェブサイトの完成図です。
各工程は以 ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その3)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。
上のヘッダー画像は作成するウェブサイトの完成図です。
各工程は以 ...
OpenVPN + Azureでクラウド開発環境を作る
先日のmacOS Catalinaリリースに伴ってクリーンインストールしたついでに今更ながら開発環境をDockerに詰め込んだのですが、外部セミナーやら外に出る時はiPad Proで済ませたい気持ちもありAzure上にも開発環境を構築 ...
Django Crispy Formsでのフォームレンダリング
この投稿ではカスタムフォームのレンダリングを行うためのDjango Crispy Formsを使用してみます。
以下のようなフォームを実装します。
まずはライブラリをインストー ...
Djangoでグループ化したプルダウンを作成する
たまに要件に入ってくることがあるので短いですが簡単に実装できるためプルダウンの選択項目内でグループ化する方法を説明します。
DjangoフォームAPIには ChoiceField と ModelChoiceField とい ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その2)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。
上のヘッダー画像は作成するウェブサイトの完成図です。
各工程は以 ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その1)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。
上のヘッダー画像は作成するウェブサイトの完成図です。
各工程は以 ...
Vue.jsで検索フォームを作る
前回の投稿ではDjangoのテンプレート内でVueを使用し簡単なCRUDアプリを作成しました。
今回はとても簡単にすぐ実装できる検索フォームを追加したいと思います。