项目概要
原落语协会官网是十多年前搭建的 LAMP 架构网站。其存在内容更新繁琐、后台管理界面不便使用等问题,页面加载速度也较慢,给用户和运营方都带来了负担。
本项目对网站结构进行了大幅革新,以提升用户体验并提高运营效率为目标完成了改版。
使用技术
托管平台采用 Vercel。由此,可以充分发挥 Next.js 的功能来构建网站。此外,内容管理系统采用 microCMS,建立了即使非工程师也能直观更新内容的环境。
主要开发需求
固定节目的登记
当日寄席的登记
所属艺人的登记
落语会信息登记
CMS化过程中的改进之处
本次改版中需要解决的课题,是固定节目的登记以及当日寄席的登记。
在原有网站中,当日寄席是通过复制固定节目来创建的。
由于变更操作流程需要学习成本,因此在设计时以改版后仍保持原有操作方式为前提。
在迁移至 microCMS 的过程中,最大的课题是被称为“交替”的节目栏目的存在。
落语演出中有一个名为“交替”的栏目,根据日期不同,出演者也会有所变化。由于出演的艺人需到演出前一天才能确定,因此必须在开演前一天手动更新出演者信息。
由于数据结构也会有所改变,我们决定在 microCMS 中创建“固定节目 API”和“当日寄席 API”,但这里出现了运营上的课题。
microCMS 的管理后台并未提供在不同 API 之间复制内容、或嵌入独自程序等功能。也就是说,仅靠 microCMS 无法像以往的操作流程那样,通过复制固定节目来制作当日寄席。
因此,我们利用无头 CMS 的灵活性,为当日寄席开发了独自的管理后台。通过使用该管理后台,只需最低限度的步骤即可完成当日寄席的登记。
关于 Web 无障碍应对
Liberogic 制定了基于 WCAG 2.0 至 2.2、适合等级 A 至 AAA 的独自检查清单,致力于制作符合 Web 无障碍要求的网站。
本项目以达到 WCAG 2.2 的 AA 标准为目标,进行了细致的检查。在字体大小、颜色对比度、键盘操作支持等方面,特别考虑了高龄用户以及需要无障碍功能的用户,进行了相应设计。
最终,落语协会网站达到了 WCAG 2.2 的 AA 标准,成为一个让广大用户都能安心使用的网站。
最后
随着本次网站改版,定席节目和当日寄席信息变得即使是初学者也能轻松查看。在您产生“想去看看”的那一刻所需的信息,都能立即获取。
寄席无疑是一种可以轻松前往的传统文化。
在只需几千日元即可整日尽情欣赏的寄席中,从午后到深夜都能欣赏到各式各样的表演。不仅有落语,还有漫才、讲谈、剪纸等,每日更替的节目丰富多彩。“今天会遇到什么样的表演呢?”这份期待感,也正是寄席独有的魅力所在。
其核心便是落语协会提供的“定席节目”。
定席节目分为“上席”“中席”“下席”等不同时段,每个时段都有不同的艺人登场,因此在一个月内,您有多次机会欣赏到全新的表演。这正是它深深吸引众多落语爱好者的原因所在。
此外,寄席独有的“交互”制也是一大乐趣。
出演者每天轮换,直到当天才能知道谁会登场,这种现场感让寄席成为一个更加特别的空间。
无论是寻找心仪的艺人,还是邂逅未曾听过的节目与艺人,都能从中获得乐趣。寄席是每一次都能带来特别时光的地方。
落语协会改版后的网站,让您可以轻松查看寄席信息。
下次休假时,不妨前往寄席走一走。
在充满欢笑与感动的空间里,您可以尽情感受日本的传统文化。