hiroki giisyu

S3+CloudFrontで静的サイト作ったときに躓いたポイント

AWSのs3やcoudFrontなどのサービスを使うと、安く全世界にCMSを使って静的ファイルを公開できると聞いて触ってみました。結果としてはめんどくさかったです。awsのいちサービスを知れて良かったというのはあるかもしれない。

以下はS3+CloudFrontで静的サイト作ってみて躓いたポイントのメモです。

参考文献は公式のS3のチュートリアルがまず一番だと思います。検索すると、やってみた系の記事はヒットするのですが、簡略化されていたりで、あまり良くなかったです。（この記事もそうなんで気をつけてね）

webpackではtemplateにhtmlファイルを指定できるが、そのhtmlをモジュール化したかった。（とりあえず暫定。。）

まずwebpackではtemplateにhtml以外のファイルを使うことが出来る。

参考:

webpackで複数のHTMLを出力したい。

参考:

Bootstrap4を試しに使ってみていた。CDNからWebpackに移行しようと思ったら、やはりひとしきり迷った。

日付

2017/06/22

環境　

	npm install --save jimp
	node
	var Jimp = require("jimp");
	Jimp.read("画像パス" , (err,lenna)=>{if(err)throw err;lenna.crop(0,0,32,48).quality(100).write("出力パス");})

	git remote add fork_master レポジトリ
	git checkout -b update
	git fetch fork_master
	git merge fork_master/master
	git add .
	git commit -m
	git checkout master
	git merge update

	function spawnLoop(init, onMessage)
	{
	var andThen = _elm_lang$core$Native_Scheduler.andThen;

	function loop(state)
	{
	var handleMsg = _elm_lang$core$Native_Scheduler.receive(function(msg) {
	return onMessage(msg, state);
	});
	return A2(andThen, loop, handleMsg);

	git clone [email protected]:giisyu/elm-webpack-starter.git %1 && ^
	cd %1 && ^
	del /q /s /f .git && ^
	git init && ^
	git add . && ^
	git commit -m "first" && ^
	npm install && ^
	elm-package install -y && ^
	npm start

	import Html exposing (..)
	import Html.Attributes exposing (..)

	script_ : List (Attribute msg) -> List (Html msg) -> Html msg
	script_ =
	Html.node "script"

	port hello : String -> Cmd msg
	port jsHello : (String -> msg) -> Sub msg