2016年、ふたつの活動から見えてきたこと(前編 – 仕事)

今年は4月にフリーランサーになり、業務以外で二つの活動を行いました。

  1. 仕事に関連したイベント運営に参加する
  2. 地元のコミュニティ運営に参加する

独立してから初の年の瀬、この二つを通して今年を振り返ってみようと思います。
(相も変わらず長いので、前編後編でお届けします。)

仕事に関連したイベント運営に参加する

今年、二つのイベントに運営スタッフとして参加しました。
ひとつはコマンドシフトシズオカ(通称シフシズ、運営は現CSS Nite in SHIZUOKA と同じメンバー)です。

1月3月と勉強会で発表する機会をいただき、その流れでスタッフしてみたら?と声をかけてもらったことが参加のきっかけです。

これまで勉強会といえば、もっぱら参加する方だった私。スタッフには興味があったものの、「勤めとの両立」が不安で二の足を踏んでいました。

社会人になって十数年、地元には勤め先と趣味のつながりくらいしかない自分がいました。そのうえ仕事上の“知”は都市部に集まりやすいため、自然と意識はそちらに向く。いかに地元を見ていなかったが自分の中に露呈したわけです。地に足が付いていないのはまずいなー、と。

西部の制作者はどこにいる?

さて、晴れてシフシズスタッフとなったわけですが、「参加者の高年齢化」と「集客のしづらさ」という問題を知ります。CSS Nite in SHIZUOKA, Vol.5 のときには、県西部からの参加者が少ないことも気になっていました。

ここで私の頭に浮かぶのです。「西部の制作者はどこにいるの?」と。県西部には中〜小規模の制作会社が多く、Web制作に従事している人はいるはずなんですけどね。(自分の所属先の人ぐらいしか知らないなぁ…というのが他スタッフの意見でもあります。)

「東海道新幹線に乗ると、いつまでたっても静岡だ。」と多くの人が言うように、とにかく東西に長い静岡県。「商業の街・静岡市」と「ものつくりの街・浜松市」というタイプの違う政令指定都市を抱えますが、それを背景に制作者が求めるニーズも参加意識も違うなという印象(※1)をもっています。(長くなるのでそこは割愛します。)

そして、制作者向け勉強会は静岡市で多く開催されます。県西部からでは交通の便がネック(※2)になって参加を躊躇したり、そもそも勉強会があることを知らなかったり…。わざわざ出かける気になれない人が多いのかも知れません。まぁ、これはあくまで私の推論ですが。

ならば自分で確かめてみよう

それなら自分で確かめてみよう、と始めたのが「浜松でWebのこと話そう会(@hamaweb_meetup)」。とあるきっかけで知り合ったITざっくばらん会の中の人に「テーマを絞ると人は集まらないよ」と聞いたことを思いだし、「働き方」をテーマとしました。

当日は現役の方をはじめ、Webを仕事領域にしたいグラフィックデザイナーや、Web業界に転職したいと考える10代、20代の方も参加してくださいました。

地元で仲間が欲しいという需要

その広報活動の中で気づいたのが「地元で仲間が欲しい人いるんじゃないのかな?」ということ。参加できなかった方からは「勉強中の身なので地元に仲間が欲しい」といった声もあり、制作者コミュニティの潜在的需要の裏も取れました。

また他方では「社会に出てからWeb制作の勉強をして、この先どう進んでいいか悩んでいる。だけれども(CSS Nite などの)勉強会は敷居が高いな。」といった方もいます。

そんなこともあり、来年はそのような層の受け皿となれるような活動をしてきたいと思っています。

2016年、ふたつの活動から見えてきたこと(後編)に続きます。


※1 私が静岡東部の事情に疎いため、どうしても中部・西部の比較になってしまいます。ごめんなさい。

※2 浜松→静岡間は片道約1時間弱。東西に走る私鉄が無いためJR網は若干高くつき、本数も多くはないため不便なのです。そうなると主な移動手段は自動車なのですが、慣れない土地に1時間半もかけてとなると…人によっては「うーん」となってしまうのですね。(バイパスが無料化されているため、有料高速道路は使われない傾向があります。)

