stylesheet

2017-11-24

GKEでPython WSGIアプリケーションをクラスタ化してみる

Google Cloud Platform (GCP) の無料クレジットがまだ余っているものの、有効期限が迫っているので Google Kubernetes/Container Engine (GKE) で遊んでみる。

実使用ではyamlファイルを作成してInfrastructure as Codeまで行うのだろうけど、 今回はチュートリアルのDeploying a containerized web application に倣って、全てコマンドラインオプションで指定する。

アプリケーションはnginxとwsgiコンテナをシングルイメージに詰め込んだものを使用。 Dockerfileはこんな感じ。

FROM tiangolo/uwsgi-nginx:python2.7

COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf

# install MeCab
RUN apt update && apt install -y mecab mecab-utils mecab-ipadic-utf8 libmecab-dev

# install app
COPY ./app /app
COPY ./docker/uwsgi.ini /app/uwsgi.ini
WORKDIR /app
RUN pip install -r requirements.txt

2017-11-13

CSS: transform-styleを用いた3D視差回転アニメーション

transform-styleプロパティへpreserve-3dを設定すると子要素を3D空間に配置することができる。 これを使用すると簡単なcssとスクリプトで視差回転アニメーションが実現できるので試してみた。

デモはこちら
対応ブラウザでマウスかタッチしてぐりぐりしてみて欲しい。

transform-style - CSS | MDN