polymer-japan / lit-html-docs-jp

[WIP] lit-html Japanese docs

lit-html

Efficient, Expressive, Extensible HTML templates in JavaScript

Documentation

Full documentation is available at lit-html.polymer-project.org.

Docs source is in the docs folder. To build the site youself, see the instructions in docs/README.md.

Overview

lit-html lets you write HTML templates in JavaScript with template literals.

lit-html templates are plain JavaScript and combine the familiarity of writing HTML with the power of JavaScript. lit-html takes care of efficiently rendering templates to DOM, including efficiently updating the DOM with new values.

import {html, render} from 'lit-html';

// This is a lit-html template function. It returns a lit-html template.
const helloTemplate = (name) => html`<div>Hello ${name}!</div>`;

// This renders <div>Hello Steve!</div> to the document body
render(helloTemplate('Steve'), document.body);

// This updates to <div>Hello Kevin!</div>, but only updates the ${name} part
render(helloTemplate('Kevin'), document.body);

lit-html provides two main exports:

• html: A JavaScript template tag used to produce a TemplateResult, which is a container for a template, and the values that should populate the template.
• render(): A function that renders a TemplateResult to a DOM container, such as an element or shadow root.

Installation

$ npm install lit-html

Contributing

Please see CONTRIBUTING.md.

lit-html-docs-jp's Issues

翻訳作業メモ

ビルド方法

12/8 Cloud Buildで自動デプロイに対応

Requirements

• Cloud SDK
• Jekyll

Setup

git clone https://github.com/Polymer-Japan/lit-html-docs-jp
cd lit-html-docs-jp
git checkout -b jp-transrate

Install

npm install
npm gen-docs
cd docs
npm run build
npm run serve # or jekyll serve -w
# deploy
gcloud app deploy

• 12/7 現在Polymer-jp.orgのGCPプロジェクトで稼動できないか @aggre さんに確認をしてもらっている

cloud buildの設定メモ

1. cloudbuild.yamlをつくっておき、
2. Source RepositoryでGitHubとの連携を設定
3. Cloud BuildのAPIを有効化して、
4. IAMの数字@cloudbuild.gserviceaccount.comに対してApp Engineの権限割り当て
5. Cloud Buildで「トリガー」を作成

ステータス

• slackに報告、相談
• _guide/03-template-reference.md 未着手
• _guide/04-concepts.md 現状ばっくり

作業予定

• 週明け(-12/10)までに全般的にある程度読める状態にする

TODO

• jp-transrate -> jp-translate...
• 用語の使い方や統一の相談
• LitElementやPWA Starter Kitまでできるかな?
• 本家との相談