読みたいリスト | カーリル

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com https://ssl.google-analytics.com; script-src-elem 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com https://ssl.google-analytics.com; connect-src 'self' *.sentry.io https://www.google-analytics.com https://api.calil.jp http://127.0.0.1:8080 http://127.0.0.1:8090; img-src 'self' https: data:; style-src 'unsafe-inline' *;" /> <title>読みたいリスト | カーリル</title> <meta name="theme-color" content="#00A1EA"> <meta name="application-name" content="カーリル" /> <meta name="apple-mobile-web-app-title" content="カーリル"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="search" type="application/opensearchdescription+xml" href="https://calil.jp/public/search.xml" title="カーリル" /> <link rel="alternate" type="application/rss+xml" title="カーリルのブログ" href="https://blog.calil.jp/feed" /> <link rel="apple-touch-icon-precomposed" href="/public/img/parts/apple-touch-icon.png" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-S0SYRD0CEW"></script> <script> var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; if (dnt!=='1' && dnt!=='yes') { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S0SYRD0CEW', { 'anonymize_ip': true }); } else { console.log('Do-Not-Track, not loading analytics.'); window.gtag = function() {}; } </script> <script type="module" crossorigin src="./assets/index.js"></script> <link rel="stylesheet" href="./assets/index.css"> </head> <body> <div id="menu"> <div class="container noprint"> <a href="/"> <img src="./assets/home.svg" title="ホーム"> </a> <a href="/popular/">今話題の本</a><a href="/library/">図書館マップ</a><a href="/recipe">本のレシピ</a><a class="large" href="/list">読みたいリスト</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">もっと見る<span class="caret" aria-hidden="true">▼</span></button> <div class="menu" role="menubar"> <a tabindex="0" class="small" href="/list">読みたいリスト</a> <a tabindex="0" href="/review/">書評</a> <a tabindex="0" href="/local/">カーリルローカル</a> <a tabindex="0" href="/touch/">カーリルタッチ</a> <a tabindex="0" href="/stamp">図書館スタンプラリー</a> </div> </div> <div class="right"> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">  設定<span class="caret">▼</span> </button> <div class="menu" role="menubar" aria-label="設定"> <a tabindex="0" href="/user/edit">アカウント設定  </a>  <a tabindex="0" href="/settings">図書館の設定</a> <a tabindex="0" href="/profile/source">高度な検索設定</a> <a tabindex="0" href="/logout">ログアウト</a> </div> </div> </div> </div> </div> <div id="menu_sp" class="noprint" role="menu"> <div class="container"> <a class="logo" href="/"> <img src="./assets/logo-sp.svg" title="カーリル"> </a>  <a class="setting" href="/settings">図書館の設定</a> <a href="/popular/">今話題の本</a> <a href="/library/">図書館マップ</a> <a href="/recipe">本のレシピ</a> <a href="/list">読みたいリスト</a> <a href="/review/">書評</a> <a href="/local/">ローカル</a> <a href="/stamp">スタンプラリー</a> <div class="bottom"> <a class="account" href="/profile/connect">アカウント設定</a> <a class="logout" href="/logout">ログアウト</a> </div> </div> </div> <nav class="navigation noprint"> <button class="menu_icon" aria-label="メニュー" aria-haspopup="true" aria-controls="menu_sp"></button> <button class="search_icon" aria-label="検索フォームの表示"></button> </nav> <div id="next" class="page_hide noprint"> <div class="container"> <a class="logo" href="/" title="カーリルのホームに戻る"> <picture> <source media="(max-width: 1024px)" srcset="./assets/logo-mini.svg "> <img src="./assets/logo.svg" alt="日本最大の図書館蔵書検索・カーリル"> </picture> </a> <form action="/search" method="get"><input name="q" type="search" value="" placeholder="" autocomplete="off" autofocus="true"><button type="submit">さがす</button></form> </div> </div> <div id="app"></div> <script> var menuIcon = document.querySelector('.menu_icon') var menuSp = document.getElementById('menu_sp') var nav = document.querySelector('nav.navigation') function hideSpMenu() { nav.classList.remove('hide') menuSp.classList.add('hide') menuSp.classList.remove('show') menuIcon.setAttribute('aria-expanded', 'false') setTimeout(function() { nav.classList.remove('show') menuSp.classList.remove('hide') }, 400) document.body.style.overflowY = '' } document.addEventListener('click', function(event) { if (event.target === menuSp) hideSpMenu() }) document.addEventListener('keydown', function(evt) { evt = evt || window.event; var isEscape = false; if ('key' in evt) { isEscape = (evt.key === 'Escape' || evt.key === 'Esc'); } else { isEscape = (evt.keyCode === 27); } if (isEscape) hideSpMenu() }); menuIcon.addEventListener('click', function() { const menuSp = document.getElementById('menu_sp') menuSp.classList.add('show') menuSp.querySelector('.logo').focus() menuIcon.setAttribute('aria-expanded', 'true') nav.classList.add('hide') document.body.style.overflowY = 'hidden' }) var searchIcon = document.querySelector('.search_icon') if (searchIcon) { searchIcon.addEventListener('click', function() { var form = document.querySelector('#next form') form.classList.add('show') var searchIcon = document.querySelector('nav.navigation .search_icon') searchIcon.style.display='none' var page = document.querySelector('#next') page.classList.remove('page_hide') page.classList.add('page') var input = document.querySelector('#next form input') input.focus() }) } </script> <script> setTimeout(function() { if (document.getElementById('app').innerHTML === '') { window.mightBrokenId = 'app'; var script = document.createElement('script') script.type = 'text/javascript' script.charset = 'utf-8' script.src = '/public/js/mightBroken.js?' + new Date().getTime() document.body.appendChild(script) } }, 5000); </script> <script> setTimeout(function() { if (document.getElementById('app').innerHTML === '') { window.mightBrokenId = 'app'; var script = document.createElement('script') script.type = 'text/javascript' script.charset = 'utf-8' script.src = 'https://calil.jp/public/js/mightBroken.js?' + new Date().getTime() document.body.appendChild(script) } }, 5000); </script> </body> </html>

CINXE.COM

読みたいリスト | カーリル