Books by AERA dot.｜編集部イチオシの書籍をご紹介！

<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="utf-8"> <title>Books by AERA dot.｜編集部イチオシの書籍をご紹介！</title> <meta name="description" content="編集部イチオシの書籍をご紹介いたします。"> <meta name="viewport" id="viewport" content="width=device-width,user-scalable=yes"> <meta property="og:title" content="Books by AERA dot.｜編集部イチオシの書籍をご紹介！"> <meta property="og:type" content="website"> <meta property="og:image" content="https://dot.asahi.com/dir/books/assets/images/ogp.png"> <meta property="og:url" content="https://dot.asahi.com/dir/books/index.html"> <meta property="og:description" content="編集部イチオシの書籍をご紹介いたします。"> <link rel="canonical" href="https://dot.asahi.com/dir/books/index.html"> <link rel="shortcut icon" href="./assets/images/favicon.ico"> <script> dataLayer = [ { "brand": "books" } ]; </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-WZ6TT4F');</script>   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="./assets/css/book.css">  <script type="text/javascript" async defer src="https://cdn.storifyme.xyz/static/web-components/storifyme-elements.min.js"></script> <script src="./assets/js/index.js"></script> <script> // JSONデータを取得してHTMLに挿入する関数 function insertBookArticles() { fetch('https://dot.asahi.com/list/utils/books/latest.json') .then(response => response.json()) .then(data => { const bookArticlesContainer = document.getElementById('bookArticles'); data.articles.slice(0, 6).forEach(article => { const articleHTML = ` <a class="bl_articles_item" href="${article.url}" data-gtm-click="book_article"> <div class="bl_articles_item_inner"> <div class="bl_articles_item_img"><img src="${article.image}" alt=""></div> <div class="bl_articles_item_txt"> <h3 class="bl_articles_item_ttl">${article.title}</h3> </div> </div> </a>`; bookArticlesContainer.insertAdjacentHTML('beforeend', articleHTML); }); }) .catch(error => console.error('Error fetching Book articles:', error)); } // ページのロードが完了したら各種記事を読み込む window.onload = function () { insertBookArticles(); }; </script> </head> <body id="index">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WZ6TT4F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <main id="wrapper"> <header class="siteHeader index"> <div class="siteHeader_top">  <h1 class="siteHeader_ttl"><img src="./assets/images/logo-books.png" width="224" height="121" alt="AERAdot. Books Logo">編集部イチオシの書籍をご紹介！</h1> </div> <div class="siteHeader_menu"> <ul> <li><a href="#books">書籍</a></li> <li><a href="#magazine">雑誌・ムック</a></li> <li><a href="#related-articles">書籍紹介記事</a></li> </ul> </div> <div class="siteHeader_link-area"> <a href="https://dot.asahi.com/" target="_blank"><img src="./assets/images/logo_aera.png" alt="AERAdot. site link"></a> </div> </header>  <article id="content">  <section id="books"> <div class="ly_content"> <div class="ly_content_size"> <div class="ly_content_pad"> <div class="bl_articles"> <h2 class="bl_articles_ttl">書籍<span>books</span></h2> <storifyme-collection account="asahi-shimbun-publications-4178782" widget="8160" env="eu"></storifyme-collection> </div> </div> </div> </div> </section>  <section id="magazine"> <div class="ly_content"> <div class="ly_content_size"> <div class="ly_content_pad"> <div class="bl_articles"> <h2 class="bl_articles_ttl">雑誌・ムック<span>magazine/mook</span></h2> <storifyme-collection account="asahi-shimbun-publications-4178782" widget="8268" env="eu"></storifyme-collection> </div> </div> </div> </div> </section>  <section id="related-articles"> <div class="ly_content"> <div class="ly_content_size"> <div class="ly_content_pad"> <div class="bl_articles"> <h2 class="bl_articles_ttl">書籍紹介記事<span>articles</span></h2> <div id="bookArticles" class="bl_articles_items"> </div> </div> </div> </div> </div> </section>  <footer class="siteFooter"> <div class="siteFooter_navWrap"> <ul class="siteFooter_nav"> <li><a href="https://dot.asahi.com/list/sitepolicy" target="_blank">サイトポリシー</a></li> <li class="nobarsp"><a href="https://publications.asahi.com/company/privacy/web_access.shtml" target="_blank">アクセスデータについて</a></li> <li><a href="https://publications.asahi.com/company/" target="_blank">会社案内</a></li> <li><a href="https://publications.asahi.com/" target="_blank">朝日新聞出版</a></li> <li class="nobarsp"><a href="https://www.asahi.com/" target="_blank">朝日新聞デジタル</a></li> <li><a href="https://publications.asahi.com/mediaguide/" target="_blank">広告掲載について</a></li> <li class="nobarsp"><a href="mailto:aeradot.info@asahi.com" target="_blank">お問い合わせ</a></li> <li><a href="https://dot.asahi.com/" target="_blank">AERA dot.</a></li> </ul> </div> <p class="siteFooter_copy">Copyright 2024 Asahi Shimbun Publications Inc. All rights reserved. <br class="sp">No Reproduction or publication without written permission.</p> </footer> </article> </main> </body> </html>

CINXE.COM

Books by AERA dot.｜編集部イチオシの書籍をご紹介！