las la-chevron-right

空Pタグ除去

(() => {
  const targetLinks = [
    {
      selectorId: 'img_90',
      webLink: 'https://manga.line.me/lp/event/eventlist',
      iabLink:
        'linemanga://iab/lp/event/eventlist?in_current_tab=true&persistent=true',
    },
     {
      selectorId: 'img_100',
      webLink: 'https://manga.line.me/lp/event/12th-anniversary',
      iabLink:
        'linemanga://iab/lp/event/12th-anniversary?in_current_tab=true&persistent=true',
    },
  ];

  const getWebViewerLink = (iabLink) => {
    const webViewerLink = iabLink.replace(
      /linemanga:\/\/viewer\/(\w+)\?type=periodic/,
      'https://manga.line.me/book/viewer?id=$1#/',
    );
    if (webViewerLink.indexOf('https://manga.line.me/book/viewer?id=') != -1) {
      return webViewerLink;
    }
    const webPeriodictDetailLink = iabLink.replace(
      /linemanga:\/\/periodic\/(\w+)/,
      'https://manga.line.me/product/periodic?id=$1#/',
    );

    if (webPeriodictDetailLink.indexOf('https://manga.line.me/product/periodic?id=') != -1) {
      return webPeriodictDetailLink;
    }

    //連載以外は一旦トップのURLを返す
    //TODO:単行本など他のIABスキームにも対応する
    return 'https://manga.line.me/';
  };

  const isIab = /linemanga/.test(navigator.userAgent);

  if (!isIab) {
    // バナーリンク差し替え
    targetLinks.forEach((link) => {
      const el = document.getElementById(link.selectorId);
      if (!el) return;
      const linkEl = el.querySelector('a');
      linkEl.href = link.webLink;
      linkEl.classList.add(`${link.selectorId}-link`);
    });

    // 作品リンク差し替え
    for (let i = 1; i < 32; i++) {
      const coverList = document.getElementById(i < 10 ? `coverList0${i}` : `coverList${i}`);
      if (coverList) {
        const linkEl = coverList.querySelectorAll('a');
        if (linkEl[0]) {
          linkEl[0].href = getWebViewerLink(linkEl[0].href);
          if (linkEl[1]) {
            linkEl[1].href = getWebViewerLink(linkEl[1].href);
          }
        }
      }
    }
  }
})();

Web/IAB URL出し分け

