「かんたんデザイン編集」 対応テーマを作ってみた！

ー気づいたら忙殺されている極小企業社員が気軽に更新できるテーマ開発をやってみた件
MTDDC2025 懇親会LTでの発表のため作成したスライドです。
スライド中に出てくるリンク（下線あり または URL）は以下の通りです：
https://zenn.dev/morit4ryo
https://speakerdeck.com/morit4ryo
https://mobilefirstcorporate.movabletype.io/
https://signalcompose.stores.jp/items/68c8f2ad7c149e004b38158f

Transcript

1. 気づいたら忙殺されている極小企業社員が 気軽に更新できるテーマ開発をやってみた件 @morit4ryo 「かんたんデザイン編集」 対応テーマを作ってみた！
2. 自己紹介 森田 了　@morit4ryo デザイナー・フロントエンドエンジニア 東京音大 （作曲） →IAMAS （メディア芸術） →シグナル・コンポーズ （株） Zenn 記事色々書いてます SpeakerDeck スライド上げます
3. 作ったテーマのご紹介 3 https://mobilefirstcorporate.movabletype.io
4. MFCテーマの3つの特長 4 1 2 3 テーマ名通り「モバイルファースト」。 スマートフォンで見やすい状態を簡単に！ コーディングなどの専門知識がなくても、 企業サイトがサッと作れる！ アクセシビリティにも配慮。 誰にとっても見やすいサイトが作れる！
5. なぜ作った？ 5 ① 自社サイトの更新が大変だった メンバー4名全員、 既存開発で手一杯 活動内容とサイトの内容にズレが出てきた デザインやコードを書いて更新する余裕がない 外注するのも予算都合で厳しい
6. なぜ作った？ 6 ② 2024年6月に 「かんデザ」 リリース “コードを書かずにデザインが編集できる！ 自社サイトもこれで作ったら面白いのでは？ 記事をZennにまとめまくった → 自社サイト向けにテーマを作ってみよう! Zenn
7. なぜ作った？ 7 ③ 同じ課題を抱える企業があるはず 更新に時間を割けない企業は少なくないはず 外注するにも予算が厳しいケースが多い → 「自社にも他社にも役に立つテーマ」 にしたい！
8. どう作った？ 8 ① 思い切ってモバイルファーストにした インターネットアクセスの9割がスマホから 「スマホで見やすいか」 だけを考えられる 画像サイズ・文字量など更新する人が迷わない設計に → 作る側も更新する側も楽に!
9. どう作った？ 9 → 誰が見ても読みやすいサイトへ! ② Webアクセシビリティの対応 「障害者差別解消法」 改正で重要度アップ 1から作るこのタイミングだからこそ取り組みやすかった テーマとしての柔軟性との両立を目指した
10. どう作った？ 10 ③ 専門知識がなくても編集できるように → 専門家でなくても作りやすいサイトに! 「入力するだけでページができる」 を重視 事業紹介・会社紹介など、 必須のページをテンプレ化 入力項目をしぼって迷わせない
11. 作ってみてわかったこと 11 ① 「誰でもサッと更新」 が実現できた かんたんデザイン編集＋記事編集だけで完結 情報更新のハードルが下がった → テーマ完成後、 2~3日の作業でサイトリニューアル完了！
12. 作ってみてわかったこと 12 ② アクセシビリティ対応、 意外とやれた 簡単なものから対応するだけで半分くらいの問題は解決 マークアップの見直しにも繋がった 量が多いので、 やる気と根気が求められる
13. 作ってみてわかったこと 13 ③ 「かんデザ」 の知見が溜まった 「一通りの機能をまとめる→実際にサイトを作る」 を通じて
 細かな部分まで把握できた 画像やリスト挿入時のDOM更新は少し難しい
14. まとめ 14 https://mobilefirstcorporate.movabletype.io
15. まとめ 15 実践 結果 課題 自社の課題から 「かんたんデザイン編集」 対応テーマを開発 モバイルファースト＋アクセシビリティで
 「迷わないデザイン」 に！ 自社でも更新しやすく、 学びも多かった
16. 割引クーポンプレゼント！ MTDDC2025限定 リリースセール価格 ¥27,500 参加者限定価格 ¥17,600 10月8日より発売開始のMobile First Corporateテーマ クーポンコード MTDDC2025 販売サイト ありがとうございました!! SpeakerDeck