IngressのURIパスルーティングをdocker-composeで簡単に再現する
コロナの影響で日本でも様々な変化がありましたね。私は父方の実家がハワイ州のミリラニという街にあるのですが当面は帰ってきてくれるなと釘を打たれております。アメリカの方が深刻そうなのですがアジアの方が危険という意識は未だに強いみたいですね。さて ...
Django + Vue.js + Nuxt.js でSSRアプリを作る
遅ればせながら、新年明けましておめでとうございます。12月、1月とお仕事でリリースしなければならないものもあり気づけば中旬に差し掛かってしまいました。さて、前回はNuxt.jsを使用したSSRアプリケーションの概要について投稿しましたが今回 ...
Vue.js + Nuxt.js でのSSR概要
Vue.jsなどのJavaScriptフレームワーク/ライブラリはサイト閲覧時に優れたUXを提供できます。殆どの場合サーバーに毎回リクエストを送信することなくコンテンツを動的に変更する方法が提供されています。 ただしSPAにも問題がありWe ...
Vue.jsアプリケーションをKubernetes Clasterで開発する
この投稿ではVue.jsアプリケーションをKubernetesへデプロイしホットリロードで開発する方法を紹介します。 DevSpaceについて 今回の投稿ではDevSpaceというOSSなKubernetes開発ツールを使用していきます。 ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その4)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...
Vue.js + Vuex + VuetifyとFirebaseでSPAを作る(その3)
Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...
OpenVPN + Azureでクラウド開発環境を作る
先日のmacOS Catalinaリリースに伴ってクリーンインストールしたついでに今更ながら開発環境をDockerに詰め込んだのですが、外部セミナーやら外に出る時はiPad Proで済ませたい気持ちもありAzure上にも開発環境を構築してみ ...
Django Crispy Formsでのフォームレンダリング
この投稿ではカスタムフォームのレンダリングを行うためのDjango Crispy Formsを使用してみます。以下のようなフォームを実装します。 下準備 ライブラリのインストール まずはライブラリをインストールします。 pip instal ...
Djangoでグループ化したプルダウンを作成する
たまに要件に入ってくることがあるので短いですが簡単に実装できるためプルダウンの選択項目内でグループ化する方法を説明します。DjangoフォームAPIには ChoiceField と ModelChoiceField という複数のオプションを ...