(async () => {
  //開始日を設定してください （例）"2024/05/31"
  const startDate = '2026/01/21';

  //これ以下は変更不要です。
  const gmtToJst = (date) => {
    // 下記コメントアウトは日本時間に変換されているか確認用(+9時間されているか)
    // const jstFormatterWithHour = new Intl.DateTimeFormat('ja-JP', {
    //   timeZone: 'Asia/Tokyo',
    //   year: 'numeric',
    //   month: '2-digit',
    //   day: '2-digit',
    //   hour: '2-digit',
    // });
    // console.log('jstFormatterWithHour', jstFormatterWithHour.format(date));
    const jstFormatter = new Intl.DateTimeFormat('ja-JP', {
      timeZone: 'Asia/Tokyo',
      year: 'numeric',
      month: '2-digit',
      day: '2-digit',
    });
    return jstFormatter.format(date);
  };
  const getJstDateFromHeader = async () => {
    try {
      const response = await fetch(location.href);
      // ランドプレスのヘッダー内の日付を取得（日本時間から-9時間になっている）
      const dateHeader = response.headers.get('Date');
      if (dateHeader) {
        // dateHeaderをdateオブジェクトに変換
        const gmtDate = new Date(dateHeader);
        // 日本時間を出力
        const formattedJapanDate = gmtToJst(gmtDate);
        return formattedJapanDate;
      } else {
        throw new Error('Date header is not present in the response');
      }
    } catch (error) {
      console.error(error);
    }
  };

  const nowDate = await getJstDateFromHeader();

  function parseDate(dateString) {
    const [year, month, day] = dateString.split('/').map(Number);
    return new Date(year, month - 1, day);
  }

  const date1 = parseDate(startDate); //開始日
  const date2 = parseDate(nowDate); //現在の日付

  const diffInTime = date2.getTime() - date1.getTime();
  const diffInDays = diffInTime / (1000 * 3600 * 24);

  let coverListElement = null;
  if (diffInDays >= 0) {
    const indexValue = diffInDays + 1;
    coverListElement = document.getElementById(
      indexValue < 10 ? `coverList0${indexValue}` : `coverList${indexValue}`,
    );
  }

  if (coverListElement) {
    const coverListElementGridItemElements = coverListElement.getElementsByClassName('grid_item');

    for (const element of coverListElementGridItemElements) {
      const linkEl = element.querySelector('a');
      const imgEl = element.querySelector('img');
      // 新しい要素を作成
      const newEl = `
        <a href="${linkEl.href}" class="todays-target-works__link">
          <picture class="todays-target-works__picture">
            <source
              srcset="${imgEl.src}"
              media="(min-width: 768px)"
            />
            <img
              src="${imgEl.src}"
              alt=""
              class="todays-target-works__img"
            />
          </picture>
        </a>
      `;
      // 親要素に追加
      const parentEl = document.getElementById('todays-target-works');
      parentEl.insertAdjacentHTML('beforeend', newEl);
    }

    // ランドプレスのヘッダーから日時を取得しているため表示にラグがあり、先に非表示にしているといきなりセクションが出現するため違和感があるので枠を先に表示しておく
    // const ttlTodaysTargetWorks = document.getElementById('ttl_todays_target_works');
    // const todaysTargetWorks = document.getElementById('todays_target_works');
    // ttlTodaysTargetWorks.style.display = 'block'; // cssで初期は「display: none;」を設定しているので本日の対象作品があった場合は「display: block;」にして表示する
    // todaysTargetWorks.style.display = 'block'; // cssで初期は「display: none;」を設定しているので本日の対象作品があった場合は「display: block;」にして表示する
  } else {
    //本日の対象作品なし
    const ttlTodaysTargetWorks = document.getElementById('ttl_todays_target_works');
    const todaysTargetWorks = document.getElementById('todays_target_works');
    ttlTodaysTargetWorks.style.display = 'none';
    todaysTargetWorks.style.display = 'none';
  }
})();

本日の対象作品をセットする

ヘッダー、フッターのjs

(() => {
  const targetLinks = [
    {
      selectorId: 'banner_event',
      webLink: 'https://manga.line.me/lp/common/event/eventlist/index.html',
      iabLink:
        'linemanga://iab/lp/common/event/eventlist/index.html?type=campaign&in_current_tab=true&persistent=true',
    },
  ];

  const getWebViewerLink = (iabLink) => {
    const webViewerLink = iabLink.replace(
      /linemanga:\/\/viewer\/(\w+)\?type=periodic/,
      'https://manga.line.me/book/viewer?id=$1#/',
    );
    if (webViewerLink.indexOf('https://manga.line.me/book/viewer?id=') != -1) {
      return webViewerLink;
    }
    const webPeriodictDetailLink = iabLink.replace(
      /linemanga:\/\/periodic\/(\w+)/,
      'https://manga.line.me/product/periodic?id=$1#/',
    );

    if (webPeriodictDetailLink.indexOf('https://manga.line.me/product/periodic?id=') != -1) {
      return webPeriodictDetailLink;
    }

    //連載以外は一旦トップのURLを返す
    //TODO:単行本など他のIABスキームにも対応する
    return 'https://manga.line.me/';
  };

  const isIab = /linemanga/.test(navigator.userAgent);

  if (!isIab) {
    // バナーリンク差し替え
    targetLinks.forEach((link) => {
      const el = document.getElementById(link.selectorId);
      if (!el) return;
      const linkEl = el.querySelector('a');
      linkEl.href = link.webLink;
      linkEl.classList.add(`${link.selectorId}-link`);
    });

    // 作品リンク差し替え
    for (let i = 1; i < 32; i++) {
      const coverList = document.getElementById(i < 10 ? `coverList0${i}` : `coverList${i}`);
      if (coverList) {
        const linkEl = coverList.querySelectorAll('a');
        linkEl[0].href = getWebViewerLink(linkEl[0].href);
        if (linkEl[1]) {
          linkEl[1].href = getWebViewerLink(linkEl[1].href);
        }
      }
    }
  }
})();

2月1日(日)

2月8日(日)

Enter the title for List

2月15日(日)

2月22日(日)