はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに はじめまして、フロントエンドエンジニアをやっているゆーひと言います! Qiitaには初めて投稿するので至らぬ点などあればご指摘いただけたらと思います。 現在SESでとある現場に常駐しているんですが、そこでちょっと珍しい形でHTMLを運用することとなったので備忘録として残したいと思います（世間的にこの手法は一般的なのかもしれませんが笑） 要件 jadeやectのように『_layout.ejs』なるものを作って全ぺージ共通コンテンツ等をextendしたい title, description, keywordなどのぺージ固有のメタ情報等はejsごとに定義してextendされてきた＿layout.ejsの中に値を渡してあげてHTMLを生成する お知らせ一覧などの更新頻度が高いものはJSONやYAMLなどを使って管理する 今回やりたかったことはこんなかんじです。 Front-matter

この記事はtokyoSWアドベントカレンダーの22日目の記事です。 おはこんばんちわ。 株式会社Gizumoという会社で新人教育しながらフロントエンドエンジニアをやっているゆーひです。 ちょっと前からElectronに対して興味があったんで、業務の合間にこそこそ勉強してました。 実際にできあがったものを見ていただきながら完成に至るまでの流れを書いていきますー。 ※Reactの知見がない人が見ることを前提として書いているので割と細かく書いています。ご了承を。 できあがったもの GitHubのurlも置いておきます。 https://github.com/yuyake0084/code_hack まぁ、あれですね。 某JS○iddleとか某Code◯en的なかんじのサービスをデスクトップアプリとして作ってみたみたいなかんじです。 gifだとちょっと見づらいですが、右側のエディタの値の変更を観測