IEICE GLOBAL SITE

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>IEICE GLOBAL SITE</title>  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="format-detection" content="telephone=no"> <meta name="keywords" content="Eic,ieice,electronics,information,communication,engineer,tokyo,電子情報通信学会"> <meta name="description" content="Is the technical professional organization for the advancement of electronics,information and communication technologies">  <link rel="shortcut icon" href="assets/img/favicon.ico"/> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/touch-icon-ipad.jpg"> <link rel="apple-touch-icon-precomposed" sizes="117x117" href="assets/img/touch-icon-iphone.jpg">  <link href="assets/css/common.css" rel="stylesheet"> <link href="assets/css/index.css" rel="stylesheet"> <link href="assets/css/aos.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css"> <link rel="stylesheet" href="https://use.typekit.net/vgg5ozh.css">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-155388255-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-155388255-1'); </script> </head> <body> <header> <article id="menu"> <section> <h1><a href="index.html"><img src="assets/img/logo.png" alt="EiC The Institute of Electronics,Information and Communication Engineers (IEICE)"/></a></h1> <div class="button"> <div>MENU<span></span><span></span><span></span></div> </div> <nav>  <div> <ul> <li><a href="broadcast.html">Sharing next innovation</a></li> <li><a href="interact.html">Challenge and Creation</a></li> <li><a href="human_resources.html">Discover Talent</a></li> <li><a href="history.html">History</a></li> <li><a href="value.html">The Value</a></li> </ul> <a href="index.html">Top</a> </div>  </nav> <a href="https://www.ieice.org/eng/join/member.html" id="join_us">JOIN US</a> <a href="https://www.ieice.org/eng/index.html" id="more">MORE</a> </section> </article>  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div id="image06" class="slide-img"></div> </div> <div class="swiper-slide"> <div id="image04" class="slide-img"></div> </div> <div class="swiper-slide"> <div id="image01" class="slide-img"></div> </div> <div class="swiper-slide"> <div id="image03" class="slide-img"></div> </div> <div class="swiper-slide"> <div id="image02" class="slide-img"></div> </div> <div class="swiper-slide"> <div id="image05" class="slide-img"></div> </div> </div> </div> <article id="text_show"> <section> <div id="slide"> <ul> <li> <p class="show04 gradation01">IEICE Multilingual Digital Library:<br>A Groundbreaking Initiative！</p> <p class="show07 gradation01">Access Academic Content in Your Native Language. The IEICE Digital Library now offers multilingual access, opening doors for researchers and students worldwide to explore academic content in their native languages.</p> <a href="https://global.ieice.org/">Click here</a> </li> <li> <p class="show03 gradation01">IEICE Transactions</p> <p class="show04 gradation01">～ Knowing the cutting-edge technologies ～</p> <p class="show05 gradation01">Check the most viewed articles.</p> <a href="https://www.ieice.org/eng_r/ranking/index.html">Click here</a> </li> <li> <p class="show01 gradation01">IEICE</p> <p class="show02 gradation01">is the technical professional organization<br>for the advancement of Elctronics,Information and Communication technologies</p> </li>  <li> <p class="show08 gradation01">IEICE English Webinar</p> <a href="https://www.ieice.org/eng_r/activities/webinar/index.html">Click here</a> </li> </ul> </div> </section> </article> </header> <main> <article id="peaple"> <h2 class="gradation02">"Human" of IEICE</h2> <p>The Institute of Electronics,Information and Communication Engineers (IEICE) is a society centered on “people”,composed of researchers and engineers.</p> <div> <section id="image01"> <h3 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">Sharing next innovation</h3> <p>Broadcast cutting-edge technology information to solve social issues and open up new fields</p> <a href="broadcast.html"><span class="gradation02">Read more</span></a> <figure data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"></figure> </section> <section id="image02"> <h3 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">Challenge and Creation</h3> <p>Researchers and engineers with diverse values gather and create new values n a place of communication</p> <a href="interact.html"><span class="gradation02">Read more</span></a> <figure data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"></figure> </section> <section id="image03"> <h3 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">Discover Talent</h3> <p>Find and develop talent Develop human resources to create truth and innovation</p> <a href="human_resources.html"><span class="gradation02">Read more</span></a> <figure data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"></figure> </section> </div> </article> <article id="sub"> <section class="clearfix"> <div id="history"> <h4 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">History</h4> <p>Towards 100 years of growth</p> <a href="history.html" data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"><span class="gradation03">Read more</span></a> </div> <div id="value"> <h4 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">The Value</h4> <p>What is the value of the society?</p> <a href="value.html" data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"><span class="gradation03">Read more</span></a> </div> <div id="president"> <h4 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true">President's Room</h4> <p id="president_text">Leap into a Bright Future of IEICE with New Challenges</p> <a href="https://www.ieice.org/eng_r/president/index.html" data-aos="fade-down" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"><span class="gradation03">Read more</span></a> </div> </section> </article> <article id="join"> <section class="clearfix"> <div> <h5 id="h5-1" data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"><a href="https://www.ieice.org/eng/join/member.html" id="join_us">JOIN US</a></h5> <h5 id="h5-2">Membership Information</h5> <p>We accept applications for membership at any time.<br>When you join, you can get the latest information on electronic information and communication fields.</p> </div> <div> <h6 data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"><a href="https://www.ieice.org/eng/index.html">MORE DETAIL</a></h6> </div> </section> </article> <div id="new_service"> <div class="inner clearfix"> <div class="banner" data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"> <a href="https://www.ieice.org/eng_r/member/associate_member.html">ASSOCIATE MEMBERS</a> </div> <div class="banner" data-aos="fade-up" data-aos-offset="5" data-aos-duration="400" data-aos-easing="ease-in-sine" data-aos-delay="00" data-aos-once="true"> <a href="https://www.ieice.org/eng_r/member/ambassador.html">IEICE AMBASSADOR</a> </div> </div> </div> </main> <footer> <section class="clearfix"> <a href="broadcast.html">Sharing next innovation</a> <a href="interact.html">Challenge and Creation</a> <a href="human_resources.html">Discover Talent</a> <a href="history.html">History</a> <a href="value.html">The Value</a> </section> <small>© 2020 Copyright IEICE. All rights reserved.</small> </footer> <a href="#" id="page-top"><span class="gradation01">TOP</span></a>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>  <script> $(function() { var $header = $('header'); $('.button').click(function(){ $header.toggleClass("open"); }); }); </script>  <script> $(function(){ var scrollPos; $('.button').on('click', function() { if($('body').hasClass('fixed')){ $('body').removeClass('fixed').css('top',0 + 'px'); window.scrollTo( 0 , scrollPos ); }else{ scrollPos = $(window).scrollTop(); $('body').addClass('fixed').css('top',-scrollPos + 'px'); } }); }); </script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script> <script> let swipeOption = { loop: true, effect: 'fade', autoplay: { delay:3500, disableOnInteraction: false, }, speed:1000, } new Swiper('.swiper-container', swipeOption); </script>  <script> $(function(){ // 設定 var $width ='100%'; // 横幅 var $height =400; // 高さ var $interval = 7000; // 切り替わりの間隔（ミリ秒） var $fade_speed = 500; // フェード処理の早さ（ミリ秒） $("#slide ul li").css({"position":"relative","overflow":"hidden","width":$width,"height":$height}); $("#slide ul li").hide().css({"position":"absolute","top":0,"left":0}); $("#slide ul li:first").addClass("active").show(); setInterval(function(){ var $active = $("#slide ul li.active"); var $next = $active.next("li").length?$active.next("li"):$("#slide ul li:first"); $active.fadeOut($fade_speed).removeClass("active"); $next.fadeIn($fade_speed).addClass("active"); },$interval); }); </script>  <script src="assets/js/aos.js"></script> <script> AOS.init(); </script>  <script> $(function() { var topBtn = $('#page-top'); topBtn.hide(); //スクロールが100に達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { topBtn.fadeIn(); } else { topBtn.fadeOut(); } }); //スクロールしてトップ topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); </script>  <script> $(function(){ var s = $('header #menu'); $(window).scroll(function () { if ( $(this).scrollTop() > 10 ) { s.addClass('menu_background'); } else { s.removeClass('menu_background'); } }); }); </script> </body> </html>

CINXE.COM

IEICE GLOBAL SITE