(function(){ if (!document.getElementById('tf-grid')) return; const TEACHERS = [{"kid":"#20","alias":"フオンアイン","url":"https://loannovietnam.com/2024/06/07/anh-zikosyokai-2/","icon":"https://loannovietnam.com/wp-content/uploads/2024/06/アイン-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"愛知","type":"gakusei","badges":["英語OK","国費留学生","スピーチ大会入賞"],"catch":"国費留学の言語マニア","bg":"名古屋大 国費留学生"},{"kid":"#14","alias":"ホンアン","url":"https://loannovietnam.com/2024/01/08/anh-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2024/01/アンさん-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"群馬","type":"gakusei","badges":["国費留学生","スピーチ大会入賞"],"catch":"丁寧なお姉さん先生","bg":"群馬大学/数学指導経験"},{"kid":"#19","alias":"アン","url":"https://loannovietnam.com/2024/06/07/anh-teacher/","icon":"https://loannovietnam.com/wp-content/uploads/2024/06/アンさん-自己紹介--298x300.jpg","dialects":["北部"],"country":"日本","region":"福岡","type":"beteran","badges":["英語OK","通訳実績","日本語教師歴5年+"],"catch":"ベテラン通訳の本格派","bg":"総領事館通訳/元教員"},{"kid":"#37","alias":"アン","url":"https://loannovietnam.com/2026/03/19/anh/","icon":"https://loannovietnam.com/wp-content/uploads/2026/03/3c878bdf-d15d-47f8-8a01-d2f924ae5699-e1773914460217-300x300.jpg","dialects":["北部"],"country":"日本","region":"埼玉","type":"syakaijin","badges":["英語OK"],"catch":"ディズニー好きOL先生","bg":"日本企業 設計部勤務"},{"kid":"#34","alias":"イエン","url":"https://loannovietnam.com/2026/01/17/yen/","icon":"https://loannovietnam.com/wp-content/uploads/2026/01/58650179-b8c4-4e8d-8c8b-91fef93a3e8e-e1768643736934-300x300.jpg","dialects":["北部"],"country":"ベトナム","region":"ハノイ","type":"beteran","badges":["日本語教師歴5年+"],"catch":"ハノイの日本語ベテラン","bg":"ハノイ大日本語学科/日本語指導6年"},{"kid":"#27","alias":"ウエン","url":"https://loannovietnam.com/2025/05/21/uyen-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2025/05/ウエン-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"syakaijin","badges":[],"catch":"冒険派サーファー先生","bg":"高知大卒/簿記2級"},{"kid":"#28","alias":"オアイン","url":"https://loannovietnam.com/2025/08/04/oanh-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2025/08/オアイン講師-自己紹介-300x300.jpg","dialects":["南部","中部"],"country":"ベトナム","region":"ホーチミン","type":"beteran","badges":["日本語教師歴5年+"],"catch":"方言マスター先生","bg":"3地域生活経験/日本語教師"},{"kid":"#32","alias":"クイン","url":"https://loannovietnam.com/2025/10/07/quynh/","icon":"https://loannovietnam.com/wp-content/uploads/2025/10/クイン講師-自己紹介-100x100.jpg","dialects":["北部"],"country":"ベトナム","region":"ハノイ","type":"it","badges":["英語OK"],"catch":"IT企業のハノイっ子","bg":"IT企業勤務/教師専門コース修了"},{"kid":"#09","alias":"ゴック","url":"https://loannovietnam.com/2023/07/24/ngocibaraki/","icon":"https://loannovietnam.com/wp-content/uploads/2023/07/ゴックさん茨城県-300x300.jpeg","dialects":["北部"],"country":"日本","region":"茨城","type":"gakusei","badges":["英語OK","国費留学生"],"catch":"筑波大のフレンド先生","bg":"筑波大 国費留学生"},{"kid":"#08","alias":"ゴック","url":"https://loannovietnam.com/2023/07/10/tamachan/","icon":"https://loannovietnam.com/wp-content/uploads/2023/07/ゴックさん玉ちゃん自己紹介のコピー-300x300.jpg","dialects":["北部"],"country":"日本","region":"福岡","type":"beteran","badges":["中国語OK","英語OK","日本語教師歴5年+","通訳実績"],"catch":"中国語も話す教員先生","bg":"佐賀大修了/大学講師/翻訳"},{"kid":"#07","alias":"ジン","url":"https://loannovietnam.com/2023/07/31/dinh-teacher/","icon":"https://loannovietnam.com/wp-content/uploads/2023/07/358329510_3462656430729270_224004464105771281_n-300x300.jpg","dialects":["南部"],"country":"日本","region":"大阪","type":"iryo","badges":["中国語OK","医療・介護専門","通訳実績"],"catch":"介護・技能実習の味方","bg":"介護聴/通訳/日本語教員"},{"kid":"#11","alias":"シン","url":"https://loannovietnam.com/2023/11/06/xinhzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/11/シンさん-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"beteran","badges":["通訳実績","日本語教師歴5年+"],"catch":"編み物好きバイリンガル","bg":"ハノイ大卒/通訳"},{"kid":"#26","alias":"セン","url":"https://loannovietnam.com/2023/04/08/sen-zokosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/04/セン講師-300x300.jpg","dialects":["南部","中部"],"country":"日本","region":"福岡","type":"gakusei","badges":[],"catch":"新人だけど熱心な大学生","bg":"福岡大/米山奨学生"},{"kid":"#15","alias":"チ","url":"https://loannovietnam.com/2023/07/18/chi-teacher/","icon":"https://loannovietnam.com/wp-content/uploads/2023/07/チ講師-自己紹介写真-300x300.jpg","dialects":["南部"],"country":"日本","region":"大阪","type":"syakaijin","badges":["通訳実績"],"catch":"ビジネス会話の実力派","bg":"伊藤忠通訳/人材紹介"},{"kid":"#13","alias":"チャー","url":"https://loannovietnam.com/2023/04/08/trazikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2021/12/チャー-写真-1-scaled-e1740440143825-300x300.jpg","dialects":["北部"],"country":"日本","region":"山口","type":"it","badges":["英語OK","スピーチ大会入賞"],"catch":"ギャップ萌えの昭和好き","bg":"ハノイ工科大/日本企業3年"},{"kid":"#39","alias":"チン","url":"https://loannovietnam.com/2026/01/27/trinh/","icon":"https://loannovietnam.com/wp-content/uploads/2026/01/fb96d500-d78f-472e-ad0d-7b4da0c2c69d-300x289.jpg","dialects":["南部"],"country":"日本","region":"埼玉","type":"syakaijin","badges":[],"catch":"ご縁を大切にする勉強家","bg":"HUTECH卒/JLPT N1・BJT J2"},{"kid":"#06","alias":"チャン","url":"https://loannovietnam.com/2023/06/14/trangzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/06/チャンさん-自己紹介-300x200.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"beteran","badges":["英語OK"],"catch":"発音の論理派先生","bg":"ハノイ大/阪大留学"},{"kid":"#38","alias":"チャン","url":"https://loannovietnam.com/2025/12/05/trang/","icon":"https://loannovietnam.com/wp-content/uploads/2025/12/Thuy-ベトナム講師-1-e1764831907817.jpg","dialects":["南部","中部"],"country":"日本","region":"東京","type":"gakusei","badges":[],"catch":"カフェ好き大学生","bg":"関西国際大学在学"},{"kid":"#41","alias":"チャン","url":"https://loannovietnam.com/2026/01/16/trang-2/","icon":"https://loannovietnam.com/wp-content/uploads/2026/01/2107e7b1-27ed-4683-bb6e-950c839aeaaf-e1768545780163-300x300.jpg","dialects":["北部"],"country":"ベトナム","region":"ハノイ","type":"syakaijin","badges":["通訳実績"],"catch":"ホテルマン出身の品格派","bg":"リッツカールトン/医療IT通訳"},{"kid":"#02","alias":"ニュー","url":"https://loannovietnam.com/2023/04/08/nhuzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/04/IMG_5287-e1688977298217-300x300.jpeg","dialects":["南部"],"country":"日本","region":"千葉","type":"iryo","badges":["英語OK","医療・介護専門"],"catch":"医療×看護師専門先生","bg":"高知県立大看護/生活相談員"},{"kid":"#05","alias":"ニュン","url":"https://loannovietnam.com/2023/04/08/nhungzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/03/ニュンさん-自己紹介②-500x375.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"gakusei","badges":["国費留学生","スピーチ大会入賞"],"catch":"発音を極める留学生","bg":"ハノイ大/神戸大 国費留学"},{"kid":"#24","alias":"ニュン","url":"https://loannovietnam.com/2024/11/25/nhung-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2024/11/ニュンさん-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"beteran","badges":[],"catch":"挫折しそうな時の伴走者","bg":"MOS/簿記3級"},{"kid":"#18","alias":"ハー","url":"https://loannovietnam.com/2024/06/07/ha-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2024/06/438125151_283796211480555_1819424060039094496_n-300x300.jpg","dialects":["北部"],"country":"ベトナム","region":"ハノイ","type":"syakaijin","badges":["通訳実績"],"catch":"登山好きの通訳先生","bg":"東京国際大卒/通訳翻訳8年"},{"kid":"#36","alias":"ハーチー","url":"https://loannovietnam.com/2025/11/25/ha-chi/","icon":"https://loannovietnam.com/wp-content/uploads/2025/11/588859830_2256528778184324_5061586616171467303_n-300x300.jpg","dialects":["北部"],"country":"日本","region":"宮城","type":"gakusei","badges":["英語OK","国費留学生"],"catch":"オタク趣味OKな国費生","bg":"東京外大/東北大 国費"},{"kid":"#23","alias":"ハン","url":"https://loannovietnam.com/2023/11/10/hang-teacher/","icon":"https://loannovietnam.com/wp-content/uploads/2023/11/ハンさん-自己紹介-300x300.jpeg","dialects":["南部"],"country":"日本","region":"東京","type":"gakusei","badges":["通訳実績"],"catch":"実践重視ボランティア先生","bg":"聖学院大/通訳翻訳"},{"kid":"#22","alias":"バン","url":"https://loannovietnam.com/2024/11/25/bang-teacher/","icon":"https://loannovietnam.com/wp-content/uploads/2024/11/バンさん-自己紹介-300x300.jpg","dialects":["南部"],"country":"日本","region":"神奈川","type":"it","badges":["中国語OK","英語OK"],"catch":"デザイン×多言語ホーチミン人","bg":"日本デザイナー学院/色彩1級"},{"kid":"#03","alias":"フェン","url":"https://loannovietnam.com/2023/04/08/huyenzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2022/09/フェン②-500x308.jpg","dialects":["北部"],"country":"日本","region":"福島","type":"syakaijin","badges":[],"catch":"製造業通訳の実務派","bg":"タイビン省/ハノイ大"},{"kid":"#21","alias":"フエン","url":"https://loannovietnam.com/2024/06/07/huyen-teacher-2/","icon":"https://loannovietnam.com/wp-content/uploads/2024/06/フェン-自己紹介-300x300.jpg","dialects":["北部"],"country":"日本","region":"群馬","type":"gakusei","badges":["英語OK"],"catch":"多方言ミックス大学生","bg":"高崎経済大生"},{"kid":"#01","alias":"フォン","url":"https://loannovietnam.com/2023/04/08/huongzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2022/09/フォンさん①-500x500.jpg","dialects":["北部"],"country":"日本","region":"東京","type":"beteran","badges":["日本語教師歴5年+"],"catch":"ASEAN公式の実力派","bg":"広島市立大/ASEAN講師"},{"kid":"#29","alias":"フオン","url":"https://loannovietnam.com/2025/07/14/huong-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2025/07/フオンさん-自己紹介-300x300.jpeg","dialects":["北部"],"country":"日本","region":"福岡","type":"daigakuin","badges":["国費留学生","スピーチ大会入賞"],"catch":"発音オタクの院生","bg":"広島市立大→東京外大院"},{"kid":"#33","alias":"フォーン","url":"https://loannovietnam.com/2026/01/28/phuong/","icon":"https://loannovietnam.com/wp-content/uploads/2026/01/d6c97532-d342-4f8c-9e6f-002a68249a15-e1776243125616-300x300.jpg","dialects":["南部"],"country":"ベトナム","region":"ホーチミン","type":"iryo","badges":["医療・介護専門","日本語教師歴5年+"],"catch":"医薬出身の語学講師","bg":"ホーチミン医薬大/123 Vietnamese Center"},{"kid":"#35","alias":"マイ","url":"https://loannovietnam.com/2026/03/22/mai/","icon":"https://loannovietnam.com/wp-content/uploads/2026/03/e520060a-db11-49ae-b610-b0e205ed068d-e1774106632522-300x300.jpg","dialects":["北部"],"country":"日本","region":"神奈川","type":"daigakuin","badges":["英語OK"],"catch":"商社ウーマンの高スペック","bg":"貿易大/商社営業/国際院"},{"kid":"#12","alias":"マイ","url":"https://loannovietnam.com/2023/12/13/maiteacher/","icon":"https://loannovietnam.com/wp-content/uploads/2023/12/マイさん-自己紹介-1-300x300.jpg","dialects":["北部"],"country":"日本","region":"兵庫","type":"gakusei","badges":["中国語OK","英語OK","スピーチ大会入賞"],"catch":"串カツ店志望の3ヶ国語使い","bg":"ホテル学科/流通科学大"},{"kid":"#04","alias":"ミー","url":"https://loannovietnam.com/2023/04/08/myzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/04/ミーさん-自己紹介-1-496x500.jpg","dialects":["北部"],"country":"ベトナム","region":"ホーチミン","type":"beteran","badges":["日本語教師歴5年+","通訳実績"],"catch":"ベテラン日本語教育者","bg":"ハノイ国家大/複数大学講師"},{"kid":"#30","alias":"ラン","url":"https://loannovietnam.com/2025/07/16/lan-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2025/07/ラン講師-自己紹介-300x300.jpg","dialects":["北部"],"country":"ベトナム","region":"ハノイ","type":"syakaijin","badges":["通訳実績"],"catch":"医療業界の通訳先生","bg":"人材/保険/医療通訳"},{"kid":"#10","alias":"リー","url":"https://loannovietnam.com/2023/11/05/lyzikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2023/11/リーさん-自己紹介②-300x300.png","dialects":["北部"],"country":"日本","region":"大阪","type":"gakusei","badges":["スピーチ大会入賞"],"catch":"弁論チャンプの阪大生","bg":"ハノイ国家大→阪大"},{"kid":"#25","alias":"リー","url":"https://loannovietnam.com/2024/11/27/ngan-zikosyokai/","icon":"https://loannovietnam.com/wp-content/uploads/2024/11/ガンさん-自己紹介-300x300.jpg","dialects":["北部"],"country":"ベトナム","region":"ホーチミン","type":"iryo","badges":["医療・介護専門"],"catch":"医療系の癒し系先生","bg":"タイビン医科薬科大/介護福祉士"},{"kid":"#42","alias":"ルオン","url":"https://loannovietnam.com/2026/03/04/luong/","icon":"https://loannovietnam.com/wp-content/uploads/2026/03/4d1baeeb-ad6f-49fa-9aef-c46e52cb8960-e1772612989731-300x300.jpg","dialects":["北部","中部"],"country":"日本","region":"東京","type":"iryo","badges":["医療・介護専門"],"catch":"現役看護師の安心先生","bg":"フエ医科薬科大/看護師"}]; const TYPE_LABELS = {gakusei:'現役大学生',daigakuin:'大学院生',beteran:'ベテラン日本語教師',syakaijin:'社会人・ビジネス経験',iryo:'医療従事者',it:'IT・専門業界'}; const STATE = {dialect:'all',type:'all',country:'all'}; function matches(t){return (STATE.dialect==='all'||(t.dialects&&t.dialects.indexOf(STATE.dialect)>=0))&&(STATE.type==='all'||t.type===STATE.type)&&(STATE.country==='all'||t.country===STATE.country);} function buildCard(t){ const badges=(t.badges||[]).map(b=>''+b+'').join(''); const idHtml=t.kid?'
講師ID '+t.kid+'
':''; const icon=t.icon?''+t.alias+'':'
'; const typeLabel=TYPE_LABELS[t.type]||t.type; const dialectDisp=(t.dialects||[]).map(d=>d+'弁').join('・'); return '
'+icon+'
'+t.alias+'
'+idHtml+'
'+dialectDisp+''+t.country+' / '+(t.region||'')+''+typeLabel+'
'+t.catch+'
'+(badges?'
'+badges+'
':'')+'
'+(t.bg||'')+'
自己紹介を見る
'; } function render(){ const grid=document.getElementById('tf-grid'); const empty=document.getElementById('tf-empty'); const count=document.getElementById('tf-count'); const hits=TEACHERS.filter(matches); count.textContent=hits.length; if(hits.length===0){grid.innerHTML='';empty.style.display='block';}else{empty.style.display='none';grid.innerHTML=hits.map(buildCard).join('');} } document.querySelectorAll('.tf-axis').forEach(function(axis){ const axisKey=axis.getAttribute('data-axis'); axis.querySelectorAll('.tf-chip').forEach(function(chip){ chip.addEventListener('click',function(){ axis.querySelectorAll('.tf-chip').forEach(function(c){c.classList.remove('is-active');}); chip.classList.add('is-active'); STATE[axisKey]=chip.getAttribute('data-val'); render(); }); }); }); render(); })();