kenzo-tanaka

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script>	
  <script>
    $(function(){
      var swiper = new Swiper('.swiper-container', {
        autoplay: 2000,
        loop: true,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
            },

kenzo-tanaka

<span class="underline1">ここは重要な箇所です。</span>

kenzo-tanaka

<!-- 黄色 -->
<span class="underline1">ここは重要な箇所です。</span>

<!-- 青色 -->
<span class="underline2">ここは、ネガティブな表現箇所です。</span>

<!-- 緑色 -->
<span class="underline3">ここは、事実を書いています。</span>

kenzo-tanaka

/* 黄色 */
.underline1 {
    color: #333;
    text-decoration: none;
    background: linear-gradient(transparent 50%, rgba(255, 252, 107, .69) 50%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.1s;
}

kenzo-tanaka

$(function(){
  $(window).scroll(function(){
  var windowHeight =$(window).height();
  var windowTop =$(window).scrollTop();
  $(".underline1").each(function(){
    var objectImage =$(this).offset().top;
    if(windowTop > objectImage - windowHeight*1/2){$(this).css("background-size","100% 100%")};
  });
  $(".underline2").each(function(){
    var objectImage =$(this).offset().top;

kenzo-tanaka

<div id="ts-fab-above" class="ts-fab-wrapper">
	<ul class="ts-fab-list">
	 	<li class="ts-fab-list profiletab active"><a>この記事を書いた人</a></li>
	 	<li class="ts-fab-latest-posts-link"><a>最新の記事</a></li>
	</ul>
	<div class="ts-fab-tabs">
		<div id="ts-fab-bio-above" class="ts-fab-tab show">
			<div class="ts-fab-avatar"><img class="avatar-kenzo avatar avatar-80 wp-user-avator wp-user-avatar-80 alignnone photo" style="display: block;" src="http://kenzooooo.com/wp-content/uploads/2018/10/top.jpg" alt="けんぞう" data-lazy-loaded="true" />
			</div>
			<div class="ts-fab-text">

kenzo-tanaka

/* この記事を書いた人ボックス */
.ts-fab-wrapper{
  width: 80%;
  margin-left:10%;
}

/* 表示・非表示用に使用 */
.show {
  display: block;
}

kenzo-tanaka

$(function(){
	//この記事を書いた人の実装 	
	 $('.ts-fab-latest-posts-link').click(function(){
    $('#ts-fab-bio-above').removeClass('show').addClass('hide');
    $('.profiletab').removeClass('active');
    $('#ts-fab-latest-posts-above').removeClass('hide').addClass('show');
    $(this).addClass('active');
  });
  $('.profiletab').click(function(){
    $('#ts-fab-bio-above').removeClass('hide').addClass('show');

kenzo-tanaka

javascript: (function () {
  document.querySelectorAll(".comment-body").forEach((comment) => {
    comment.addEventListener("click", (e) => {
      const editLink = e.target
        .closest(".edit-comment-hide")
        .parentElement.querySelectorAll(".timeline-comment-action")[1];
      editLink.click();
      setTimeout(() => {
        editLink.parentElement.querySelector(".js-comment-edit-button").click();
      }, 1000);

kenzo-tanaka

// use bookmarklet
javascript: (function() {
  document.querySelector('[aria-label="Timeline: Trending now"]').style.display = "none";
  document.querySelector('[aria-label="Who to follow"]').style.display = "none";
})();