Skip to Content

Changes for page 学校ページテンプレート

Last modified by Super Admin on 2026/04/05 18:59

From 92.1 to 93.1 From 110.1 to 111.1

From version

edited by Super Admin
on 2026/03/20 10:33

Change comment: There is no comment for this version

To version

edited by Super Admin
on 2026/03/24 19:13

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -7,6 +7,19 @@
    #stop
  #end
  {{html clean="false"}}
++## --- OGP メタタグ（SNSシェア対応） ---
++#set($ogTitle = "$!{schoolName} — 生徒会Wiki")
++#set($ogDesc = "$!{schoolName}の生徒会活動情報。全国の高校の生徒会活動事例を集積・共有するプラットフォーム。")
++#set($ogUrl = "https://${request.serverName}${doc.getURL('view')}")
++<meta property="og:type" content="article" />
++<meta property="og:title" content="$escapetool.xml($ogTitle)" />
++<meta property="og:description" content="$escapetool.xml($ogDesc)" />
++<meta property="og:url" content="$escapetool.xml($ogUrl)" />
++<meta property="og:site_name" content="生徒会Wiki" />
++<meta property="og:locale" content="ja_JP" />
++<meta name="twitter:card" content="summary" />
++<meta name="twitter:title" content="$escapetool.xml($ogTitle)" />
++<meta name="twitter:description" content="$escapetool.xml($ogDesc)" />
  ## メンテナンスバナー（{{include}}ではなくインラインで記述し、<p>タグ挿入を回避）
  #set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner'))
  #set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass'))
@@ -64,6 +64,44 @@
  #set($ruleReviewImplementer = $doc.getValue('ruleReviewImplementer'))
  #set($ruleReviewSystem = $doc.getValue('ruleReviewSystem'))
++## --- 活動環境 ---
++#set($activityPlace = $doc.getValue('activityPlace'))
++#set($activityRoomEquipment = $doc.getValue('activityRoomEquipment'))
++#set($activityRoomImage = $doc.getValue('activityRoomImage'))
++#set($ictTools = $doc.getValue('ictTools'))
++#set($ictUsage = $doc.getValue('ictUsage'))
++
++## --- 生徒総会 ---
++#set($assemblyFormat = $doc.getValue('assemblyFormat'))
++#set($assemblyCount = $doc.getValue('assemblyCount'))
++#set($assemblyAgenda = $doc.getValue('assemblyAgenda'))
++#set($assemblyTopics = $doc.getValue('assemblyTopics'))
++#set($assemblyNote = $doc.getValue('assemblyNote'))
++
++## --- 広報 ---
++#set($publicityMethod = $doc.getValue('publicityMethod'))
++#set($publicityFrequency = $doc.getValue('publicityFrequency'))
++#set($publicityNote = $doc.getValue('publicityNote'))
++
++## --- 外部連携 ---
++#set($externalCooperation = $doc.getValue('externalCooperation'))
++#set($externalOrgName = $doc.getValue('externalOrgName'))
++#set($socialParticipation = $doc.getValue('socialParticipation'))
++
++## --- 年間主要行事 ---
++#set($eventApril = $doc.getValue('eventApril'))
++#set($eventMay = $doc.getValue('eventMay'))
++#set($eventJune = $doc.getValue('eventJune'))
++#set($eventJuly = $doc.getValue('eventJuly'))
++#set($eventAugust = $doc.getValue('eventAugust'))
++#set($eventSeptember = $doc.getValue('eventSeptember'))
++#set($eventOctober = $doc.getValue('eventOctober'))
++#set($eventNovember = $doc.getValue('eventNovember'))
++#set($eventDecember = $doc.getValue('eventDecember'))
++#set($eventJanuary = $doc.getValue('eventJanuary'))
++#set($eventFebruary = $doc.getValue('eventFebruary'))
++#set($eventMarch = $doc.getValue('eventMarch'))
++
  ## --- 課題・連絡先 ---
  #set($challenges = $doc.getValue('challenges'))
  #set($contactInfo = $doc.getValue('contactInfo'))
