CINXE.COM

日立評論

<!DOCTYPE html> <html lang="ja"><!-- InstanceBegin template="/Templates/jp_index.dwt" codeOutsideHTMLIsLocked="false" --> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> <!-- Google Tag Manager --> <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-M9C8LSW');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"> <meta name="author" content="Hitachi, Ltd."> <meta name="robots" content="index, follow"> <meta name="description" content="日立評論は、イノベーションを通じて社会課題に応える日立の取り組みを紹介しています。技術者自身による論文とともに,世界的なトレンドに関する有識者の寄稿やインタビューも掲載しています。"> <meta name="Keywords" content=" : 日立評論"> <title>日立評論</title> <link rel="index" href="https://www.hitachihyoron.com/jp/index.html" title="ホーム"> <link rel="canonical" href="https://www.hitachihyoron.com/jp/index.html"> <!-- OGP --> <meta property="og:url" content="https://www.hitachihyoron.com/jp/index.html"> <meta property="og:type" content="website"> <meta property="og:title" content="日立評論"> <meta property="og:description" content="日立評論は、イノベーションを通じて社会課題に応える日立の取り組みを紹介しています。技術者自身による論文とともに,世界的なトレンドに関する有識者の寄稿やインタビューも掲載しています。"> <meta property="og:site_name" content="日立評論"> <meta property="og:image" content="https://www.hitachihyoron.com/jp/image/top/og.png"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@Hitachi_Japan"> <!-- END OGP --> <!-- Guide Line Aseset--> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/jp/r1/common.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/jp/r1/responsive.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/jp/r1/wide.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/jp/r1/common_option.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/css/jp/r1/common2.css"> <link rel="stylesheet" type="text/css" media="print" href="/css/jp/r1/print.css"> <!-- END Guide Line Aseset--> <!-- Add mf-search --> <link rel="stylesheet" type="text/css" media="screen,print" href="https://ce.mf.marsflag.com/latest/css/mf-search.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/search/css/serp.css"> <!-- END mf-search --> <!-- Add asset css --> <link rel="stylesheet" type="text/css" media="screen,print" href="/asset/css/style.css"> <link rel="stylesheet" type="text/css" media="print" href="/asset/css/print.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/asset/css/lightbox.css"> <!-- END asset css --> <!-- Add swiper css --> <link rel="stylesheet" type="text/css" media="screen,print" href="/asset/swiper/swiper-bundle.min.css"> <link rel="stylesheet" type="text/css" media="screen,print" href="/asset/swiper/common.css"> <!-- END swiper css --> <!-- InstanceBeginEditable name="moreCss" --> <!-- InstanceEndEditable --> <!-- Add Web font --> <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@400;500;700&family=Noto+Serif+JP:wght@200..900&display=swap" rel="stylesheet"> <!-- END Web font --> <!-- DWT Parameter --> <!-- カテゴリ名称 --> <!-- シリーズ名 --> <!-- InstanceParam name="c_01_title_01_page_name" type="text" value="" --><!-- ページタイトル --> <!-- InstanceParam name="c_01_title_02_sub_name" type="text" value="" --><!-- サブタイトル --> <!-- InstanceParam name="c_01_title_02_01_sub_name" type="text" value="" --><!-- サブサブタイトル --> <!-- PDFパス --> <!-- InstanceParam name="c_01_this_domein" type="text" value="/jp/index.html" --><!-- 表示するファイルパス(ルート相対パス) --> <!-- InstanceParam name="c_01_title_03_img_og" type="URL" value="" --><!-- 表示するOG画像(ルート相対パス) --> <!-- InstanceParam name="c_05_meta_02_description" type="text" value="" --><!-- ディスクリプション --> <!-- InstanceParam name="c_10_title_00_page_dsp" type="boolean" value="false" --> <!-- InstanceParam name="c_15_search_by_dsp" type="boolean" value="true" --> <!-- InstanceParam name="c_01_this_canonical" type="text" value="" --> <!-- InstanceParam name="c_05_meta_01_keywards" type="text" value="" --> <!-- InstanceParam name="c_05_local_02_depth_2nd" type="text" value="0" --> <!-- InstanceParam name="c_05_local_03_depth_3rd" type="text" value="0" --> <!-- InstanceParam name="c_05_local_04_depth_4th" type="text" value="0" --> <!-- InstanceParam name="c_05_local_05_depth_5th" type="text" value="0" --> <!-- InstanceParam name="c_05_local_type" type="text" value="" --> <!-- InstanceParam name="i_01_global_depth_1st" type="text" value="1" --> <!-- END DWT Parameter --> <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> </head> <body><!-- InstanceBeginEditable name="body_before" --> <!-- InstanceEndEditable --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9C8LSW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.x.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script src="https://apis.google.com/js/platform.js" type="text/javascript" async defer> {lang: 'ja'}</script> <p id="top"><a href="#body">ページの本文へ</a></p> <div id="HeaderArea1"> <div class="Container Wide"> <div id="Statement"> <a href="https://www.hitachi.co.jp/"><img src="/image/jp/r1/common2/corp_id.png" alt="Hitachi"></a> </div> <div id="SupportNavi" class="SupportNaviIconText"> <button type="button" id="SupportNaviLang" aria-expanded="false" aria-controls="LangMenu"><span><img src="/image/jp/r1/common2/icon_earth.png" alt="Region / Language"><span>Region / Language</span></span></button> <div id="LangMenu"> <div class="Inner"> <a href="https://www.hitachihyoron.com/rev/index.html">English</a> </div><!-- /class:Inner--> </div><!-- /ID:LangMenu--> <a href="/jp/utility/inquiry/index.html"><img src="/image/jp/r1/common2/icon_mail.png" alt="お問い合わせ"><span>お問い合わせ</span></a> <button type="button" id="SupportNaviSearch" aria-expanded="false" aria-controls="SearchFormArea"><span><img src="/image/jp/r1/common2/icon_search.png" alt="検索"><span>検索</span></span></button> <div id="SearchFormArea"> <div> <button class="BtnClose" aria-label="閉じる"></button> <div class="mf_finder_container"> <mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/19c74756/search" serp-url="/jp/search/" placeholder="「日立評論」から検索" submit-text="検索" imgsize-default="3" doctype-hidden options-hidden ></mf-search-box> <mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/b3df513a/search" serp-url="https://module.hitachi.com/search/RGN_JAPAN.html" placeholder="日立グループ全体から検索" submit-text="検索" imgsize-default="3" doctype-hidden options-hidden ></mf-search-box> </div><!-- /class:mf_finder_container--> </div> </div><!-- /ID:SearchFormArea--> </div><!-- /ID:SupportNavi--> <button id="SpMenuBtn" aria-label="メニュー"><span></span><span></span><span></span></button> </div><!-- /class:Container--> </div><!-- /ID:HeaderArea1--> <div id="HeaderArea2"> <div class="Container Wide"> <h1 id="SiteID"><a href="/jp/index.html"><span>日立評論</span></a></h1> <ul id="GlobalNaviMenu"> <li><a href="/jp/tech_docs/index.html">技術情報</a></li> <li><a href="/jp/articles/index.html">企画記事・コラム</a></li> <li><a href="/jp/features/index.html">特集</a></li> <li><a href="/jp/search_by/keyword.html">記事を探す</a></li> <li><a href="/jp/about_hyoron/index.html">日立評論とは</a></li> </ul> </div><!-- /class:Container--> </div><!-- /ID:HeaderArea2--> <!-- InstanceBeginEditable name="master_main" --> <div id="Contents"> <article class="top"> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <h1><img src="/jp/image/top/h1_siteName.svg" alt="日立評論"></h1> </div> <!-- /Grid --> </div> <!-- /GridSet --> <div class="coverflowSet"> <div class="top-swiper-coverflow carousel"> <!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2><span>第7回 日立東大ラボ・産学協創フォーラム</span>Society 5.0を支えるエネルギーシステムの実現に向けて<span>社会・地域・産業を包括的にとらえる統合的トランジションの推進</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/contents/202503/articles/01/image/fig_01.png" alt=""> </figure> <a href="/jp/contents/202503/articles/01/index.html"></a> </div> <!-- /class:item itemSet --></div> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2><span>日立-産総研サーキュラーエコノミー連携研究ラボ 第2回オープンフォーラム</span>CE社会のありたき将来と実現に向けた具体的アプローチ</h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/contents/202503/articles/02/image/fig_01.png" alt=""> </figure> <a href="/jp/contents/202503/articles/02/index.html"></a> </div> <!-- /class:item itemSet --></div> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">展望号</span> <h2>2025年 日立技術の展望<span>Technology &amp; Innovation Foresights 2025</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/archive/2020s/2025/01/image/bg.png" alt=""> </figure> <a href="/jp/archive/2020s/2025/01/index.html"></a> </div> <!-- /class:item itemSet --></div> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2>ブレイクスルーの種は「できないこと」にある<span>量子コンピュータを哲学する</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/column/content/vol48/image/fig_01.png" alt=""> </figure> <a href="/jp/column/content/vol48/index.html"></a> </div> <!-- /class:item itemSet --></div> <!-- /class:swiper-slide --> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2>[第2回]イノベーションに必須な新しいアプローチを探る(後編)<span>―科学技術と芸術の関係ー</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/column/content/vol47/image/fig_05.png" alt=""> </figure> <a href="/jp/column/content/vol47/index.html"></a> </div> <!-- /class:item itemSet --></div> <!-- /class:swiper-slide --> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2>[第2回]研究開発を基調にした倫理資本主義の実現に向けて(中編)<span>-小平浪平翁の生誕150周年の機会に-</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/column/content/vol45/image/fig_01.png" alt=""> </figure> <a href="/jp/column/content/vol45/index.html"></a> </div> <!-- /class:item itemSet --></div> <!-- /class:swiper-slide --> <div class="swiper-slide"> <div class="item itemSet"> <div class="infoDetal"><span class="category">企画記事・コラム</span> <h2>日立東大ラボ・産学協創フォーラム 第6回<span>Society 5.0を支えるエネルギーシステムの実現に向けて</span></h2> </div> <!-- /class:infoDetal --> <figure> <img src="/jp/column/content/vol43/image/fig_01.png" alt=""> </figure> <a href="/jp/column/content/vol43/index.html"></a> </div> <!-- /class:item itemSet --></div> <!-- /class:swiper-slide --> <div class="swiper-slide"> <div class="item itemSet mail"> <div class="infoDetal"><span class="category">メールマガジン</span></div> <!-- /class:infoDetal --> <figure><img src="/jp/image/branding/carousel/mail.pc.png" data-original-src="/jp/image/branding/carousel/mail.pc.png" data-breakpoint="sm" alt="メールマガジン" class="responsive-image"></figure> <a href="https://www8.hitachi.co.jp/inquiry/publicity/hyoron/mailmagazine/form.jsp" target="_blank" rel="noopener"></a> </div> <!-- /class:item itemSet mail --></div> <!-- /class:swiper-slide --> </div> <!-- /swiper-wrapper --> <div class="swiper-pagination"></div> </div> <!-- /swiper-container --> </div> <!-- /top-swiper-coverflow carousel --> </div> <!-- /coverflowSet --> </article> <!-- class:top --> <article class="top"> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <div class="topDiv importantnoticesList"> <h2><span>重要なお知らせ</span></h2> <dl> <dt>2023年8月25日</dt> <dd><a href="/jp/notice/20230825.html">『日立評論』冊子発行の終了について</a></dd> <dt>2022年11月8日</dt> <dd><a href="/jp/notice/index.html">日立評論メールマガジンのご登録者様宛てに送信された「不審メール」について</a></dd> </dl> </div> <!-- /topDiv importantnoticesList --> </div> <!-- /Grid --> </div> <!-- /GridSet --> </article> <!-- class:top --> <article class="top bgnone"> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <div class="topDiv keyWordList"> <h2><span>キーワードから記事を探す</span></h2> <h3>社会動向</h3> <ul class="social" id="keyword_social"> </ul> <h3>技術潮流</h3> <ul class="trend" id="keyword_trend"> </ul> <h3>事業領域</h3> <ul class="business" id="keyword_business"> </ul> </div> <!-- /class:topDiv keyWordList --> </div> <!-- /class:Grid4 --> <div class="Grid4 ColumnSet col4-3_1" style="margin-top: 1rem;"> <div class="search_by_freeword"> <div class="mf_finder_container"> <mf-search-box ajax-url="https://finder.api.mf.marsflag.com/api/v1/finder_service/documents/19c74756/search" serp-url="/jp/search/" placeholder="フリーワードで「日立評論」から検索" submit-text="検索" imgsize-default="3" doctype-hidden options-hidden ></mf-search-box> </div> <!-- /class:mf_finder_container--> </div> <!-- /class:search_by_freeword --> <div class="button search"> <a href="/jp/search_by/year.html">年代・年から記事を探す</a> </div> </div> <!-- /class:Grid4 --> </div> <!-- /class:GridSet --> </article> <!-- class:top --> <article class="top technicalTop"> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <div class="topDiv technical"> <h2><span>技術情報</span></h2> <p class="TextStyle1">日立の技術者・研究者の執筆による技術解説論文</p> <div id="panel_social" class="panelSet" data-items-per-page="9"></div> </div> <!-- /topDiv technical --> <div class="button"> <a href="/jp/tech_docs/index.html">もっと見る</a></div> </div> <!-- /Grid --> </div> <!-- /GridSet --> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <div class="topDiv planning"> <h2><span>企画記事・コラム</span></h2> <p class="TextStyle1">対談、インタビュー、寄稿など</p> <div id="panel_plan" class="panelSet" data-items-per-page="3"></div> </div> <!-- /topDiv planning --> <div class="button"> <a href="/jp/articles/index.html">もっと見る</a></div> </div> <!-- /Grid --> </div> <!-- /GridSet --> <div class="GridSet"> <div class="Grid4 TopBorderSet"> <div class="topDiv planning"> <h2><span>特集</span></h2> <p class="TextStyle1">テーマに基づく開発成果、ソリューション、協創の事例集</p> <div class="panelSet"> <div class="panel"> <figure><img src="/jp/papers/2024/10/01/image/fig_01.png" alt=""></figure> <div> <h3>水素・アンモニアサプライチェーン構築に向けたグリーンソリューション</h3> </div> <a href="/jp/features/index.html#sec1"></a> </div> <div class="panel"> <figure><img src="/jp/papers/2024/08/03/image/fig_01.png" alt=""></figure> <div> <h3>デジタルで高度化するヘルスケアソリューション</h3> </div> <a href="/jp/features/index.html#sec2"></a> </div> <div class="panel"> <figure><img src="/jp/papers/2024/07/03/image/fig_01.png" alt=""></figure> <div> <h3>EVバリューチェーンのカーボンニュートラル化</h3> </div> <a href="/jp/features/index.html#sec3"></a> </div> </div> </div> <!-- /topDiv planning --> <div class="button"> <a href="/jp/features/index.html">もっと見る</a></div> </div> <!-- /Grid --> </div> <!-- /GridSet --> </article> <!-- class:top --> </div> <!-- /ContentsArea --> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="contentsArea2" --> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="related_main" --> <!--/Section--><!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="foot_before" --> <!-- InstanceEndEditable --> <article class="foot top base1"> <div class="GridSet"> <div class="Grid4"> <h2 class="hide">フッターメニュー</h2> <div class="Section searchBtn"> <ul> <li><a href="/jp/search_by/keyword.html">キーワードから記事を探す</a></li> <li><a href="/jp/search_by/year.html">年代・年から記事を探す</a></li> </ul> </div><!-- /class:searchBtn --> <div id="Banner"></div><!-- /id:Banner --> <div class="mailBanner"> <a href="https://www8.hitachi.co.jp/inquiry/publicity/hyoron/mailmagazine/form.jsp" target="_blank" rel="noopener"> <h2>日立評論 <br class="pc">メールマガジン</h2> <p>社会課題起点の開発成果など最新の技術情報をお届けします</p> <p>登録はこちら</p> </a> </div><!-- /class:mailBanner --> <div class="Section inquiryBox"></div><!-- /class:inquiryBox --> </div><!-- /class:Grid --> </div><!-- /class:GridSet --> </article><!-- /class:foot --> <!-- InstanceBeginEditable name="foot_after" --> <!-- InstanceEndEditable --> <div id="BannerArea" class="FatBanner"> <ul> <li class="FirstItem"><a href="https://www.hitachi.co.jp/rd/" target="_blank"><img src="/jp/image/top/banner_randd.gif" alt="研究開発"><strong><span>研究開発</span></strong></a></li> <li><a href="https://www.youtube.com/user/HitachiBrandChannel" target="_blank"><img src="/jp/image/top/banner_hbc.jpg" alt="日立ブランドチャンネル"><strong><span>日立ブランドチャンネル</span></strong></a></li> <li><a href="https://social-innovation.hitachi/jp/" target="_blank"><img src="/jp/image/top/banner_red_230x100.jpg" alt="社会イノベーション事業"><strong><span>社会イノベーション事業</span></strong></a></li> <li><a href="https://www.foresight.ext.hitachi.co.jp/" target="_blank"><img src="/jp/image/top/banner_EFO.jpg" alt="Executive Foresight Online"><strong><span>Executive Foresight Online</span></strong></a></li> </ul> </div><!-- /ID:BannerArea--> <script type="text/javascript" src="/js/jp/r5/fatmenu_level1.js"></script><script>fatMenuLevel1();</script><!-- /JS:FatMenuLevel1--> <div id="FooterArea"> <div class="Container Wide"> <a href="#top" id="FooterPageTop" aria-label="ページの先頭へ"></a> <div id="Footer2"> <div id="SnsButton"> <a target="_blank" href="https://x.com/Hitachi_Japan"><img src="/image/jp/r1/common2/icon_sns_x.png" alt="X公式アカウント"></a> <a target="_blank" href="https://www.facebook.com/hitachi.web/"><img src="/image/jp/r1/common2/icon_sns_facebook.png" alt="Facebook公式ページ"></a> <a target="_blank" href="https://www.youtube.com/hitachibrandchannel"><img src="/image/jp/r1/common2/icon_sns_youtube.png" alt="YouTube公式チャンネル"></a> <a target="_blank" href="https://www.instagram.com/hitachi/"><img src="/image/jp/r1/common2/icon_sns_instagram.png" alt="Instagramアカウント"></a> <a target="_blank" href="https://www.linkedin.com/company/hitachi/"><img src="/image/jp/r1/common2/icon_sns_linkedin.png" alt="LinkedIn公式ページ"></a> </div><!-- /class:SnsButton --> <div id="Footer2Menu"> <a href="/jp/sitemap.html">サイトマップ</a> </div><!-- /class:Footer2Menu --> </div><!-- /ID:Footer2--> <div id="Footer1"> <div id="HitachiTop"> <a href="https://www.hitachi.co.jp/">日立グループTOP</a> </div><!-- /ID:HitachiTop--> <div id="Footer1Menu"> <a href="https://www.hitachi.co.jp/utility/termofuse/index.html">サイトの利用条件</a> <a href="/jp/privacy/index.html">日立評論における個人情報の取り扱いについて</a> <a href="https://www.hitachi.co.jp/utility/privacy/index.html">個人情報保護に関して</a> </div><!-- /ID:Footer1Menu--> <div id="Copyright">&copy; Hitachi, Ltd. <span>1994</span>. All rights reserved.</div><!-- /ID:Copyright--> </div><!-- /ID:Footer1--> </div><!-- /class:Container--> </div><!-- /ID:FooterArea--> <!-- InstanceBeginEditable name="Footer" --> <!-- InstanceEndEditable --> <script src="/js/lib/jquery.js"></script> <script src="/asset/js/script.latest.js"></script> <script src="/asset/js/add.js"></script> <script src="/asset/js/bannerarea.js"></script> <script src="/asset/js/lightbox.js"></script> <!-- Guide Line Aseset--> <script type="text/javascript" src="/js/jp/r1/common.js"></script> <script type="text/javascript" src="/js/jp/r1/responsive.js"></script> <script type="text/javascript" src="/js/jp/r1/wide.js"></script> <script type="text/javascript" src="/js/jp/r1/common_option.js"></script> <script type="text/javascript" src="/js/jp/r1/common2.js"></script> <script type="text/javascript" src="/search/js/serp.js"></script> <script type="text/javascript" src="/search/js/serp_recommend_custom.js"></script> <script type="text/javascript" src="https://ce.mf.marsflag.com/latest/js/mf-search.js"></script> <!-- END Guide Line Aseset--> <!-- InstanceBeginEditable name="moreScript" --> <script src="/asset/swiper/swiper-bundle.min.js"></script> <script type="text/javascript"> const defaultOptions = { // ドットインジケーターの表示 pagination: { el: ".swiper-pagination", clickable: true, }, // 前後スライドボタンを表示 loop: true, autoplay: { delay: 4000, pauseOnMouseEnter: false, // 追記 disableOnInteraction: false, // 追記 }, speed: 500, slidesPerView: 3, preventClicks:false, roundLengths:true, } // デフォルトの表示 const swiper = new Swiper(".sample-swiper .swiper-container", { on: { init: function () { this.slides.each(function (index, slide) { }); }, slideChange: function () { slide(this.realIndex); } } }); // フェードエフェクト const swiperFade = new Swiper(".sample-swiper-fade .swiper-container", { ...defaultOptions, effect: "fade", fadeEffect: { crossFade: true }, }); // カバーフローエフェクト const swiperCoverflow = new Swiper(".top-swiper-coverflow .swiper-container", { ...defaultOptions, slidesPerView: 1.5, // 表示するスライドの枚数 // width:1275, centeredSlides : true, // スライドを中央揃えを有効化 effect: "coverflow", coverflowEffect: { rotate:45, // スライドの回転角度 stretch: 0, // スライドの間隔(px単位) depth: 0, // 奥行きの設定(translateをZ方向にpx単位で移動) slideShadows : true, // 先頭スライドの影を有効化 }, }); </script> <!-- InstanceEndEditable --> </body> <!-- InstanceEnd --></html>

Pages: 1 2 3 4 5 6 7 8 9 10