本セッションは「高知こどもの図書館」のウェブサイト制作をケーススタディとしてウェブサイト制作のフローと勘所を学ぶ２回シリーズの後編です（前編のconnpassページ）。

※ Zoom/YouTube参加用のURLは、connpassの「参加者への情報 」欄に掲載いたします。参加の前にご確認ください。

概要

5月5日に公開された「高知こどもの図書館」のウェブサイト。このサイトはクラウドファンディングで資金調達をし、アクセシビリティを意識したサイトをフリーランスのチームが制作しました。

後編の今回は、デザイン・アクセシビリティ監修を務めた間嶋 沙知さん、実装を担当したほんだとしゆきさんから、納品がゴールではない“一緒に作り、育てる” ウェブサイト制作についてお話を伺います。

イベントの流れ

開場は20:50です。21:00より開始となりますので、それまでにご参加開始いただくとスムーズです。 （途中からでもお気軽にご参加ください）

• はじめの挨拶
• 本イベントについて、注意事項
• 後編① 小さく始めて続けるアクセシビリティ（間嶋 沙知さん）
• 後編② 使いやすく更新しやすい管理画面って何？（ほんだとしゆきさん）
• おわりの挨拶
  
  

後編① 小さく始めて続けるアクセシビリティ

「高知こどもの図書館」ウェブサイトでは、こどもの本を必要としている誰にでも・いつでも情報を届けられるように、アクセシビリティを意識したリニューアルが行われました。本セッションでは、企画、制作、運用の各フェーズでアクセシビリティを高めるために行ったことをお話します。
アクセシビリティに取り組みたいけれど、どのように依頼すれば良いか迷っている発注者、何から始めれば良いかわからない制作者やウェブ担当者の方のヒントになればと考えています。

間嶋 沙知

majima DESIGN デザイナー

大学卒業後、桑沢デザイン研究所の夜間部に学ぶ。 渋谷の小さなエディトリアルデザイン事務所、高知市のグラフィックデザイン事務所を経て、2016年1月フリーランスのデザイナーとして開業。高知市を拠点に県内外の企業、店舗、個人、スタートアップのサービスや商品に関わる印刷物やウェブのデザインを手がける。
目下の関心はアクセシビリティ。「個々の良さが発揮される風通しの良い世界」にデザインで貢献することを目指して活動している。
こぶたのうたちゃんと築55年の古家暮らしを満喫中。

後編② 使いやすく更新しやすい管理画面って何？

今回は、テーマのカスタマイズの話とか、よくあるPHPやCSSの実装の話がメインではなく、使いやすく更新しやすい管理画面になるようにどんなことを考えて実装したのかを中心にお話します。

ほんだとしゆき

@RocketMartue 高松のうぇぶ屋さん. マークアップエンジニア。
音大卒業後、外食産業の会社などに務めるなか、会社のホームページを作ったのがきっかけで、WordPressに出会い、のちにECサイトの運営にも携わる。
2016年～ フリーランス。主に制作会社からの委託で、WordPress を使ったサイトの構築、テーマのカスタマイズなどをしています。
WordCamp Ogijima 2018 / 2020 実行委員、WordCamp 2021 Web制作班リーダー、Kagawa WordPress Meetup のオーガナイザー等、WordPress コミュニティの活動にも参加しています。
趣味は、音楽と料理。たまに猫と遊びます。コーヒー・カレー・チョコ・はちみつが好き。https://instagram.com/wcogijima/ の中の人。

ご参加の皆さんにお願い

• お申し込みいただいていたけれどご都合が合わなくなった場合は、キャンセルをお願いします。
• スピーカーの皆さんには、ご厚意により無償でご出演いただいております。おもしろかった・勉強になったと感じていただけましたら、Amazonウィッシュリストからぜひギフトをお送りいただけると嬉しいです！
  
  

参加方法は？

Zoomで参加の方 ：
参加登録いただくと、このページにZoomのURLが表示されますので、そちらからご参加ください。
また、イベント当日、connpassにご登録いただいたメールアドレスにZoomのURLをお送りいたしますので、そちらからもご参加いただけます。

YouTubeライブ視聴で参加の方 ：
参加登録いただくと、このページにYouTubeのURLが表示されますので、そちらからご参加ください。
また、イベント当日、connpassにご登録いただいたメールアドレスにYouTubeのURLをお送りいたしますので、そちらからもご参加いただけます。

★はじめての方へ：ZoomでWP ZoomUPに参加する方法 https://wpzoomup.com/how-to-use-the-zoom/

★はじめての方へ：オススメのデバイスについて https://wpzoomup.com/recommended-device/

後日、YouTubeにアーカイブを公開することを予定しています。

歓迎されること ＆ されないこと

歓迎されること

WP ZoomUP をすべての人たちにとって開かれた場所にします。ジェンダー、性的指向、障害、人種、宗教、好きなOS、好きなプログラミング言語、使っているテキストエディター、使っているCMS、技術のレベルがなんであっても、誰でも安心していられて、自分は歓迎されているんだと思える、友好的な場所にします。

以下のことを歓迎します。

• 思慮深く、他者を尊重し、協力的であること。
• 他の人の品位を傷つけたり、差別したり、嫌がらせとなる言動を控えること
• 会の状況や他の参加者の様子に気を配ること。
• ちょっと問題かな、と思えることがあったら、それをすぐに運営者に伝えること。
• 積極的に参加して、提案して、発言することで、会をよくしていき、自分のものにしていくこと。

歓迎されないこと

• 他の人の品位を傷つけたり、差別したり、嫌がらせとなる言動。
• ここで出会った人へのハラスメント。
• スパム行為（リンクをおくったり、過度な勧誘をしたり）

こうしたことを経験、目撃した人は、ものすごくきちんと対応しますので、スタッフにご連絡ください。

参考にした文書: Code of Conduct – Make WordPress Communities https://make.wordpress.org/community/handbook/meetup-organizer/resources/code-of-conduct/

WP ZoomUP とは？

WP ZoomUP は WordPress を使っている人、使いたい人たちが集まって、知識を共有したり質問をしたりするオンライン勉強会です。

WordPress を使っている人、WordPress に興味がある人なら、知識の量や技術の有無に関係なく、誰でも参加することができます。

★はじめての方へ：WP ZoomUP について https://wpzoomup.com/about/

スタッフ

WP ZoomUPは下記のメンバーがメインでスタッフをしています。

• 村上 直子 @ud_fibonacci
• 中谷 智美 @imasara_king
• しずみ @Shizumi0705
• 三浦 佐代子 @NOCE_WEB_DESIGN
• 額賀 順子 @nukaga
• 齋木 弘樹 @lunaluna_dev
• Ippei @ippey_s
• ほんだ @RocketMartue
• はやし（ま） @haya2_
• deni @deniyung

フィードバック方法

• #wpzoomup をつけてつぶやく
• 登壇者／セッション内容提案フォーム から、聞いてみたいセッションを送る
• セッション登壇立候補フォームから、話してみたいことを送る
• イベント改善提案フォームから、イベント自体の改善について提案する

https://wpzoomup.com/contact/

イベントがおもしろかった・ためになったら、ぜひ応援してください

WP ZOOMUPをささえる会 https://wpzoomup.com/product-category/supporting-party-of-wp-zoomup