CSS Nite Shift に初参加しました

写真:スクリーンに投影された Shift10 ロゴ

過日12月17日(土)のことですが、CSS Nite Shift10:Webデザイン行く年来る年 に参加してきました。

CSS Nite は LP3 の頃から参加(ブランクはありますが^^;)しているにも関わらず、年末の Shift には初参加。今回は静岡県に縁のある方々が多く登壇するということや、スタッフをしているシフシズのメンバーも多く参加するということで、とても楽しみにしていました。

私の中で都市部の勉強会やセミナーに参加する目的は二つあります。

一つ目は、もちろんトップランナーの方々のお話やノウハウをお聞きすること。
そして二つ目は、こういった場でしかお目にかかれない方とお話しすること。私は「懇親会からが本番」派なのです。(下戸ですがw)

最近の私と言えばもっぱらマークアップの日々。また、興味関心もそちらに向きがちなので、Web に関する全トピックを深く追うことが難しい状況です。「何が分からないのか分からない」状況を自分の中で無くしておくためにも、このような一年を振り返るイベントはとても貴重な機会ととらえています。

ツールの進化がめまぐるしい昨今、Web上で解説を読んでも使いどころが分からないことが多く、セッション中のデモを見ることで「おお!」と言うことありました。(それ自体、単に“寄る年波問題”ではありますが…。)

そして、今回の懇親会はがっつり(笑)参加しました。二次会まで行くのは実に LP4 以来ですね。
(LP3, 4 参加してましたーと話すと、大体が懐かしい!と言われますw。)

先に挙げたシフシズは、CSS Nite in SHIZUOKA 実行委員会スタッフが運営する勉強会グループです。そのため、懇親会に参加された他の地方版の方に盛り上がりの秘訣や、若年層の集客についてお話をうかがったりしました。もちろんその土地柄の影響も多くありますが、それをふまえてどのように活動していけばよいかを考えるヒントになりました。

今年は都市部の方だけでなく地方で活動されている方にもお会いし、多くの刺激をいただきました。この先も暮らしていくであろう静岡で、自分にできることはなにか、どうすればよいかを改めて考えた1日でした。このことは改めて書こうと思います。

余談ですが、懇親会での長谷川恭久さん(基調講演で登壇)の iPad Pro パフォーマンスに魅了されたので、次年度の経費予定に組み込んでおきましたw。

静岡よ、あれが UX の灯だ

夏から秋にかけての放置が定番化してきた当ブログですが、今日は意識低いポエム(UXへの所感)を書いてみようと思います。

UX という言葉と私

出産で現場を離れたころ…でしたか、この「UX」という言葉を聞くようになったのは。たかだか数年前のことです。離職してからしばらくは Web のことは全く考えていなかったので、復業してからの盛り上がりにびっくりした覚えがあります。

もうね、浦島太郎状態。
しばらくは休んでいる間に出てきた技術やらなんやらを習得することに精一杯で、UX についてはなおざりにしていました。「UX」という“もやっと”した語感も、その一因だったと思います。周囲もそれほどその言葉を使っていませんしね。

浦島、手がかりを見つける

私は正直言うと「UX」がどういうものか分かっていません(笑)。
「UX」という言葉が一人歩きして、その本質が見えづらくなっている感じを受けます。

でも待てよ…、と。
私の頭の中には「ユーザー体験」や「ペルソナ」という離職前に覚えた言葉、意識していた言葉が見つかります。それって、そういえばどこに行ってしまったのだろう?いまでも(Web業界的に)使われている言葉なのかな…?と。

そもそも「UX」は User experience。「ユーザー体験」ですよね?ユーザーのことを考えた制作とは、UI やアクセシビリティもその一部なのかな…。

あれ?もしかしたら、知らないうちに“UX”を意識して仕事していたのでは…。

ならば、はっきりさせよう

