すなこ

クラス

その他を選んだ方

作品名

Submitted att

リンク

MVP表彰イベントに参加できますか？

表示名

その他を選んだ方はご記入ください

修了したまたは参加中のクラスを教えてください

備考

Respondent ID

Untitled link field

応募作品について簡単に説明をしてください

Submitted at

氏名

フリガナ

作品名をご記入ください

修了または参加中の期を教えてください

メールアドレス

<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 イベントが発火しました');

  // 1. 除外ページの判定（末尾スラッシュ除去なしで正確に）
  const exclusionWords = ['/', '/biz', '/school', '/contact', '/lp-fb'];
  const currentPath = window.location.pathname;
  console.log('現在のパスは:', currentPath);

  const isOtherPage = !exclusionWords.includes(currentPath);

  if (!isOtherPage) {
    console.log('除外対象ページのため、処理をスキップします');
    return;
  }

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

  // 2. ヘッダーリンク非表示（スマホ・PC共通）
  const updateBlogHeader = () => {
    const headerLinks = document.querySelectorAll([
      '#header-link-0',
      '#header-link-2',
      '#header-link-6',
      '#header-link-7',
      '#header-menu-link-0',
      '#header-menu-link-2',
      '#header-menu-link-6',
      '#header-menu-link-7'
    ].join(', '));
    console.log('非表示対象の要素数:', headerLinks.length);
    headerLinks.forEach(link => {
      if (link) {
        link.style.display = 'none';
      }
    });
  };

  updateBlogHeader();

  // 3. PCサイズのみ CSS 注入
  if (window.innerWidth > 767) {
    console.log('PCサイズなので、CSSを注入します');

    const injectHeaderCSS = () => {
      const style = document.createElement('style');
      style.innerHTML = `
        #header-link-8 {
          background: #fff;
          border-radius: 50px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          max-width: 260px;
          padding: 5px 15px;
          color: #06C755;
          transition: 0.3s ease-in-out;
          border: solid 2px  #06C755;
          margin-left: 15px;
        }
        #header-link-8:hover {
          background:  #06C755;
          color: #FFF;
        }

        #header-link-9 {
          background: #fff;
          border-radius: 50px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          max-width: 260px;
          padding: 5px 15px;
          color: #c40010;
          transition: 0.3s ease-in-out;
          border: solid 2px  #c40010;
          margin-left: 15px;
        }
        #header-link-9:hover {
          background:  #c40010;
          color: #FFF;
        }
      `;
      document.head.appendChild(style);
    };

    injectHeaderCSS();
  } else {
    console.log('スマホサイズのため、CSSは注入しません');
  }
});
</script>

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

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

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

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

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

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

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

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

MDF材で小箱を作る