Web Engineering 🛠 & Body Building 💪

angular-cliではng buildにてdevelop用、ng build –prodにてproduction用のビルドが可能です。 今回は更に、独自で定義したstaging用のビルド処理を行 …

この記事ではngModelを利用せずに、カスタムコンポーネントで双方向バインディングを実現する方法を解説します。 Angularではbanana in a box syntaxを用いることで、双方向バ …

Windows 10 1903 build 18362 の VMware Workstation 14.1.2 にてVMを起動しようとした所、マシン選択後に画面がブラックアウトし、永遠に起動しない現象 …

PHPにて最もお手軽にリモートファイルをダウンロードしてローカルへ書き出す処理として、file_get_contents()、file_put_contents()を用いた下記のような実装がよく見られ …

GolangにてS3上のデータを取得した後、データ全体をメモリ上に乗せることなく、ストリーミングしながらHTTPレスポンスとして流す方法です。 S3からデータを取得するためのプロキシAPIを構築するよ …

GKEにて複数Pod内の特定ディレクトリを永続ボリューム（PersitentVolume）を用いて共有する方法です。なお、作業はCloud Shell上にて行っています。 　 目次 　 達成できること …

サービスを「いざ、リリース！」と思ったタイミングで、実はまだまだ必要なタスクが残っていた事に気がつくのは、本当にエンジニアあるあるなのではないでしょうか。 この記事では、今までWebサービスをリリース …

SPA（Single Page Application）におけるSEO対策の覚書です。 目次 　 はじめに ウェブアプリがSPAとして構築されるケースが増えて来ている中、俄然SPAにおけるSEO対策は …

CSSで画像にぼかしエフェクト（blur）をかけた上で、その画像の上にテキストを乗っけるためのTipsです。 ※ぼかしエフェクトはCSS側でかけるため、元画像にかける必要はありません。 　 目次 　 …

従来のWebページはfloatやclear、position等を駆使してレイアウトされていましたが、Grid Layoutの登場によりレイアウトはより簡単に、直感的に、柔軟に行うことが出来るようになっ …