日本経済新聞紙面ビューアーアプリ

<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="UTF-8"> <title>日本経済新聞紙面ビューアーアプリ｜日経電子版広報部</title> <meta name="description" content="スマホ・タブレットで日経を持ち歩きませんか？｜日本経済新聞紙面ビューアーアプリ"> <meta name="keywords" content="日本経済新聞,日経,電子版,新聞,スマホ,タブレット,アプリ,iPhone,Android,iPad,朝刊"> <meta name="author" content="Nikkei, Inc./ https://www.nikkei.com/"> <meta name="robots" content="noodp"> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"> <meta property="og:title" content="日本経済新聞紙面ビューアーアプリ"> <meta property="og:description" content="スマホ・タブレットで日経を持ち歩きませんか？"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.nikkei.com/promotion/service/viewerapp/"> <meta property="og:image" content="https://www.nikkei.com/promotion/service/viewerapp/common/img/ogp.jpg"> <meta property="fb:app_id" content="251786001504345"> <link rel="stylesheet" href="common/css/common.css"> <link rel="stylesheet" href="common/css/style.css"> <link rel="shortcut icon" type="image/x-icon" href="common/img/favicon.ico"> <link rel="canonical" href="https://www.nikkei.com/promotion/service/viewerapp"> <script type="text/javascript" src="//partsa.nikkei.com/parts/js/ab/Rtoaster.js"></script> <script type="text/javascript"> Rtoaster.init("RTA-11f6-2891c82c231b", Rtoaster.Cookie.get("NID-Serial-Cookie")); Rtoaster.track(); </script> <script src="//assets.adobedtm.com/43692acb8f62beca52063bd53825dcc138f4617b/satelliteLib-5c5bf17f3c932023dd8120e08fd39f91eaf31a9b.js"></script>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NLMX6SG');</script>  </head> <body class="viwer" id="viwer">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLMX6SG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="guide-video-btn"> <div class="guide-video-btn_sp"><a href="#video"><img src="./common/img/img_video_sp.jpg" alt=""></a></div> <div class="guide-video-btn_pc"><a href="#video"><img src="./common/img/img_video.jpg" alt=""></a></div> </div>  <div id="wrapper" class="wrapper">  <header class="header" role="banner"> <div class="header-in"> <div class="header-logoBox"> <p class="header-logo"><a class="header-logo-link" href="#viwer" target="_blank" rel="noopener"><img class="header-logo-img" src="common/img/logo_header_nikkei_02.svg" alt="日経電子版ビューアー"></a></p> <p class="header-v is-pc">紙面ビューアー</p> <p class="header-v is-sp"><img src="common/img/tag_viewer.png" alt="紙面ビューアー"></p> </div> <ul class="anchorList">  </ul> <div class="header-utility"> <ul class="header-list"> <li class="header-list-item header-btn"> <a class="btn btn-pc js-scroll" href="https://www.nikkei.com/r123/?n_cid=DSPRM1BA11"> <span class="btn-in btn-in--block btn-in--apply"> <span class="header-btn-txt-01">無料体験に</span> <span class="header-btn-txt-02">申し込む</span> </span> </a> <a class="btn btn-sp js-scroll" href="https://www.nikkei.com/r123/?n_cid=DSPRM1BA11"> <span class="btn-in btn-in--block btn-in--apply"> <span class="header-btn-txt-01">無料体験に</span> <span class="header-btn-txt-02">申し込む</span> </span> </a> </li> <li class="header-list-item" style="flex: 0 0 auto; margin-left:0; "> <li class="header-list-item header-btn header-btn-nikkei"> <a class="btn btn-pc js-scroll" href="https://www.nikkei.com/"> <span class="btn-in btn-in--block btn-in--apply">日経電子版</span> </a> <a class="btn btn-sp js-scroll header-btn-nikkei" href="https://www.nikkei.com/"> <span class="btn-in btn-in--block btn-in--apply">日経電子版</span> </a> </li> </li> </ul> </div> </div> </header>  <div class="contents"> <main role="main" class="main">  <div class="hero"> <div class="hero-in"> <div class="hero-logo"> <span class="hero-logo__item"><img class="hero-logo-img" src="common/img/logo.png" alt="日経電子版　紙面ビューアー" /></span> <p class="hero-logo__labels"> <span class="hero-logo__label __primary">紙面ビューアー</span> </p> </div> <div class="hero-text hero-text--3"> <p> <span class="hero-text-read hero-text-pc __none-spaced">日本経済新聞　紙面ビューアーアプリ</span> <span class="hero-text-read hero-text-sp">日本経済新聞</span><span class="hero-text-read hero-text-sp">紙面ビューアーアプリ</span><br> <span class="hero-text-read">スマホ・タブレットで日経を</span><br> <span class="hero-text-read">確実にチェック ! </span> </p> </div>  </div>  </div>   <div class="mod-guide bg-white"> <div class="s-inner"> <section class="mod-guide-item"> <h2 class="mod-guide-item-title">日経電子版、まずは<span class="mod-guide-item-btntext">無料で体験！</span></h2> <p class="mod-guide-btn"><a class="btn" data-btn-size="medium" data-btn-color="blue" data-btn-font="small" href="https://www.nikkei.com/r123/?n_cid=DSPRM1BA11" target="_blank"><span class="btn-in">詳細はこちら</span></a></p> </section> </div> </div> <section id="conversion" class="sec-watch">  <div class="database-wrap"> <h2 class="ttl-03">紙面ビューアーアプリとは  </h2> <div class="mod-database"> <article class="mod-database-item"> <h3 class="mod-database-title">紙面そのまま<br>さらに便利</h3> <figure class="mod-database-figure"><img src="common/img/img_benefit01.png" alt=""></figure> <p class="mod-database-text">日本経済新聞の「朝刊・夕刊」、全国の「地域経済面」などを紙面イメージそのままでお読みいただけます。<br aria-hidden="true" class="s-dn s-db-md">さらに、登録したキーワードを含む記事はハイライトして表示するので、大事な情報が一目でわかります。</p> </article> <article class="mod-database-item"> <h3 class="mod-database-title">片手でかんたん</h3> <figure class="mod-database-figure"><img src="common/img/img_benefit02.png" alt=""></figure> <p class="mod-database-text">ピンチやタップ、フリック操作に対応。拡大・縮小、ページ送りも思いのままです。<br aria-hidden="true" class="s-dn s-db-md">１タップで記事が保存でき、スクラップが捗ります。</p> </article> <article class="mod-database-item"> <h3 class="mod-database-title">自動ダウンロードで<br>通知をお届け</h3> <figure class="mod-database-figure"><img src="common/img/img_benefit03.png" alt="日経テレコン"></figure> <p class="mod-database-text">Wi-Fi環境下で紙面を自動ダウンロード。<br aria-hidden="true" class="s-dn s-db-md">完了後、任意のタイミングで通知するので読み逃しがありません。</p> </article> </div> </div>  </section>  <section id="service" class="sec-function"> <ul class="function-point-list">  <li class="function-point-content"> <div class="point-inner point-1"> <h2> <span class="section-cap-point">POINT 1</span> <span class="section-cap-text">直近30日分の紙面が読み放題</span> </h2> <p class="section-read">「紙面選択」から、読みたい日の新聞を選べます。</p> <div class="point-detail-border"> <div class="list-wrap"> <ul> <li>朝刊・夕刊</li> <li>地域経済面（全国分）</li> <li>日経プラス１（土曜発行）</li> </ul> <ul> <li>別刷特集</li> <li>NIKKEI The STYLE（日曜発行）</li> <li>各専門紙（別途要申込）</li> </ul> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-2"> <h2> <span class="section-cap-point">POINT 2</span> <span class="section-cap-text">見出し一覧から記事を探せます</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_list.png" alt=""> <p class="list-wrap--right-text">「リスト」から、記事見出しを確認し、読みたい記事へダイレクトリンク。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-3"> <h2> <span class="section-cap-point">POINT 3</span> <span class="section-cap-text">読みたいページへも、らくらく移動</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_windows.png" alt=""> <p class="list-wrap--right-text">読みたい面を選んで読めます。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-4"> <h2> <span class="section-cap-point">POINT 4</span> <span class="section-cap-text">切り抜きイメージを簡単保存</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_clip.png" alt=""> <p class="list-wrap--right-text">クリップマークのアイコンを押すと、今読んでいる記事が保存されます。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-5"> <h2> <span class="section-cap-point">POINT 5</span> <span class="section-cap-text">保存した記事は<br>いつでも見ることができます</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <p>「保存記事」ボタンを押すと保存した記事が一覧できます。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-6"> <h2> <span class="section-cap-point">POINT 6</span> <span class="section-cap-text">登録したキーワードで<br>記事をハイライト</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <p>「Myニュース」の「キーワード登録」機能とも連携。<br>登録したキーワードを含む記事がハイライトされ、重要なニュースも読み逃しません。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-7"> <h2> <span class="section-cap-point">POINT 7</span> <span class="section-cap-text">横書きテキストでも読めます</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_text.png" alt=""> <p class="list-wrap--right-text">「テキスト」を押すと、記事が横書き表示になります。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-8"> <h2> <span class="section-cap-point">POINT 8</span> <span class="section-cap-text">知りたい情報は検索機能で<br>すばやくチェック</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_glass.png" alt=""> <p class="list-wrap--right-text">紙面に掲載されている記事はキーワードで検索ができます。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-9"> <h2> <span class="section-cap-point">POINT 9</span> <span class="section-cap-text">地域経済面はあなたの地域を設定</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_setting.png" alt=""> <p class="list-wrap--right-text">朝刊をダウンロードすると、選択した地域経済面が表示されます。テキスト表示、キーワードハイライトや保存も可能。</p> </div> </div> </div> </li>  <li class="function-point-content"> <div class="point-inner point-10"> <h2> <span class="section-cap-point">POINT 10</span> <span class="section-cap-text">メモ・マーカーで気づきを保存<br> (iOS限定機能)</span> </h2> <div class="point-detail-border"> <div class="list-wrap"> <img src="common/img/ic_memo.png" alt=""> <p class="list-wrap--right-text">紙の新聞と同じように掲載記事にマーカーを引いたり自由にメモができます。</p> </div> </div> </div> </li> </ul> </section>   <div class="mod-guide bg-white"> <div class="s-inner"> <section class="mod-guide-item"> <h2 class="mod-guide-item-title">日経電子版、まずは<span class="mod-guide-item-btntext">無料で体験！</span></h2> <p class="mod-guide-btn"><a class="btn" data-btn-size="medium" data-btn-color="blue" data-btn-font="small" href="https://www.nikkei.com/r123/?n_cid=DSPRM1BA11" target="_blank"><span class="btn-in">詳細はこちら</span></a></p> </section> </div> </div>   <div class="mod-guide guide-video" id="video"> <div class="s-inner"> <section class="mod-guide-item mod-guide-item-wrap"> <div class="guide-text"> <h2 class="mod-guide-item-title">紙面ビューアーアプリの<br class="sp-none">使い方を<br>３分動画で解説！</h2> <p class="sub-text">紙面ビューアーアプリの動きや見え方も<br>こちらでご確認いただけます。</p> </div> <div class="video-right"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/LPb4JEuEsiU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </section> </div> </div>  <section class="sec-qa" id="qa"> <div class="s-inner"> <h2 class="ttl-02">よくあるご質問</h2>  <section class="sec-qa-child"> <ul class="list-qa"> <li class="list-qa-item"> <a href="" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">宅配読者が利用できる「ビューアーサービス」との違いは何ですか？<i class="ico-slide"></i></p> </div> </a> <div class="list-qa-answer"> <div class="list-qa-body"> <p class="list-qa-text"> <span>ビューアーサービスは日本経済新聞の紙面イメージの閲覧のみとなります。</span><br> 以下のサービスは日経電子版の有料会員限定機能となります。<br>・キーワード登録によるハイライト表示<br>・記事保存<br>・メモ・マーカー書き込み </p> </div> </div> </li> <li class="list-qa-item"> <a href="" class="list-qa-question js-accordion"> <div class="list-qa-body"> <p class="list-qa-text">紙面ビューアーアプリの記事を印刷できますか<i class="ico-slide"></i></p> </div> </a> <div class="list-qa-answer"> <div class="list-qa-body"> <p class="list-qa-text"><span>iOS・ブラウザ版の日経電子版からの印刷は可能です。</span><br>iOS向け紙面ビューアーアプリでWi-Fi通信を行い、同一ネットワーク内にアップルのエアプリント対応プリンターがあれば、選択した記事を紙面に掲載されたイメージ（紙面イメージ）で印刷することが可能です。 AndroidOS向け紙面ビューアーアプリから記事を印刷する機能はありません。記事を保存すると、連携する「Myニュース」（パソコン画面）の保存記事から、個別記事を横書きテキストと画像の形式で印刷できます。</p> </div> </div> </li> </ul> </section> </div> </section>   <div class="caution caution-01"> <div class="s-inner"> <dl class="caution-list"> <dt class="caution-text">紙面ビューアーアプリについて詳しくは<a href="http://www.nikkei.com/help/feature/device/ipadapp/" target="_blank">こちら</a></dt> <dt class="caution-text">紙面ビューアーアプリの利用環境は<a href="http://www.nikkei.com/info/ipadapp.html" target="_blank">こちら</a></dt> <dd class="">※アプリのダウンロードには「Apple ID」または「Googleアカウント」が必要となります。</dd> <dd>※App StoreはApple Inc.のサービスマークです。</dd> <dd>※AndroidはGoogle Inc.の登録商標です。</dd> </dl> </div> </div>   <div class="caution caution-01"> <div class="s-inner"> <dl class="caution-list"> <dt class="caution-title">【個人情報の取り扱いについて】</dt> <dd class="mod-caution-list-desc">ご登録いただきました個人情報は、弊社「<a class="caution-list-link" href="https://www.nikkei.com/lounge/privacy/privacy.html" target="_blank" rel="noopener">日経IDプライバシーポリシー</a>」に従って取り扱います。</dd> </dl> </div> </div>  </main> </div> <nav class="nav-utility"> <ul class="nav-utility-list"> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.co.jp/nikkeiinfo/corporate/" target="_blank" rel="noopener">会社概要</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/privacy.html" target="_blank" rel="noopener">プライバシーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/info/trans.html" target="_blank" rel="noopener">特定商取引法に基づく表示</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/policy.html" target="_blank" rel="noopener">クッキーポリシー</a></li> <li class="nav-utility-list-item"><a class="nav-utility-list-link" href="https://www.nikkei.com/lounge/privacy/cookie/optout.html" target="_blank" rel="noopener">外部送信</a></li> </ul> </nav>  <footer class="footer" role="contentinfo"> <div class="s-inner"> <div class="footer-in"> <span class="footer-logo"><img class="footer-logo-img" src="common/img/ftr_logo.svg" alt="NIKKEI" width="57"></span> <span class="footer-copylight"><small>Nikkei Inc. No reproduction without permission.</small></span> </div> </div> </footer> </div>  <script type="text/javascript">Rtoaster.recommendNow("rcmd_pr_lp_ab_01");</script>  <script src="common/js/lib.js"></script> <script src="common/js/common.js"></script>  <script type="text/javascript"> var allcookie = document.cookie.split("; "); var nidauth = ""; i = 0; while (allcookie[i]) { if (allcookie[i].substr(0, 17) == "NID-AUTHENTICATED") { nidauth = "auth"; break; } i++; } if (nidauth == "auth") { var node = document.getElementById('login'); if (node != null) { node.parentNode.removeChild(node); } } $(function () { $('a[href^="#"]').click(function () { var headerHight = 81; //ヘッダの高さ var speed = 500; var href = $(this).attr('href'); var target = $(href == '#' || href == '' ? 'html' : href); var position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす $('html, body').animate({ scrollTop: position }, speed, 'swing'); return false; }); const $header = $('header'); const $headerHeight = $header.outerHeight() + 100; const $target = $('#conversion'); $(window).on('load scroll', function () { const $this = $(this); const targetPos = $target.offset().top; const trigger = $this.scrollTop(); if (trigger > targetPos && $header.hasClass('__fixed') == false) { $header.css({ top: '-100px' }); $header.addClass('__fixed'); $header.animate({ top: 0 }, 300); } else if (trigger < targetPos && $header.hasClass('__fixed') == true) { $header.removeClass('__fixed'); } }); // timeline //月末日を取得 const getEndOfMonth = function (year, month) { var endDate = new Date(year, month, 0); return endDate.getDate(); } //n月後を取得 const getAddMonthDate = function (year, month, day, add) { var addMonth = month + add; var endDate = getEndOfMonth(year, addMonth); if (day >= endDate) { day = endDate; } return new Date(year, addMonth - 1, day); } const td = new Date(); // const td = new Date("2020.12.2"); //任意の日付で確認 //現在の年月日 const thisYear = td.getFullYear(); const thisMonth = td.getMonth() + 1; const thisDate = td.getDate(); const thisMonthLastDay = getEndOfMonth(thisYear, thisMonth); //nヶ月 const n = 1; //nヶ月後 const firstMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n); const firstMonthYear = firstMonthLater.getFullYear(); const firstMonth = firstMonthLater.getMonth() + 1; const firstMonthDate = firstMonthLater.getDate(); const firstMonthLastDay = getEndOfMonth(firstMonthYear, firstMonth); //n+1ヶ月後 const secondMonthLater = getAddMonthDate(thisYear, thisMonth, thisDate, n + 1); const secondMonth = secondMonthLater.getMonth() + 1; //グラフに必要な日付文言------------------------ //現在の月日 const todayText = thisMonth + "/" + thisDate; //nヶ月後 const firstMonthText = firstMonth + "/" + firstMonthDate; //n+1ヶ月後 let nextMonthText = secondMonth + "/" + 1; //通常料金が始まる月 if (thisDate === 1) { var tempSecondMonth = secondMonth - 1; if (secondMonth == 1) { tempSecondMonth = 12; } nextMonthText = tempSecondMonth + "/" + 1 } //期間 let dailyRateText = firstMonth + '/' + firstMonthDate + '〜' + firstMonth + '/' + firstMonthLastDay; //日割期間 if (firstMonthDate == firstMonthLastDay) { dailyRateText = firstMonth + '/' + firstMonthDate; } // console.log('今年は' + thisYear + '年'); // console.log('今は' + thisMonth + '月'); // console.log('今月は' + thisMonthLastDay + '日まで'); // console.log('来月は' + firstMonthLastDay + '日まで'); //-------------------------------------------- //日付の挿入 const $today = $('.js-active .timeline-label--start-date');//今日の日付 $today.text(todayText); const $firstMonth = $('.js-active .timeline-label--one-month-date');//無料期間終了日 $firstMonth.text(firstMonthText); const $firstMonthStartMonth = $('.js-active .timeline__item-this-month');//日割料金が始まる月 $firstMonthStartMonth.text(firstMonth); const $firstMonthDailyRate = $('.js-active .timeline__item-this-month--daily-rate');//日割料金期間 $firstMonthDailyRate.text(dailyRateText); const $nextMonth = $('.js-active .timeline-label--next-month-date');//通常料金が始まる月 $nextMonth.text(nextMonthText); //振り分け計算 const value = thisMonthLastDay / 5; const $timeLineLabel = $('.js-active .timeline-label'); const $timeLineBar = $('.js-active .timeline-bar'); const $timeLineDesc = $('.js-active .timeline-desc'); if (thisDate === 1) { $timeLineLabel.addClass('timeline-label--beginning'); $timeLineBar.addClass('timeline-bar--beginning'); $timeLineDesc.addClass('timeline-desc--beginning'); $('.js-active .m-note__general--item-daily').addClass('m-note__general--beginning'); } else if (thisDate <= (value + 1)) { $timeLineLabel.addClass('timeline-label--first-week'); $timeLineBar.addClass('timeline-bar--first-week'); $timeLineDesc.addClass('timeline-desc--first-week'); } else if (thisDate <= (value * 2 + 1)) { $timeLineLabel.addClass('timeline-label--second-weeks'); $timeLineBar.addClass('timeline-bar--second-weeks'); $timeLineDesc.addClass('timeline-desc--second-weeks'); } else if (thisDate <= (value * 3 + 1)) { $timeLineLabel.addClass('timeline-label--third-weeks'); $timeLineBar.addClass('timeline-bar--third-weeks'); $timeLineDesc.addClass('timeline-desc--third-weeks'); } else if (thisDate <= (value * 4 + 1)) { $timeLineLabel.addClass('timeline-label--fourth-weeks'); $timeLineBar.addClass('timeline-bar--fourth-weeks'); $timeLineDesc.addClass('timeline-desc--fourth-weeks'); } else if (thisDate >= (firstMonthLastDay - 3)) { $timeLineLabel.addClass('timeline-label--3-days-ago'); $timeLineBar.addClass('timeline-bar--3-days-ago'); $timeLineDesc.addClass('timeline-desc--3-days-ago'); } else if (thisDate <= (value * 5 + 1)) { $timeLineLabel.addClass('timeline-label--fifth-weeks'); $timeLineBar.addClass('timeline-bar--fifth-weeks'); $timeLineDesc.addClass('timeline-desc--fifth-weeks'); } }); </script>  <script type="text/javascript">if (typeof _satellite !== 'undefined') _satellite.pageBottom();</script>  </body> </html>

CINXE.COM

日本経済新聞 紙面ビューアーアプリ｜日経電子版 広報部

日本経済新聞紙面ビューアーアプリ｜日経電子版広報部