げっとシステムログ

WEB開発メモ

Elm パッケージを publish する

基本的には書籍「基礎からわかる Elm」の「ライブラリの公開」の通りだが、操作に詰まった点をまとめておく。 CONTENTS パッケージ用 elm.json の記述 必要なパッケージのインストール ドキュメントの記述 CI でドキュメントの生成をしておく GitHub に push…

CORS でカスタムヘッダを送受信する

CORS でカスタムヘッダを送信する方法をまとめる。 CONTENTS sinatra でのサンプル preflight レスポンスヘッダ レスポンスヘッダ まとめ 参考資料 ENVIRONMENTS ruby : 2.6.1 sinatra : 2.0.5 TOP sinatra でのサンプル まず sinatra でのサンプルを示す。 …

VSCode でリモートサーバーのソースを編集する

これまで vim で開発を行ってきたが、 VSCode が良いというのを聞いて使ってみたくなった。 ただし、 Mac にインストールするものは最小限にしたい。 CONTENTS VSCode のインストール SFTP Config VSCode Config GitHub flow の運用 まとめ 参考資料 TOP VSC…

BitBuckbt の Pipeline で S3 にアップロードする

BitBuckbt の Pipeline で S3 にアップロードする フロントエンドを Elm で実装、バックエンドに Rails、という構成でシステムを構築している。 開発は BitBucket で行っているので、Pipeline を使ってテストとリリースをしてみる。 CONTENTS bitbucket-pipe…

S3 + CloudFront でフロントエンドを配信する

フロントエンドを Elm で実装、バックエンドに Rails、という構成でシステムを構築している。 フロントエンドの本番環境は S3 + CloudFront を使用して静的に配信している。 その部分をまとめておく。 CONTENTS S3 にコンテンツをアップロード CloudFront に…

AWS S3 + CloudFront で CSP 対応する

CSP

前の記事で、開発環境で CSP ヘッダの設定ができたので、本番環境に適用してみようという試み。 CONTENTS CloudFront でヘッダを指定するために Lambda 関数を定義 CloudFront の Behavior で Lambda を指定 Mozilla の Obsertatory を使用して結果を確認す…

npm reload で live reload しつつ CSP 対応する

CSP

「体系的に学ぶ 安全な Web アプリケーションの作り方」を読んで CSP ヘッダをちゃんと設定してみようという試み。 S3 + CloudFront でやってみたという話は次の記事で。 npm パッケージの reload を使用して live reload する 必要な CSP ヘッダを整える Mo…