Created At: 2020.05.14 Updated At: 2020.05.14

普通の Web アプリケーション向け環境を Google Compute Engine(GCE)を中心に構成する、そんなよくあるシステムのサンプルです。
GKE とか登場しないトラディショナルな構成を先人の知恵に学びつつ機会がある度に色々考えますが、結局こんな感じになるのではと思ってます。

ソースコードはmazgi-showcase/202005.gce-webapp-environmentにあります。





Created At: 2020.01.29 Updated At: 2020.01.29

「サーバーにディレクトリ丸っと送りたいんだけど、途中に踏み台サーバーが居て…」よくあります。
「え、ProxyCommand塞がれてるの??」とセキュリティ堅い環境でよく聞きます。

tar+ssh で大抵回避できるのでコピペで使えるようにまとめました。

ssh


Created At: 2020.01.22 Updated At: 2020.01.29

「手っ取り早く Web インターフェースを手に入れる方法 2020」シリーズ(?)のBFF サンプルプロジェクト と同じように Web Frontend サンプルプロジェクトを作ってみました。

今回もプロジェクト構成やビルド方法の検証が主目的です。
そのためアプリケーション自体は Docker イメージを実行するとNext.jsの Web サーバーが起動しこんなページが表示されるだけのシンプルな機能しかありません。

❯ docker run -it --rm -p 3000:3000 b2ee27d0d01d

> @ start /app
> next start

> Ready on http://localhost:3000

Created At: 2020.01.16 Updated At: 2020.01.29

「手っ取り早く Web インターフェースを手に入れる方法 2020」みたいなことを考えながら勉強のために BFF(Backend For Frontend) のサンプルプロジェクトを作ってみました。
ただしプロジェクト構成やビルド方法の検証が主なので BFF に特化した機能はなく、実行すると Express が起動してコンソールログが表示されるだけのアプリケーションです。

❯ docker run -it --rm 19472c5d8df4
💽 Loaded the configuration: version: 2020.1.0-default, baseVersion: 2020.1.0-default
⚡ App is running at :4000 in production mode
  Press CTRL-C to stop

Created At: 2020.01.08 Updated At: 2020.01.08
ドキュメントのプリセット、これです。 新しくファイル作る画面で選べるやつ。 用紙サイズとかカラーモード指定用の。 macOS の場合、 ~/Library/Preferences/Adobe Photoshop 2020 Settings/New Doc Sizes.json にあります