@@ -88,6 +88,14 @@
  #set($visibilityBudget = $!doc.getValue('visibilityBudget'))
  #set($visibilityRuleReview = $!doc.getValue('visibilityRuleReview'))
  #set($visibilityChallenges = $!doc.getValue('visibilityChallenges'))
++#set($visibilityDailyActivities = $!doc.getValue('visibilityDailyActivities'))
++#set($visibilityElection = $!doc.getValue('visibilityElection'))
++#set($visibilityMeeting = $!doc.getValue('visibilityMeeting'))
++#set($visibilityActivityEnv = $!doc.getValue('visibilityActivityEnv'))
++#set($visibilityAssembly = $!doc.getValue('visibilityAssembly'))
++#set($visibilityPublicity = $!doc.getValue('visibilityPublicity'))
++#set($visibilityExternal = $!doc.getValue('visibilityExternal'))
++#set($visibilityAnnualEvents = $!doc.getValue('visibilityAnnualEvents'))
  ## デフォルト値（未設定なら全体公開）
  #if(!$visibilityOrgChart || $visibilityOrgChart == '') #set($visibilityOrgChart = 'public') #end
  #if(!$visibilityBudget || $visibilityBudget == '') #set($visibilityBudget = 'public') #end
@@ -99,6 +99,7 @@
  #set($isGuest = $viewerUser == 'XWiki.XWikiGuest')
  #set($isViewerAdmin = false)
  #set($viewerSchoolCode = '')
++#set($viewerSecondaryGraduated = false)
  #if(!$isGuest)
    #set($viewerDoc = $xwiki.getDocument($viewerUser))
    #set($viewerAccountType = $!viewerDoc.getValue('accountType'))
@@ -108,6 +108,24 @@
    #if($viewerAccountType == 'admin')
      #set($isViewerAdmin = true)
    #end
++  ## 第2所属校の在学年数超過チェック
++  #set($viewerSecEnrollYear = $!viewerDoc.getValue('secondaryEnrollmentYear'))
++  #if($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecEnrollYear && $viewerSecEnrollYear != '')
++    #set($vNow = $datetool.date)
++    #set($vCurYear = $mathtool.toInteger($datetool.format('yyyy', $vNow)))
++    #set($vCurMonth = $mathtool.toInteger($datetool.format('MM', $vNow)))
++    #if($vCurMonth >= 4)#set($vSchoolYear = $vCurYear)#else#set($vSchoolYear = $mathtool.sub($vCurYear, 1))#end
++    #set($vSecEnroll = $mathtool.toInteger($viewerSecEnrollYear))
++    #set($vSecMax = 3)
++    #if($viewerSecondarySchoolCode.length() >= 2)
++      #set($vSecType = $viewerSecondarySchoolCode.substring(0, 2))
++      #if($vSecType == 'C2')#set($vSecMax = 9)#elseif($vSecType == 'D2')#set($vSecMax = 6)#end
++    #end
++    #set($vSecGrade = $mathtool.add($mathtool.sub($vSchoolYear, $vSecEnroll), 1))
++    #if($vSecGrade > $vSecMax)
++      #set($viewerSecondaryGraduated = true)
++    #end
++  #end
  #end
  ## --- 関連校（中高一貫校）情報 ---
@@ -117,7 +117,7 @@
  #if($affiliatedSchoolCode && $affiliatedSchoolCode != '')
    #if($viewerSchoolCode == $affiliatedSchoolCode)
      #set($isAffiliated = true)
--  #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $affiliatedSchoolCode)
++  #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $affiliatedSchoolCode && !$viewerSecondaryGraduated)
      #set($isAffiliated = true)
    #end
  #end
@@ -127,7 +127,7 @@
  #if(!$isGuest && $viewerUserRole != 'graduate')
    #if($viewerSchoolCode == $schoolCode || $isAffiliated)
      #set($isSchoolMember = true)
