| layout | title | permalink | image |
|---|---|---|---|
page |
Generator |
/generator/ |
/assets/images/ogp_default.png |
Author
青野ゆらぎ
犬の注射
domeki
サラリーマン予想
オルター堂
福住電
東川夢物語
おざわ
江間あやせ
非鋭理反
彦凪 至
特上あいう
点線画鋲
奥園
ヒミツー
冨岡正太郎
夕凪らこ
㐂子
宇佐田灰加
八谷のり
京野正午
三好しほ
福田六個
太朗千尋
尾内甲太郎
Title
Tanka
<textarea id="tanka" class="form-control" rows="5" placeholder="見わたせば花も紅葉もなかりけり浦のとまやの秋の夕暮"></textarea>
Emoji
🐕 青野ゆらぎ
💉 犬の注射
🏝️ domeki
🏘️ サラリーマン予想
🎸 オルター堂
💡 福住電
🦷 東川夢物語
🧢 おざわ
🍳 江間あやせ
🕯️ 非鋭理反
🧭 彦凪 至
🎠 特上あいう
📌 点線画鋲
🪴 奥園
🤫 ヒミツー
🎺 冨岡正太郎
🧊 夕凪らこ
🍑 㐂子
🐰 宇佐田灰加
🍞 八谷のり
🕛 京野正午
🫖 三好しほ
🦟 福田六個
💻 太朗千尋
🪲 尾内甲太郎
Generate HTML
Generated HTML
<textarea id="outputHtml" class="form-control" rows="5" readonly></textarea>
<script>
function generateTanka() {
const author = document.getElementById('author').value;
const title = document.getElementById('title').value;
const tanka = document.getElementById('tanka').value;
const emoji = document.getElementById('emoji').value;
// 改行で短歌を分割
const tankaLines = tanka.split('\n');
var tankaMain = [];
tankaLines.forEach(function(line) {
tankaMain.push('' + line + '
' + '\n'); }); var tankaSummary = []; tankaLines.forEach(function(line) { tankaSummary.push(line + ''); }); // 出力されるHTML文字列を生成 // TODO: 絵文字を簡単に選べるようにする const outputHtml = [ `---`, `layout: post`, `title: ` + title, `image: /assets/images/ogp_default.png`, `author: ` + author, `category: ` + author, `emoji: ` + emoji, `---\n`, `
`,
].concat(
tankaMain,
[
`
` + title + `
`, ], tankaSummary, `\n`, `