美食與聚會:居酒屋實用日語單字帳
走進日本居酒屋文化
居酒屋是體驗日本庶民文化與社交生活的重要場所。不論是下班後的「飲み会」或是與好友敘舊,掌握正確的「居酒屋」日文單字,能讓您的用餐體驗更加順暢道地。從入座時的「お通し」到第一杯必點的「生ビール」,小狸老師為大家整理了居酒屋最核心的 7 個實用字彙,透過互動卡片掌握正確唸法,讓您在日本點餐不再緊張。
小狸老師著作推薦
居酒屋點餐情境
const vocabData = [
{ id: 1, kanji: '居酒屋', kana: 'いざかや', meaning: '日本餐酒館', cat: 'all', emoji: ' ' },
{ id: 2, kanji: '乾杯', kana: 'かんぱい', meaning: '乾杯', cat: 'drink', emoji: ' ' },
{ id: 3, kanji: 'お通し', kana: 'おとおし', meaning: '開胃前菜', cat: 'food', emoji: ' ' },
{ id: 4, kanji: '焼き鳥', kana: 'やきとり', meaning: '串燒雞肉', cat: 'food', emoji: ' ' },
{ id: 5, kanji: '枝豆', kana: 'えだまめ', meaning: '毛豆', cat: 'food', emoji: ' ' },
{ id: 6, kanji: '日本酒', kana: 'にほんしゅ', meaning: '日本清酒', cat: 'drink', emoji: ' ' },
{ id: 7, kanji: '生ビール', kana: 'なまビール', meaning: '生啤酒', cat: 'drink', emoji: ' ' }
];
const scenarios = {
'1': {
jp: "とりあえず、生ビールと枝豆をください。",
plain: "とりあえず、生ビールと枝豆をください。",
mean: "總之,請先給我生啤酒與毛豆。",
note: "學習建議:注意「枝豆(えだまめ)」這個字的唸法。"
},
'2': {
jp: "みなさん、お疲れ様です。乾杯しましょう!",
plain: "みなさん、お疲れ様です。乾杯しましょう!",
mean: "各位辛苦了。我們來乾杯吧!",
note: "學習建議:居酒屋情境中常用的開場白。"
}
};
let currentFilter = 'all';
let currentPlain = "";
window.onload = () => {
renderVocab();
selectScenario('1');
};
function renderVocab() {
const grid = document.getElementById('vocab-grid');
grid.innerHTML = '';
const list = currentFilter === 'all' ? vocabData : vocabData.filter(v => v.cat === currentFilter);
list.forEach(v => {
const card = `
`;
grid.innerHTML += card;
});
}
function flipCard(el) {
const inner = el.querySelector('.card-inner');
inner.style.transform = inner.style.transform === 'rotateY(180deg)' ? 'rotateY(0deg)' : 'rotateY(180deg)';
}
function filterVocab(cat) {
currentFilter = cat;
document.querySelectorAll('.filter-btn').forEach(btn => {
btn.classList.remove('bg-stone-800', 'text-white', 'shadow-md');
btn.classList.add('bg-white', 'text-stone-600');
});
event.target.classList.add('bg-stone-800', 'text-white', 'shadow-md');
renderVocab();
}
function selectScenario(num) {
const data = scenarios[num];
const content = document.getElementById('scenario-content');
currentPlain = data.plain;
document.querySelectorAll('.scenario-btn').forEach(btn => {
btn.classList.remove('bg-stone-100', 'border-stone-800', 'text-stone-800', 'shadow-sm');
btn.classList.add('bg-white', 'border-stone-100', 'text-stone-50');
});
document.getElementById('btn-' + num).classList.add('bg-stone-100', 'border-stone-800', 'text-stone-800', 'shadow-sm');
content.innerHTML = `
中文解釋
${data.mean}
${data.note}
`;
}
function copySentence() {
const el = document.createElement('textarea');
el.value = currentPlain;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
const toast = document.getElementById('toast');
toast.classList.add('show');
setTimeout(() => toast.classList.remove('show'), 2000);
}