須那

宿題提出

A 平均以上の努力が見られる

セルフチェック漏れ

評価項目マスター 1

concat

クラスID

A 授業や宿題のサイクルを通して積み上げができている

テキスト 1

テキスト

Rollup

B 平均以上の努力が見られる

🔒 学生・運営陣 基本情報

お名前

B 授業や宿題のサイクルを通して積み上げができている (1)

テスト

宿題個別ルール漏れ

採点

共通ルール漏れ

評価項目マスター

点数(小計)

学生名（追加）

クラス（フィルター用）（追加）

提出チェック（追加）

クラス（関数用）（追加）

点数(外部参照用)（追加）

Plan (背景・意図説明・備考)（追加）

🙅‍♀️ルール漏れ（追加）

最終更新(表示用)（追加）

点数合計（追加）

学生名

クラス（フィルター用）

提出チェック

クラス

クラス（関数用）

点数合計

旧: 点数(外部参照用)

150文字程度で記載しましょう。特にフィードバックをしてもらいたいポイントや意図を記載しましょう。

Plan (背景・意図説明・備考) 

🙅‍♀️ルール漏れ

最終更新(表示用)

最終更新

旧: 点数合計

課題ID

👍 追加で良かった点

FB予定日

班（外部参照用）

旧: 実装宿題点数小計

largerEq

殿堂入り

発信3の点数

姿勢3(内省)

提出期限(表示用)

学生名（確認用）

実装採点小計

期限内CA

旧: FB担当者採点小計

Check (自己評価・反省)

基本的にURLのみを貼りましょう

Do (宿題遂行と提出) 宿題記事をツイートしたTwitter URLなど

divide

旧: FB担当者平均点

FB完了ボタン

課題カテゴリ

企画採点

FB完了者数

企画採点小計

ボート表示用

Date

実装採点

文字数アラート

Status

提出期限

💬 その他

FBした人

学籍番号

CA完了ボタン 

殿堂入り計算用(平均)

FB・採点DB(origin)とのリレーション（✏️ 提出宿題）

期限内PD

Check&Action記入期限

title

💪 ✏️ 気になった点(要改善)

課題ID(外部参照用)

旧: 実装宿題小計(外部参照用)

宿題

FB・採点DBとのリレーション（✏️ 提出宿題）

カテゴリ(自動化用)

Action (改善案と再実行)

デバッグ用

のびすけ

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPR78R9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<script>
document.addEventListener('DOMContentLoaded', () => {
  console.log('DOMContentLoaded イベントが発火しました');

  if (window.innerWidth <= 767) {
    console.log('スマホサイズのためスクリプトをスキップしました');
    return;
  }

  const exclusionWords = ['/', '/biz', '/school', '/contact', '/lp-fb'];
  const currentPath = window.location.pathname;
  const isOtherPage = !exclusionWords.includes(currentPath);

  if (!isOtherPage) {
    console.log('特定ページのためスクリプトをスキップします');
    return;
  }

  console.log('特定ページではないので、処理を実行します');

  // 1. ヘッダーリンク非表示
  const updateBlogHeader = () => {
    const headerLinks = document.querySelectorAll([
      '#header-link-0',
      '#header-link-2',
      '#header-link-3',
      '#header-link-4',
      '#header-link-8',
      '#header-link-9',
      '#header-menu-link-0',
      '#header-menu-link-1',
      '#header-menu-link-8',
      '#header-menu-link-9'
    ].join(', '));
    headerLinks.forEach(link => {
      if (link) {
        link.style.display = 'none';
      }
    });
  };

  // 2. ボタン用CSSとリスト用CSSをまとめて追加
  const injectHeaderCSS = () => {
    const style = document.createElement('style');
    style.innerHTML = `
      #header-link-10 {
        background: #fff;
        border-radius: 50px;
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        max-width: 260px;
        padding: 5px 15px;
        color: #06C755;
        transition: 0.3s ease-in-out;
        border: solid 2px  #06C755;
        margin: 0px 0px 0px 15px;
      }
      #header-link-10:hover {
        background:  #06C755;
        color: #FFF;
      }

      #header-link-11 {
        background: #fff;
        border-radius: 50px;
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        max-width: 260px;
        padding: 5px 15px;
        color: #c40010;
        transition: 0.3s ease-in-out;
        border: solid 2px  #c40010;
        margin: 0px 0px 0px 15px;
      }
      #header-link-11:hover {
        background:  #c40010;
        color: #FFF;
      }

      /* ▼ 追加されたリストのスタイル */
      #header-link0-box {
        position: absolute;
        top: 60px;
        right: auto;
        font-size: 16px;
        background-color: #fff;
        list-style: none;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        padding: 0;
      }
      #header-link0-box li {
        line-height: 1.75em;
        margin: 0 15px 5px 15px;
      }
    `;
    document.head.appendChild(style);
  };

  // 実行
  updateBlogHeader();
  injectHeaderCSS();

  // 3. header-link-0 へのリスト挿入とクリック切り替え
  setTimeout(() => {
    const headerLink1 = document.getElementById('header-link-1');
    if (!headerLink1) {
      console.error('header-link-1 が見つかりません。Reactのレンダリングが完了していない可能性があります');
      return;
    }
    console.log('header-link-1 が見つかりました');

    const ulElement = document.createElement('ul');
    ulElement.id = 'header-link0-box';
    ulElement.style.display = 'none';
    ulElement.innerHTML = `
      <li><a href="/school" class="header__btn">プロトアウト個人参加クラス</a></li>
      <li><a href="/miibo" class="header__btn">miibo短期講座</a></li>
            <li><a href="/" class="header__btn">法人のお客様はこちら</a></li>
    `;
    headerLink1.insertAdjacentElement('afterend', ulElement);
    console.log('リスト要素を挿入しました');

    headerLink1.addEventListener('click', (e) => {
      e.preventDefault();
      console.log('クリックイベントが発火しました');
      ulElement.style.display = ulElement.style.display === 'none' ? 'block' : 'none';
      console.log('現在のulElementの表示状態:', ulElement.style.display);
    });
  }, 100);
});
</script>

ChatGPTやClaudeなどの生成AIを活用した実践的研修カリキュラムを提供する日本初のプロトタイピング専門スクール。テクノロジーを活用する文化を組織に根付かせ、Difyなどの最新ツールを使いこなし、問題解決力を持つ次世代の人材を育成します。

「プロトアウトスタジオ | 日本初のプロトタイピング専門スクール」

プロトアウトスタジオのWebサイトはNotionを使って作っていますが、
同じようにNotionからWebサイトを作成するサービスは調べるとそこそこあるみたいなので、少し使いつつ紹介したいと思います。だいたい調べるとSuperが出てきますが、Potion、Simple.ink、Bullet、Wraptasなどいろいろ紹介していきます。

プロトアウトスタジオは、ビジネスを加速するために必要なプログラミングとプランニング（企画）のスキルを兼ね備えた人材を育成する専門スクールです。法人向けのコースも充実しています。お問い合わせはこちらから。

ビジネスを加速するスキルを身につける | プロトアウトスタジオ 

プロトアウトスタジオ | 日本初のプロトタイピング専門スクール

プロトアウトスタジオは、初心者でも簡単にプロトタイピングが学べるスクールです。プログラミングとプランニング（企画）の両方のスキルを身につけ、アイデアをかたちにすることができます。自分の可能性を広げたい方におすすめです。無料体験会も随時開催中。

アイデアを形にするスキルを身につける | プロトアウトスタジオ

HP: 学生のアウトプット