--  #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $schoolCode)
++  #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $schoolCode && !$viewerSecondaryGraduated)
      #set($isSchoolMember = true)
    #end
  #end
@@ -331,6 +331,106 @@
  </div>
  #end
++## --- 入力進捗ガイド（自校ユーザー向け） ---
++#if(!$isGuest && $canEdit)
++  #set($stepItems = [])
++  #set($completedCount = 0)
++  #set($totalSteps = 8)
++  ## 1. 基本情報（生徒数）
++  #if($studentCount && $studentCount != '' && $studentCount != '0')
++    #set($discard = $stepItems.add({'name': '基本情報（生徒数・学級数）', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '基本情報（生徒数・学級数）', 'done': false}))
++  #end
++  ## 2. 生徒会組織
++  #if($orgChart && $orgChart != '')
++    #set($discard = $stepItems.add({'name': '生徒会組織', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '生徒会組織', 'done': false}))
++  #end
++  ## 3. 日常の活動
++  #if($dailyActivities && $dailyActivities != '')
++    #set($discard = $stepItems.add({'name': '日常の活動', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '日常の活動', 'done': false}))
++  #end
++  ## 4. 選挙
++  #if($electionExists && $electionExists != '')
++    #set($discard = $stepItems.add({'name': '選挙', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '選挙', 'done': false}))
++  #end
++  ## 5. 予算
++  #set($budgetFilled = false)
++  #if(($budgetScale && $budgetScale != '') || ($studentFee && $studentFee != '')) #set($budgetFilled = true) #end
++  #if($budgetFilled)
++    #set($discard = $stepItems.add({'name': '予算', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '予算', 'done': false}))
++  #end
++  ## 6. 校則の見直し
++  #if($ruleReviewStatus && $ruleReviewStatus != '')
++    #set($discard = $stepItems.add({'name': '校則・生徒会会則の見直し', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '校則・生徒会会則の見直し', 'done': false}))
++  #end
++  ## 7. 生徒総会
++  #if($assemblyFormat && $assemblyFormat != '')
++    #set($discard = $stepItems.add({'name': '生徒総会', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '生徒総会', 'done': false}))
++  #end
++  ## 8. 活動報告
++  #set($activityCount = $doc.getObjects('SeitokaiCode.ActivityClass').size())
++  #if($activityCount > 0)
++    #set($discard = $stepItems.add({'name': '活動報告', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '活動報告（まだ投稿がありません）', 'done': false}))
++  #end
++  ## 全完了なら非表示
++  #if($completedCount < $totalSteps)
++    #set($progressPct = $mathtool.mul($mathtool.div($completedCount, $totalSteps), 100))
++    #set($progressPctInt = $mathtool.toInteger($progressPct))
++    #set($firstMissing = false)
++<div class="progress-guide" style="margin-bottom:var(--sp-4);">
++  <div class="progress-guide-header">
++    <span class="progress-guide-title"><svg class="ico" viewBox="0 0 24 24" style="width:1.1em;height:1.1em;vertical-align:-2px;"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 学校情報の入力状況</span>
++    <span class="progress-guide-count">${completedCount} / ${totalSteps} 完了</span>
++  </div>
++  <div class="progress-bar-track">
++    <div class="progress-bar-fill" style="width:${progressPctInt}%"></div>
++  </div>
++  <ul class="progress-step-list">
++    #foreach($step in $stepItems)
++      #if($step.done)
++    <li class="progress-step done"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><path d="M20 6L9 17l-5-5"/></svg> $step.name</li>
++      #else
++        #if(!$firstMissing)
++    <li class="progress-step next"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><circle cx="12" cy="12" r="10"/></svg> $step.name <span class="progress-next-label">← 次はここ！</span></li>
++          #set($firstMissing = true)
++        #else
++    <li class="progress-step pending"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><rect x="3" y="3" width="18" height="18" rx="2"/></svg> $step.name</li>
++        #end
++      #end
++    #end
++  </ul>
++  <div style="margin-top:var(--sp-3);">
++    <a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')" class="btn-primary-sm">
++      <svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 編集画面を開く
++    </a>
++  </div>
++</div>
++  #end
++#end
++
  ## --- ① 学校基本情報 ---
  <div class="school-info-card collapsed" id="card-basic-info">
    <h2 role="button" tabindex="0" aria-expanded="false" onclick="toggleInfoCard('card-basic-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleInfoCard('card-basic-info')}"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg> 学校基本情報</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2>