個人の活動をはじめて約1年が過ぎました。
声を掛けていただくこともぼちぼちあり、そろそろ技術系だけでなく知識の幅をまた広げていく段階かなと感じています。「UX にもやっとしているなら、この際はっきりさせよう。このモヤモヤの原因はなんなんだ!」と思う余裕も出てきました。

でもね、UX を勉強できる場って都市部ばかり…。地方の子持ち兼業主婦はヒョイと行けません。

どうしようかな…そう思っていたときです。シフシズでUXデザイナーの坂本貴史さんをお招きし、セミナーを開催することが決まりました。坂本さんは「IA/UXプラクティス モバイル情報アーキテクチャとUXデザイン」の著者でもいらっしゃいます。

私はシフシズスタッフとしての参加ですが、この機会に「UX のモヤモヤ」を晴らしてこようと思っています。このモヤモヤの原因はなんなんだ!

同じように静岡でモヤモヤしている人、年初にすっきり晴らして UX の灯を見つけましょう!

WCAN mini で Webアクセシビリティをさらに深めるきっかけを得て

6月4日(土)に名古屋で開催された「WCAN mini 2016 Vol.1 そのモヤモヤをWebアクセシビリティの達人がスッキリ晴らす! Webアクセシビリティ はじめの一歩、キホンの「キ」とアリアの「ア」!」(なっ…長い…)に参加してきました。

今回の勉強会は、2月に大阪で開催されたものの再演。
大阪の回は物理的な距離を理由に泣く泣くあきらめましたが、名古屋なら懇親会も参加して余裕の日帰りですから喜び勇んで申し込みました。(名古屋の勉強会に行くと「遠くから来たねー」と“毎度”言われますが、静岡西部からは思いのほか近いんですよ…。)

Webアクセシビリティの基本は押さえていても、ざっくりとしか理解していなかった「WAI-ARIA」。実装したらどのように支援技術に伝わるのか、それをもってなにが実現できるのか…深く学ぶきっかけになればと、興味深くお話を聞いてきました。

今日から始めるWebアクセシビリティ、まずはココから!

写真:セッション前の撮影タイムでスライドの映るスクリーンと植木さん

インフォアクシア代表・植木さんのセッションは、明日から取り組めるWebアクセシビリティの基本のお話。合成音声に台詞を読み上げさせる演出が心憎いですね。

Webアクセシビリティを取り巻く国内外の現状(障害者差別解消法施行や外国での法整備)、デバイスの多様化によって対象者の裾野が広がったことなどをふまえ、「マシンリーダブル」をキーワードにどうやって対応(マークアップ)していけばいいのかを一つひとつ丁寧に掘り下げて解説されました。

