2020-01-16TIPS,Vue.jsNuxt

2020-01-16TIPS,Vue.jsNuxt

Vue.jsなどのJavaScriptフレームワーク/ライブラリはサイト閲覧時に優れたUXを提供できます。殆どの場合サーバーに毎回リクエストを送信することなくコンテンツを動的に変更する方法が提供されています。 ただしSPAにも問題がありWe ...

TIPS,Vue.jsDocker,Kubernetes

TIPS,Vue.jsDocker,Kubernetes

この投稿ではVue.jsアプリケーションをKubernetesへデプロイしホットリロードで開発する方法を紹介します。 DevSpaceについて 今回の投稿ではDevSpaceというOSSなKubernetes開発ツールを使用していきます。 ...

TIPS,Vue.jsFirebase,Vuetify,Vuex

TIPS,Vue.jsFirebase,Vuetify,Vuex

Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...

2020-02-26Azure,TIPScode-server,OpenVPN,VPN,VSCode,リモート

2020-02-26Azure,TIPScode-server,OpenVPN,VPN,VSCode,リモート

先日のmacOS Catalinaリリースに伴ってクリーンインストールしたついでに今更ながら開発環境をDockerに詰め込んだのですが、外部セミナーやら外に出る時はiPad Proで済ませたい気持ちもありAzure上にも開発環境を構築してみ ...

Python,TIPSDjango

Python,TIPSDjango

この投稿ではカスタムフォームのレンダリングを行うためのDjango Crispy Formsを使用してみます。以下のようなフォームを実装します。 下準備 ライブラリのインストール まずはライブラリをインストールします。 pip instal ...

Python,TIPSDjango

Python,TIPSDjango

たまに要件に入ってくることがあるので短いですが簡単に実装できるためプルダウンの選択項目内でグループ化する方法を説明します。DjangoフォームAPIには ChoiceField と ModelChoiceField という複数のオプションを ...

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

2019-11-23TIPS,Vue.jsFirebase,Vuetify,Vuex

Vue, Vuex, VueRouter, Vuetifyおよび Firebase を使用してハリネズミ紹介 Web サイトを作成していきます。 上のヘッダー画像は作成するウェブサイトの完成図です。 各工程は以下の4部構成に分かれています。 ...

Python,TIPS,Vue.jsDjango

Python,TIPS,Vue.jsDjango

前回の投稿ではDjangoのテンプレート内でVueを使用し簡単なCRUDアプリを作成しました。今回はとても簡単にすぐ実装できる検索フォームを追加したいと思います。 Vue.jsとDjangoでサクッとCRUD DjangoのViewSetに ...