@@ -389,8 +389,13 @@
      ## --- 日常の活動 ---
      #if($dailyActivities && !$dailyActivities.isEmpty())
++      #set($canViewDA = true)
++      #if($visibilityDailyActivities == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewDA = false)
++      #elseif($visibilityDailyActivities == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewDA = false)
++      #end
++      #if($canViewDA)
      <div class="seitokai-subsection">
--      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg> 日常の活動</h3>
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg> 日常の活動 #if($visibilityDailyActivities != '' && $visibilityDailyActivities != 'public')<span class="visibility-badge visibility-${visibilityDailyActivities}">#if($visibilityDailyActivities == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
        <div class="seitokai-subsection-content">
          <p class="activity-hint">活動時間が多い3つ</p>
          <div class="tag-container">
@@ -403,12 +403,20 @@
          #end
        </div>
      </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 日常の活動情報は #if($visibilityDailyActivities == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
      #end
      ## --- 選挙 ---
      #if($electionExists && $electionExists != '')
++      #set($canViewEL = true)
++      #if($visibilityElection == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEL = false)
++      #elseif($visibilityElection == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEL = false)
++      #end
++      #if($canViewEL)
      <div class="seitokai-subsection">
--      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 13l3 3 7-7"/></svg> 選挙</h3>
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 13l3 3 7-7"/></svg> 選挙 #if($visibilityElection != '' && $visibilityElection != 'public')<span class="visibility-badge visibility-${visibilityElection}">#if($visibilityElection == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
        <div class="seitokai-subsection-content">
          <div class="info-row">
            <span class="info-label">役員選挙</span>
@@ -425,12 +425,20 @@
          #end
        </div>
      </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 選挙情報は #if($visibilityElection == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
      #end
      ## --- 定例活動 ---
      #if($meetingFrequency && $meetingFrequency != '')
++      #set($canViewMT = true)
++      #if($visibilityMeeting == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewMT = false)
++      #elseif($visibilityMeeting == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewMT = false)
++      #end
++      #if($canViewMT)
      <div class="seitokai-subsection">
--      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 定例活動</h3>
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 定例活動 #if($visibilityMeeting != '' && $visibilityMeeting != 'public')<span class="visibility-badge visibility-${visibilityMeeting}">#if($visibilityMeeting == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
        <div class="seitokai-subsection-content">
          <div class="info-row">
            <span class="info-label">役員定例会の頻度</span>
@@ -441,6 +441,9 @@
          #end
        </div>
      </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 定例活動情報は #if($visibilityMeeting == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
      #end
      ## --- 予算 ---
@@ -570,6 +570,267 @@
        #end
      #end