このセッションの内容は、ひと昔前から心がけていることのおさらい+普段見過ごしていることの発見というような感じでした。(#ff0000のコントラスト比が実は4.0:1でJIS規格で求められる値に満たない話や、キーボードでのフォーカスが正しく操作できるモーダルウィンドウの話など。)

スライドの後半、ヤコブ・ニールセン氏の Twitter Bot の引用があり、そんなBotがあったのねと早速フォローをしましたけれど、「ヤコブ・ニールセンをご存じの方?」という質問で挙手が少なかったことには、かなりジェネレーションギャップを感じうるしかなく…。

HTML5で今日から使えるWAI-ARIA

写真:セッション前の撮影タイムでスライドの映るスクリーンと大藤さん

復職してから目にするようになった「WAI-ARIA(ウェイ・アリア)」の文字。何て読むの?というところからのスタートで、ランドマーク・ロールを使う程度でした。

これまでに仕様書や大藤さんのWAI-ARIA本など、文字としてその概要を読むことはありましたが、デモを見ることで実際のマークアップでの使用するイメージがわきました。Open Ajax Accessibility というWebサイトにマークアップ例が多数掲載されているということで、こちらで復習をかねて勉強をしてみたいと思います。

駆け出しだったころ、HTMLやXHTMLのリファレンス本で(間接的に)非常にお世話になった大藤さん。その頃は札幌在住でいらしたのが、今は名古屋にお住まいなのだとか。なかなかお会いする機会がないなぁと思っていたのが、初めてお目にかかることができ感無量。

まとめ

Webアクセシビリティの話題を Twitter などで追いかけていると、スクリーンリーダーや WAI-ARIA、さまざまなデバイス、障害者の方の体験談、大なり小なりいろいろなものが流れてきます。

その早い流れに身を任せていると、「はて?それはすぐ自分に必要な情報だろうか?」「それを取り込める器はできているのだろうか?」という不安と、許容量を超えそうな情報にすこし振り回されている自分もありました。

有益な情報があっても、このままだと馬子にも衣装、猫に小判だぞと。
ならば基本に立ち返ってみよう。Webアクセシビリティの基本とそこから一歩進んで WAI-ARIA をちゃんと固めよう。そんな気持ちで参加した勉強会でした。

質疑応答で「東京ではWebアクセシビリティを基本対応することで、競争力に繋げている企業もある」というお話も出ました。この先、事業者もWebアクセシビリティが努力義務から必須になっていった際、地方でも先んじて取り組んでおくことで、ひとつの武器になるのではないかと思います。

植木さんは、「Webアクセシビリティの学校」というWebアクセシビリティの基本を学べるセミナーを全国各地で行っておられます。Webアクセシビリティについて考えたり学ぶ場の少ない地方でもそういった試みが回を重ね、少しずつWebアクセシビリティが“あたりまえ”になっていくといいなと思うところです。

私個人としては、懇親会で静岡西部に縁がある植木さんと地元の話などしたり、大藤さんにリファレンス本でお世話になったお礼などができたりで非常に楽しゅうございました(笑)。

まとめの余談

イベント開始前にWebアクセシビリティに関連した TED Talk が流れていたのですが、何のトークだったのか気になります…。どなたか知っていたら教えてください。

Illustration by Freepik

TEDxHamamatsuSalon Vol.2 で知的好奇心の交差を目撃した一日

最近外に出ることが増えたので、「大人の課外活動」なんてタグを作ってみました。
手始めに、先の日曜(5月22日)に参加した「TEDxHamamatsuSalon Vol.2」のことから。


TEDxHamamatsuSalon とは

TEDx をご存じない方のために簡単に説明を。
TEDx というのは、NHKの「スーパープレゼンテーション」でも知られる TED から正式にライセンスを受け、厳格なルールに則って運営される“TED の地方版”。日本では東京をはじめ、北は北海道から南は沖縄までの都市や大学などで活動があります。そして浜松もそのひとつ。

今回参加した TEDxHamamatsuSalon は、これまでの TED Talk を参加者全員で視聴し、その内容から感じたことをディスカッションして知見を深めようというスタイルのイベントです。

この日はスタッフ含め50名近い人たちが集まり、5人ずつのグループに分かれて2つのセッションを行いました。私は今年から TEDxHamamatsu のボランティアスタッフとして参加しており、今回が初めてのイベント体験です。

イベントのテーマは「Across with Intellectual Curiosities(知的好奇心が交差する)」。


デザインチームのMasatoさんがテーマからイメージして描き下ろしたメインビジュアル。こんなところに学生の力が発揮されています。

参加することの意義

正直言って、なにか明確な「答え」が得られるようなイベントではありません。

ひとつの主張(アイデア)を人と視聴し、意見を交わし、そこから自分にはないものを感じ取って自身の活動につなげていく。これは一人ではできないことです。

また、普段と違う刺激を受けてじっくりと内観すること。普段の仕事や勉強を離れ、ひとまわり大きな視点で問題を観察してみる。それはすぐに実らなくても後の気づきや発想のきっかけになったり、会話のキーになったりするのではないでしょうか。すぐに成果や答えをを求められることが多い今の世の中では、逆にそれが大事なのかと思っています。

個人的には動画やテレビに時間を拘束されるのが苦手なので、見るための時間を確保できるというのはありがたいです。これは映画を劇場で観ることと似てますね(笑)。


会場は旧消防庁舎をリノベーションした「鴨江別館(アートセンター)」。趣あります。
Photo by TEDxHamamatsu / CC BY-NC-ND 2.0

プログラム: Ice Break 「トム・ウージェック:塔を建て、チームを作る」

まずは“つかみ”として視聴したのがこのトーク。発想力を問われるマシュマロタワーの制作を通し、チームをいかにしてゴールに導くか?ということを問う内容です。

視聴の後に実際にマシュマロチャレンジを行ってみました。
20本のスパゲティと90センチのテープと紐を使い、18分(今回は10分)でいかに高い場所にひとつのマシュマロを設置できるかという作業。これが意外と難しい。私のチームは63センチを記録したものの、最後まで自立することができず結果は0センチでした(笑)。

スパゲッティで作った三角形の構造物に刺さっているマシュマロ
Photo by TEDxHamamatsu / CC BY-NC-ND 2.0

マシュマロチャレンジは彼らが隠れた仮定を見出すのに役立つのです。

私が身を置くWeb制作界隈でも最近よく言われる「プロトタイプの重要性」に、このトークの内容が繋がるなーと思いながら観ていました。

プログラム: Session 1 「Curiosity(好奇心)」

模造紙に興味を書き出しディスカッションするグループメンバー
Photo by TEDxHamamatsu / CC BY-NC-ND 2.0

「興味があるけど実行できてないことを挙げてみよう。」
Session 1 は、3つのトークを視聴したあとにそこから開始。テーブルに広げられた模造紙に5人のグループメンバーが各々書き出していきます。

では、どうしたらその“興味があること”を実行できるのか。グループ内でディスカッション(堅苦しいものではなく、おしゃべりに近い感じ)したり、他グループの意見を聞いたりするなどして“知の再発見”を図ることに。

私の現実味を帯びている“興味があること”は、実行する気持ちを押してもらえましたし、先延ばしになっているものは、歳をとるごとに厚くなっていく「清水から飛び降りる気持ち」が原因なんだと再確認しました。

Session 1 の TED Talk

※ ティム・アーバン氏のトークは、GIGAZINEでも取り上げられた ので知っている方も多いかもしれませんね。お猿のあれです。

プログラム: Session 2 「Passion(情熱)」

熱中シートに熱中していることを書き出す女性参加者。
Photo by TEDxHamamatsu / CC BY-NC-ND 2.0

オーガナイザー(主宰者)曰く「重いテーマ」のトークが揃った Session 2。
感じるところはそれぞれだったようですが、物事を分解して自分のピースと照らし合わせるのが大好きな私は、こちらの方が実は盛り上がり…。社会人になってからの出来事や自身への不満、そういったものを一つずつ解きほぐすようにトークを視聴していました。

このセッションでは「熱中シート」に書き出したことへの熱中度を星で示し、グループ内で発表をしました。哲学的なテーマのため少し難しく感じるところもありましたが、もう少しトークについての感想を交換できるとよかったかなと思います。

Session 2 の TED Talk

まとめ

この手のイベントは「敷居が高い」ものと取られがちです。
しかしふたを開けてみれば大学生から還暦以上の方まで、さまざまな“知りたがり”の人々が集まる和気あいあいとした会でした。休憩時間にはお菓子を食べながらおしゃべりしたり、アフターパーティーでは美味しい料理を食べ、お酒を飲みながらワイワイとお互いのことを語り合ったり。

異業種交流会とも似ていますが、TEDx のルールで営利的なことは認められていないため純粋に「知的好奇心の“交流”」を図ることができる貴重な場だと思います。


地元で評判のイタリアンのケータリング!おいしくて食べ過ぎました。:P

TEDxHamamatsu では、浜松市内外のスピーカーがトークを行うスタンダードイベントの開催が2016年9月に決定しています。私は昨年のイベント参加を逃してしまったため、今からとても楽しみでなりません。

一般参加者(パティシパント)の応募も開催近くには公式WebサイトFacebookページで告知されると思いますので、浜松近郊(それ以外でもOK)で面白いことないかなーと思っている方はぜひ覗いてみてください。


恒例の「X」ポーズで記念撮影して無事終了しました!
Photo by TEDxHamamatsu / CC BY-NC-ND 2.0