チケット | 横浜FCオフィシャルウェブサイト

TICKET

直近のホームゲーム

\

\

\

\

\

\

\

\ REPLACE_DATE\ REPLACE_WEEKREPLACE_TIME\

\

REPLACE_COMPETITOR_NAMEREPLACE_STADIUM

\

\

\

\ イベント情報\
\ チケット購入\

\

\

\ '; const getJson = async url => { // getJson() は promise を返す const response = await fetch(url); // fetch() が返した promise の処理が完了するのを待つ const json = await response.json(); // json() が返した promise の処理が完了するのを待つ return json; } const getClubByClubId = (clubId, allClubs) => { if (!allClubs) return null; const findIndex = allClubs.findIndex((clubData) => clubData.id === clubId); return allClubs[findIndex]; } const top_slider_show = async (url) => { const json = await getJson(url); // getJson() が返した promise の処理が完了するのを待つ let post = json[0]; let allLeague = post.acf.league; let top_match_arr = []; let all_clubs; try { const clubsData = localStorage.getItem('all_clubs'); all_clubs = JSON.parse(clubsData); } catch (e) { console.log('Can not find Clubs data', e); } allLeague.forEach((league) => { let gamesOfLeague = league.game; gamesOfLeague = gamesOfLeague.map(match => { const leagueName = league.league_name; match.league_name = leagueName.replace('２０２３', ''); const homeTeamId = match.game_home_team.value; const homeTeamV2Id = match.home_v2; const homeTeamV2 = getClubByClubId(homeTeamV2Id, all_clubs); if (homeTeamV2 && homeTeamV2.name === '横浜FC') { return match; } else if (homeTeamId === '296') { return match; } return null; }); top_match_arr = top_match_arr.concat(gamesOfLeague.filter(Boolean)); }); const get_json_detail = async (item, allClubs) => { const league_name = item.league_name; const away_v2_id = item.away_v2; const away_team_id = item.game_away_team.value; const away_team_name = item.game_away_team.label; let date_field = item.game_date; let date_arr = date_field.split('（'); const date = date_arr[0]; const week = "（" + date_arr[1]; const time = item.game_time; const section = item.game_section; const stadium = item.game_stadium; const event_url = item.game_kickoff_url; const ticket_url = item.ticket_url; let event_flag = ""; let ticket_flag = ""; if (event_url) { event_flag = "is-active"; } if (ticket_url) { ticket_flag = "is-active"; } const side = "home"; let competitor_logo; let competitor_name; if (away_v2_id) { const clubData = getClubByClubId(away_v2_id, allClubs); competitor_logo = clubData.logo_url competitor_name = clubData.name; } else { competitor_logo = '/wp-content/themes/yokohamafc-2020/assets/img/emblem/' + away_team_id + '.svg'; competitor_name = away_team_name; } let html = HTML_TEMPLATE_MATCH_INFO; html = html.replace('REPLACE_LEAGUE_NAME', league_name); html = html.replace('REPLACE_SECTION', section); html = html.replace('REPLACE_STADIUM', stadium); html = html.replace('REPLACE_DATE', date); html = html.replace(/REPLACE_HOME_AWAY/g, side); html = html.replace('REPLACE_COMPETITOR_LOGO', competitor_logo); html = html.replace('REPLACE_COMPETITOR_NAME', competitor_name); html = html.replace('REPLACE_WEEK', week); html = html.replace('REPLACE_TIME', time); html = html.replace('REPLACE_EVENT_URL', event_url); html = html.replace('REPLACE_TICKET_URL', ticket_url); html = html.replace('REPLACE_EVENT_VISIBLE', event_flag); html = html.replace('REPLACE_TICKET_VISIBLE', ticket_flag); MATCH_LIST.append(html); } const top_match_init = async (arr) => { const displayedList = arr.filter(item => { const slide_flag = item.slide; const gameDate = item.game_date_en; const currentDate = '20250122'; return slide_flag === true && (parseInt(gameDate) - parseInt(currentDate) >= 0); }); const displayedLimit = displayedList.slice(0, 3); console.log('displayedLimit', displayedLimit); await Promise.all(displayedLimit.map(async item => await get_json_detail(item, all_clubs))); console.log("==== ticket match init =="); MATCH_LIST.slick({ infinite: false, draggable: false, fade: false, autoplay: false, arrows: false, initialSlide: 1, centerMode: true, variableWidth: true, responsive: [{ breakpoint: 767, settings: { initialSlide: 0, slideToShow: 2, slidesToScroll: 1, centerMode: false, infinite: true, draggable: true, arrows: true, } }] }); }; const topMatchSortByDate = top_match_arr.sort((a, b) => parseInt(a.game_date_en, 10) - parseInt(b.game_date_en, 10)); await top_match_init(topMatchSortByDate); }; top_slider_show(REST_API_TOP_MATCH_INFO);

座種・価格

販売スケジュール

チケット購入方法

招待券・割引

車椅子席・障がい者割引

アウェイサポーターの皆様へ

チケットに関するお知らせ

チケットの購入はこちらから

Jリーグチケット