text: /**
   * First we will load all of this project's JavaScript dependencies which
   * includes React and other helpers. It's a great starting point while
   * building robust, powerful web applications using React + Laravel.
   */
  
  require('./bootstrap');
  
  /**
   * Next, we will create a fresh React component instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  // ボードリスト
  require('./components/BoardApp');
  // TODOリスト
  require('./components/ListApp');
  
  /**
  * Native JavaScript
  */
  window.addEventListener("DOMContentLoaded", function() {
      // ハンバーガーメニューの要素
      const $headerToggle = document.querySelector('.js-header-toggle') || null,
          $headerBar = document.querySelectorAll('.js-header-bar') || null,
          $headerTarget = document.querySelector('.js-header-target') || null;
      // ボード一覧のボード操作用の要素
      const clickShow = document.querySelectorAll('.js-click-toggle-display') || null,
          targetShow = document.querySelectorAll('.js-target-display') || null;
      // フラッシュメッセージの要素
      const $showMsg = document.querySelector(".js-show-msg") || null;
      // フッターの要素
      const $ftr = document.querySelector('#l-footer') || null;
  
      // ボード一覧のボード操作ボタンをイベント
      if(clickShow !== null && targetShow !== null){
          document.addEventListener('click', e => {
              targetShow.forEach( el => {
                  el.classList.remove('show');
              });
              if(!e.target.closest('.js-click-toggle-display')) {
              }else{
                  e.target.nextElementSibling.classList.add('show');
              }
          })
      }
  
      // ハンバーガーメニュー
      if($headerToggle !== null && $headerBar !== null && $headerTarget !== null) {
          $headerToggle.addEventListener('click', function() {
              // ハンバーガーを変形させる
              $headerBar.forEach(($bar) => {
                  $bar.classList.toggle('active');
              });
              // メニューを表示・非表示する
              $headerTarget.classList.toggle('active');
          });
      }
      
      // フラッシュメッセージの動き
      if($showMsg !== null) {
          if($showMsg.textContent.replace(/^[\s　]+|[\s　]+$/g, "").length) {
              setTimeout(function(){ $showMsg.classList.add('active'); }, 10);
              setTimeout(function(){ $showMsg.classList.remove('active'); }, 4000);
          }
      }
      
      // フッター要素を最下部に固定
      if(window.innerHeight > $ftr.offsetTop + $ftr.offsetHeight ){
          $ftr.classList.add("active");
      }else{
          $ftr.classList.remove("active");
      }
  });