web今回は前置きのみです。流し読み程度にしてください。前書きフロントエンド開発環境構築(Prismic.ioの使い方)EC2にNode環境構築。お名前.comで取得したドメイン当てる。前書きまず、フロントエンドの開発ディレクトリを見てもらいたい。昨今のフロントエンド開発は、ご存知の通りすごいことになっており、nodeなりなんなりでいろんなものを自動化してる。htmlを素書している古代文明の人はいないだろう。静的サイトをつくったり、ajaxでapi叩く程度ならフロントで完結するので話は簡単なのだが、サーバーと連携したシステムを構築する場合、フロントエンジニアとサーバーエンジニアはどうやって仲良くしたらよいのだろうか。こんなに世の中進化したというのに、CMSとなるとなぜか今もwordpressが根強い。モダンなwordpressのテーマを作るフローはどうなっているのだろうか。フロントエンジニアがnode環境で吐き出したhtmlにサーバーサイドエンジニアがphpのタグを組み込んでいるのだろうか?考えただけでも吐き気がする。jadeなりslimなりで作ったhtmlをその後いじるというのはどう考えてもやばい。(実際の作業を知らないのでそんなことないと思う。偏見で喋っていますごめんなさい。あったら知りたいです教えてくださいお願いします。切実)そして苛立ったフロントエンジニアは言った。Prismic.ioである。EC2でnode環境を構築しExpressをたちあげNginxでリバースプロキシを。デーモン化にはpm2のお世話に。Engineにはjadeを使い、コンテンツ管理にはPrismic.ioを使う。通常静的なサイトを作る時コンテンツ管理はyamlを使っている。(その昔、師匠に教わった)Prismic.ioを使えば、yamlで使っていたjadeをほとんどそのまま利用できたりする。ちなみにNodeで作られたCMSはけっこうある。GhostだとかKeystoneだとか他にもたくさん。試してみたがすべてしっくりこなかった。engineにデフォルトではjadeが使えず、handlebarsというtemplateを使っていた。僕にとってhtmlにタグが書けますよ的なtemplateは全く求めていなかったので思想が合わないと感じて止めた。prismic.ioだった。日本語での情報は全く出てこなかったがgoodpatchが社内blogで使っている様子だったので信頼が置けた。Rubyで利用している様子。Prismic.io自体はNodeでの開発にも重きを置いている様子?だった。(勝手な偏見かも)実用的かどうかはサービスの信頼度が不明なのでよく分からないが、使い勝手はとてもすぐれていた。フロントエンジニアの皆様はCMSをどうしているのでしょうか。次回は実際に組み込みの作業をメモがてら書こうと思いますす。このサイトもその昔wordpressで作った。PostsHoudiniが落ちる。