コンテンツへスキップ
ナビゲーションに移動
マンダラチャート協会 目標達成、9マス発想法と目標管理とOKRを実践する協会
協会概要
特定商取引法に基づく表記
講演
セミナー
マンダラチャート®ワークショップ(入門講座)
人生100年計画セミナー
マンダラチャート認定コーチ養成セミナー(v4.0)
マンダラ経営計画4.0 セミナー
みんなのAI実践塾
みんなのAI実践塾>みんなのページ
OKR・AIリフレクション講座
AIデザイン講座~AIとCanvaで叶える、魅せるデザインスキルアップ講座
サービス・商品
マンダラ手帳®
書籍「仕事も人生もうまくいく!【図解】9マス思考マンダラチャート」
マンダラチャート公式アプリ/WEBアプリ
サンクスUP!®
マンダラエンディングノート
認定コーチ
公式ショップ
FAQ・お問い合わせ
みんなのAI実践塾>みんなのページ
みんなのAI実践塾>みんなのページ
まずは会員コミュニティに所属しよう
みんなのAI実践塾は
特設サイト
に移行しました
Facebook
X
Hatena
Pocket
Copy
MENU
協会概要
特定商取引法に基づく表記
講演
セミナー
マンダラチャート®ワークショップ(入門講座)
人生100年計画セミナー
マンダラチャート認定コーチ養成セミナー(v4.0)
マンダラ経営計画4.0 セミナー
みんなのAI実践塾
みんなのAI実践塾>みんなのページ
OKR・AIリフレクション講座
AIデザイン講座~AIとCanvaで叶える、魅せるデザインスキルアップ講座
サービス・商品
マンダラ手帳®
書籍「仕事も人生もうまくいく!【図解】9マス思考マンダラチャート」
マンダラチャート公式アプリ/WEBアプリ
サンクスUP!®
マンダラエンディングノート
認定コーチ
公式ショップ
FAQ・お問い合わせ
const buttons = document.querySelectorAll('.buttons button'); const images = document.querySelectorAll('.photo-container img'); buttons.forEach(button => { button.addEventListener('click', () => { // 現在表示されている写真のactiveクラスを外す const currentActive = document.querySelector('.photo-container img.active'); if (currentActive) { currentActive.classList.remove('active'); } // クリックされたボタンに対応する写真にactiveクラスを付ける const index = button.dataset.index; images[index].classList.add('active'); }); });
PAGE TOP