++    ## --- 活動環境 ---
++    #set($hasActivityEnv = ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictTools && !$ictTools.isEmpty()) || ($ictUsage && !$ictUsage.isEmpty()))
++    #if($hasActivityEnv)
++      #set($canViewAE = true)
++      #if($visibilityActivityEnv == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAE = false)
++      #elseif($visibilityActivityEnv == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAE = false)
++      #end
++      #if($canViewAE)
++    <div class="seitokai-subsection">
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg> 生徒会の活動環境 #if($visibilityActivityEnv != '' && $visibilityActivityEnv != 'public')<span class="visibility-badge visibility-${visibilityActivityEnv}">#if($visibilityActivityEnv == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
++      <div class="seitokai-subsection-content">
++        #if($activityPlace && !$activityPlace.isEmpty())
++        <div class="info-row">
++          <span class="info-label">普段の活動場所</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($ap in $activityPlace)
++                <span class="selection-item">$!escapetool.xml($ap.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++        #if($activityRoomEquipment && $activityRoomEquipment != '')
++        <div class="info-row">
++          <span class="info-label">生徒会室の設備</span>
++          <span class="info-value free-text-value">$!escapetool.xml($activityRoomEquipment)</span>
++        </div>
++        #end
++        #if($activityRoomImage && $activityRoomImage != '')
++        <div class="info-row">
++          <span class="info-label">活動場所の写真</span>
++          <span class="info-value"><div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span>
++        </div>
++        #end
++        #if($ictTools && !$ictTools.isEmpty())
++        <div class="info-row">
++          <span class="info-label">利用しているICTツール</span>
++          <span class="info-value">
++            #set($ictCatDisplay = [
++              ["連絡ツール", ["メール","LINE","LINE WORKS","Discord","Slack","Microsoft Teams","Google Chat","InstagramのDM","XのDM","その他（連絡）"]],
++              ["ドキュメント作成・共有", ["Googleドキュメント","Googleスプレッドシート","Googleスライド","Googleドライブ","Word","Excel","PowerPoint","OneDrive","SharePoint","Notion","Pages","Numbers","Keynote","Dropbox","Box","その他（ドキュメント）"]],
++              ["タスク管理", ["Googleカレンダー","Google ToDoリスト","Trello","Asana","Excel等スプレッドシート","その他（タスク管理）"]],
++              ["ビデオ会議ツール", ["Zoom","Google Meet","その他（ビデオ会議）"]],
++              ["アンケート", ["Googleフォーム","Microsoft Forms","その他（アンケート）"]],
++              ["デザイン・クリエイティブ", ["Canva","各種Adobe","CapCut","LumaFusion","AviUtl","ibisPaint","その他（デザイン）"]],
++              ["その他", ["独自のWebシステム・自作アプリ"]]
++            ])
++            #foreach($catD in $ictCatDisplay)
++              #set($catHasItems = false)
++              #foreach($t in $catD.get(1))
++                #if($ictTools.contains($t)) #set($catHasItems = true) #end
++              #end
++              #if($catHasItems)
++              <div style="margin-bottom:6px">
++                <span style="font-size:0.8em;font-weight:600;color:var(--text-mid)">$catD.get(0):</span>
++                <div class="selection-display" style="margin-top:2px">
++                  #foreach($t in $catD.get(1))
++                    #if($ictTools.contains($t))
++                    <span class="selection-item">$!escapetool.xml($t)</span>
++                    #end
++                  #end
++                </div>
++              </div>
++              #end
++            #end
++          </span>
++        </div>
++        #end
++        #if($ictUsage && !$ictUsage.isEmpty())
++        <div class="info-row">
++          <span class="info-label">ICT活用している場面</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($iu in $ictUsage)
++                <span class="selection-item">$!escapetool.xml($iu.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++      </div>
++    </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 活動環境情報は #if($visibilityActivityEnv == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
++    #end
++
++    ## --- 生徒総会 ---
++    #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != ''))
++    #if($hasAssembly)
++      #set($canViewAS = true)
++      #if($visibilityAssembly == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAS = false)
++      #elseif($visibilityAssembly == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAS = false)
++      #end
++      #if($canViewAS)
++    <div class="seitokai-subsection">
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg> 生徒総会 #if($visibilityAssembly != '' && $visibilityAssembly != 'public')<span class="visibility-badge visibility-${visibilityAssembly}">#if($visibilityAssembly == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
++      <div class="seitokai-subsection-content">
++        #if($assemblyFormat && $assemblyFormat != '')
++        <div class="info-row">
++          <span class="info-label">開催方式</span>
++          <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($assemblyFormat)</span></span>
++        </div>
++        #end
++        #if($assemblyCount && $assemblyCount > 0)
++        <div class="info-row">
++          <span class="info-label">開催回数（年）</span>
++          <span class="info-value">$!escapetool.xml($assemblyCount)回</span>
++        </div>
++        #end
++        #if($assemblyAgenda && !$assemblyAgenda.isEmpty())
++        <div class="info-row">
++          <span class="info-label">議案の集め方</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($aa in $assemblyAgenda)
++                <span class="selection-item">$!escapetool.xml($aa.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++        #if($assemblyTopics && !$assemblyTopics.isEmpty())
++        <div class="info-row">
++          <span class="info-label">扱う内容</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($at in $assemblyTopics)
++                <span class="selection-item">$!escapetool.xml($at.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++        #if($assemblyNote && $assemblyNote != '')
++        <div class="info-row">
++          <span class="info-label">自由記述</span>
++          <span class="info-value free-text-value">$!escapetool.xml($assemblyNote)</span>
++        </div>
++        #end
++      </div>
++    </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 生徒総会情報は #if($visibilityAssembly == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
++    #end
++
++    ## --- 広報 ---
++    #set($hasPublicity = ($publicityMethod && !$publicityMethod.isEmpty()) || ($publicityFrequency && $publicityFrequency != '') || ($publicityNote && $publicityNote != ''))
++    #if($hasPublicity)
++      #set($canViewPB = true)
++      #if($visibilityPublicity == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewPB = false)
++      #elseif($visibilityPublicity == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewPB = false)
++      #end
++      #if($canViewPB)
++    <div class="seitokai-subsection">
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 広報 #if($visibilityPublicity != '' && $visibilityPublicity != 'public')<span class="visibility-badge visibility-${visibilityPublicity}">#if($visibilityPublicity == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
++      <div class="seitokai-subsection-content">
++        #if($publicityMethod && !$publicityMethod.isEmpty())
++        <div class="info-row">
++          <span class="info-label">方法</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($pm in $publicityMethod)
++                <span class="selection-item">$!escapetool.xml($pm.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++        #if($publicityFrequency && $publicityFrequency != '')
++        <div class="info-row">
++          <span class="info-label">頻度</span>
++          <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($publicityFrequency)</span></span>
++        </div>
++        #end
++        #if($publicityNote && $publicityNote != '')
++        <div class="info-row">
++          <span class="info-label">自由記述</span>
++          <span class="info-value free-text-value">$!escapetool.xml($publicityNote)</span>
++        </div>
++        #end
++      </div>
++    </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 広報情報は #if($visibilityPublicity == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
++    #end
++
++    ## --- 外部連携 ---
++    #set($hasExternal = ($externalCooperation && $externalCooperation != '') || ($externalOrgName && $externalOrgName != '') || ($socialParticipation && !$socialParticipation.isEmpty()))
++    #if($hasExternal)
++      #set($canViewEX = true)
++      #if($visibilityExternal == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEX = false)
++      #elseif($visibilityExternal == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEX = false)
++      #end
++      #if($canViewEX)
++    <div class="seitokai-subsection">
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg> 外部連携 #if($visibilityExternal != '' && $visibilityExternal != 'public')<span class="visibility-badge visibility-${visibilityExternal}">#if($visibilityExternal == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
++      <div class="seitokai-subsection-content">
++        #if($externalCooperation && $externalCooperation != '')
++        <div class="info-row">
++          <span class="info-label">他校の生徒会との連携</span>
++          <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($externalCooperation)</span></span>
++        </div>
++        #end
++        #if($externalOrgName && $externalOrgName != '')
++        <div class="info-row">
++          <span class="info-label">参加している生徒会団体の名前</span>
++          <span class="info-value">$!escapetool.xml($externalOrgName)</span>
++        </div>
++        #end
++        #if($socialParticipation && !$socialParticipation.isEmpty())
++        <div class="info-row">
++          <span class="info-label">社会参加・地域連携・ボランティア</span>
++          <span class="info-value">
++            <div class="selection-display">
++              #foreach($sp2 in $socialParticipation)
++                <span class="selection-item">$!escapetool.xml($sp2.trim())</span>
++              #end
++            </div>
++          </span>
++        </div>
++        #end
++      </div>
++    </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 外部連携情報は #if($visibilityExternal == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
++    #end
++
++    ## --- 年間主要行事 ---
++    #set($months = [["4月", $eventApril], ["5月", $eventMay], ["6月", $eventJune], ["7月", $eventJuly], ["8月", $eventAugust], ["9月", $eventSeptember], ["10月", $eventOctober], ["11月", $eventNovember], ["12月", $eventDecember], ["1月", $eventJanuary], ["2月", $eventFebruary], ["3月", $eventMarch]])
++    #set($hasAnyEvent = false)
++    #foreach($m in $months)
++      #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end
++    #end
++    #if($hasAnyEvent)
++      #set($canViewAN = true)
++      #if($visibilityAnnualEvents == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAN = false)
++      #elseif($visibilityAnnualEvents == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAN = false)
++      #end
++      #if($canViewAN)
++    <div class="seitokai-subsection">
++      <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 年間主要行事 #if($visibilityAnnualEvents != '' && $visibilityAnnualEvents != 'public')<span class="visibility-badge visibility-${visibilityAnnualEvents}">#if($visibilityAnnualEvents == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</span>#end</h3>
++      <div class="seitokai-subsection-content">
++        <table class="wiki-table school-info-table" style="margin:0">
++        #foreach($m in $months)
++          #if($m.get(1) && $m.get(1) != '')
++          <tr><td style="width:60px;font-weight:600;white-space:nowrap">$m.get(0)</td><td>$!escapetool.xml($m.get(1))</td></tr>
++          #end
++        #end
++        </table>
++      </div>
++    </div>
++      #else
++    <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 年間主要行事情報は #if($visibilityAnnualEvents == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>
++      #end
++    #end
++
      ## --- 生徒会の課題意識 ---
      #if($challenges && $challenges != '')
        #set($canViewChallenges = true)
@@ -966,6 +966,25 @@
        #if($postVis != 'public')
        <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg> 校内限定#end</div>
        #end
++      ## いいねボタン
++      #set($postLikeCount = $!post.getValue('likeCount'))
++      #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end
++      #set($postLikedBy = $!post.getValue('likedBy'))
++      #set($isLikedByMe = false)
++      #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end
++      <div class="post-like-row post-action-mt">
++        #if($xcontext.user != 'XWiki.XWikiGuest')
++        <button type="button" class="btn-like #if($isLikedByMe)liked#end" data-page="$escapetool.xml($doc.fullName)" data-obj="$post.number" data-csrf="$services.csrf.getToken()" onclick="toggleLike(this)">
++          <svg class="ico ico-fixed-14" viewBox="0 0 24 24" #if($isLikedByMe)fill="currentColor" stroke="none"#end><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
++          <span class="like-count">$postLikeCount</span>
++        </button>
++        #else
++        <span class="btn-like disabled">
++          <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
++          <span class="like-count">$postLikeCount</span>
++        </span>
++        #end
++      </div>
        ## 固定/編集/削除/通報/非表示ボタン（横並び）
        #set($postAuthorRef = $!post.getValue('authorRef'))
        #set($postObjNumED = $post.number)
@@ -1086,10 +1086,68 @@
  {{/html}}
  #end
++## --- OGP / SNSシェア対応 ---
++#set($ogpTitle = "${schoolName} — 生徒会Wiki")
++#set($ogpDesc = "${schoolName}の生徒会活動情報。")
++#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end
++#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end
++#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end
++#set($ogpUrl = "https://${request.serverName}${doc.getURL()}")
++
  ## --- 年度タブ切り替え JavaScript ---
  {{html clean="false"}}
  <script>
++// OGPメタタグ挿入
++(function() {
++  var ogp = {
++    'og:title': '$escapetool.javascript($ogpTitle)',
++    'og:description': '$escapetool.javascript($ogpDesc)',
++    'og:type': 'article',
++    'og:url': '$escapetool.javascript($ogpUrl)',
++    'og:site_name': '生徒会Wiki',
++    'twitter:card': 'summary'
++  };
++  for (var p in ogp) {
++    var meta = document.createElement('meta');
++    meta.setAttribute('property', p);
++    meta.setAttribute('content', ogp[p]);
++    document.head.appendChild(meta);
++  }
++  // twitter用
++  var tw = document.createElement('meta');
++  tw.setAttribute('name', 'twitter:card');
++  tw.setAttribute('content', 'summary');
++  document.head.appendChild(tw);
++})();
  // コンパクト表示（タイトルのみ）トグル
++// いいねトグル
++function toggleLike(btn) {
++  var page = btn.getAttribute('data-page');
++  var obj = btn.getAttribute('data-obj');
++  var csrf = btn.getAttribute('data-csrf');
++  btn.disabled = true;
++  var fd = new FormData();
++  fd.append('page', page);
++  fd.append('obj', obj);
++  fd.append('form_token', csrf);
++  fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd })
++    .then(function(r) { return r.json(); })
++    .then(function(data) {
++      btn.querySelector('.like-count').textContent = data.count;
++      if (data.action === 'liked') {
++        btn.classList.add('liked');
++        btn.querySelector('svg').setAttribute('fill', 'currentColor');
++        btn.querySelector('svg').setAttribute('stroke', 'none');
++      } else {
++        btn.classList.remove('liked');
++        btn.querySelector('svg').removeAttribute('fill');
++        btn.querySelector('svg').setAttribute('stroke', 'currentColor');
++      }
++    })
++    .catch(function() { alert('エラーが発生しました'); })
++    .finally(function() { btn.disabled = false; });
++}
++
  function toggleCompactView() {
    var container = document.querySelector('.xwiki-content') || document.body;
    var isCompact = container.classList.toggle('activity-compact-view');
@@ -1207,7 +1207,15 @@
    };
    var toast = document.createElement('div');
    toast.className = 'toast toast-' + type;
--  toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>';
++  var iconSvg = icons[type] || '';
++  if (iconSvg) {
++    var iconSpan = document.createElement('span');
++    iconSpan.innerHTML = iconSvg;
++    toast.appendChild(iconSpan);
++  }
++  var msgSpan = document.createElement('span');
++  msgSpan.textContent = message;
++  toast.appendChild(msgSpan);
    container.appendChild(toast);
    setTimeout(function() { toast.remove(); }, 3200);
  }
@@ -1246,6 +1246,7 @@
    var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</textarea>';
    // コメント以外は添付ファイル編集を表示
++  function escAttr(s) { return s.replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/'/g,'&#39;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
    if (postType !== 'comment') {
      // 既存画像
      html += '<div class="edit-attachments">';
@@ -1255,10 +1255,10 @@
        for (var i = 0; i < imgs.length; i++) {
          var img = imgs[i].trim();
          if (!img) continue;
--        html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'&quot;') + '">' +
++        html += '<div class="edit-attach-item" data-name="' + escAttr(img) + '">' +
            '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' +
            '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' +
--          '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'&quot;') + '" />' +
++          '<input type="hidden" name="keepImages" value="' + escAttr(img) + '" />' +
            '</div>';
        }
        html += '</div>';
@@ -1272,10 +1272,10 @@
          if (!f) continue;
          var displayName = f;
          if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, '');
--        html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'&quot;') + '">' +
--          '<span class="edit-attach-fname">' + displayName.replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</span>' +
++        html += '<div class="edit-attach-item" data-name="' + escAttr(f) + '">' +
++          '<span class="edit-attach-fname">' + escAttr(displayName) + '</span>' +
            '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' +
--          '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'&quot;') + '" />' +
++          '<input type="hidden" name="keepFiles" value="' + escAttr(f) + '" />' +
            '</div>';
        }
        html += '</div>';