!important 2019 へ参加してきました!レポート
開催されてから1カ月以上たちますが、アウトプットファーストを体現するためにどんなに遅くなろうがこれからはしっかりアウトプットしていきたいと思います。
2019年4月20日(土)に福岡県は博多アーバンスクエアで開催されましたウェブクリエイター向けの勉強会である「!important 2019」に参加してきました。
イベントタイトルの!importantを見てピンと来たあなたはウェブクリエイターですね(笑)
なんと本イベントは、朝10時から夜19時までの9時間という長時間で開催され、各種セッションがあるフェス形式のセミナーです。
しかも、こんなに学んでたったの早割2,000円とはほんとお得でした!
また、2会場なので登壇者さんがたくさん出演されてましてWでお得です。
!important2019、もう間もなく!#important2019 pic.twitter.com/fkZbdKSVCs
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
タイムテーブルはこちら
https://important.01w.jp/post-1330/
僕はほぼほぼトラック1にずっといたのですが、各セッションも聞きごたえがあって内容の濃い、学びのある時間でした。
さて、それでは、当日のツイートを引用しながらそれぞれのセッションのレビューをしていきます。
イベント告知サイトはこちら
https://important.01w.jp/important2019/
全体がまとまっているTwitterまとめはこちら
https://togetter.com/li/1340710
基調パネルディスカッション:アクセシブルHTML
出演者:金内透さん/平尾優典さん/前川昌幸さん/宮本采佳さん/宗安沙希恵さん
基調パネルディスカッションはじまりました!#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
アクセシビリティ
accessibility=a11y
と略すらしい
#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
海外ではアクセシビリティトラブルで裁判になるのか #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
ビヨンセの裁判沙汰https://t.co/xvpmNO7d9O
— SuGi@6/23高松 (@candypop0124) April 20, 2019
アクセシビリティに関する訴訟はAppleのサイトとかもありますhttps://t.co/Gjv7jV5kwr #important2019
— やまのく🐙 (@yamanoku) April 20, 2019
映画:「こんな夜更けにバナナかよ」から考えるアクセシビリティhttps://t.co/ntNI25ADbW #important2019
— take2 (@take2webservice) April 20, 2019
#important2019
自治体のサイトは当然アクセシビリティは必要ですよね。だから予算増やしてください!— SuGi@6/23高松 (@candypop0124) April 20, 2019
AAAに順守して作るのは予算的には無理 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
アクセシビリティ対応への費用。
「オプションでつける」のではなく「単価を上げて、制作にインクルードする」という方法も。
アクセシビリティはクオリティ。
— Naoko Murakami (@ud_fibonacci) April 20, 2019
アクセシビリティに正解はない #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
コードレビューのチェックシート #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
alt属性の「クオリティ」って大きく2つあって、「文章としての品質」と「alt属性の仕様としての品質」で、前者はディレクター/ライター、後者はME側の範疇かな、とは思う。 #important2019
— 名村 晋治@サービシンク (@yakumo) April 20, 2019
コントラストチェック、わたしはこれを使っています。https://t.co/7Mp3v3gpob #important2019
— おゆき (@kurokoroll) April 20, 2019
開発者向けのA11yのチェックだと以下Lintツールもありますhttps://t.co/PBFo37MxzX https://t.co/SjgqXvoXCe#important2019
— やまのく🐙 (@yamanoku) April 20, 2019
alt 誰が書くの問題…!あるあるだ…! #important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
視覚障害の利用している動画はこの辺とか参照https://t.co/WvLdAYSMR4 https://t.co/0BbgeUTaLQ#important2019
— やまのく🐙 (@yamanoku) April 20, 2019
アクセシビリティ
①100点満点よりも最低限の及第点を目指そう #important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
Webにアップするだけですでにアクセシブル #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
まず、社内で勉強会する必要があるな。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
たくさんのツイートを皆さんされていて注目度の高いセッションでした。
内容をまとめると、アクセシビリティはやって当たり前の時代になってきているが、予算が多くなるわけじゃないのでその配分は苦慮する。でも、できるところからやっていくしかないんだ。やって行こう!という感じです。
あとコントラストチェックとalt属性に何を入れるかはちゃんと対応しないといけないと思いました。
ランチセッション:HTML・CSSの制作環境と効率化の模索
出演者:田村章吾さん/長谷川広武さん
ランチ付き #important2019 pic.twitter.com/dR4mMkBlxu
— SuGi@6/23高松 (@candypop0124) April 20, 2019
効率化考えて燃えてるのは、そもそも効率化云々ではないレイヤーの話や・・・
#important2019— 名村 晋治@サービシンク (@yakumo) April 20, 2019
制作10年超えるとインター老人会の仲間入り。手遅れになる前に知識をアップデートしよう!#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
・最新
・超最新
・コレが最新#important2019 pic.twitter.com/BGYtVou2J5— がりゅてん (@Garyuten) April 20, 2019
社内のみんなに見てほしい。#important2019 pic.twitter.com/MlmntqI1xa
— SuGi@6/23高松 (@candypop0124) April 20, 2019
どこの会社もどれが最新のファイルかわからなくなる問題がありますよね。ほんと「あるある。」と頷くばかりのセッションでした。
また、FTPからGitへの移行はもう始まっているが、弊社ではまだまだ対応できていないので、これは推進していこうと思いました。
セッション:受託制作から運用支援へ~地方で実践するウェブ制作者の業態転換~
出演者:坂上北斗さん
髪型が変わった北斗くんのセッション #important2019 pic.twitter.com/aww9ymzKcv
— SuGi@6/23高松 (@candypop0124) April 20, 2019
坂上さんのセッション開始!早速、コミュニティリーダーズサミット高知のお知らせhttps://t.co/FayStuKXhh #important2019 pic.twitter.com/YRwLsrHHtk
— takeshi.furusato (@t_furusato) April 20, 2019
作ることにこだわらないWeb制作 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
成功の鍵はお客さんのビジネスにどれだけ入り込むかってのも需要やね #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
改善→効果測定→検証されて、アクセス増→売上に繋がってるのがよくわかる話。 #important2019
— おゆき (@kurokoroll) April 20, 2019
#important2019 北斗くんのこういう考え方の視覚化は参考になる。 pic.twitter.com/alyvVf7wW7
— SuGi@6/23高松 (@candypop0124) April 20, 2019
「何をしたいですか?」って言われてもわからないことがあるので、提案をしてもらえるとそれに対して選択したり考えることができる。北斗さんが「提案を多くする」ってのは、お客さんが考えやすくする一歩なんだろなと。 #important2019
— おゆき (@kurokoroll) April 20, 2019
僕らが関わって作るのは「商売の道具」という事であれば、坂上さんがなさっていることの観点を持たずに実際は作れるはずがない。なので、この話に行き着くのは、本来切っても切れない話。 #important2019
— 名村 晋治@サービシンク (@yakumo) April 20, 2019
もちろんお客様はアクセス解析とかわかってないから、依頼してくるわけで。
事業とアクセス解析の両方を理解する必要ある。 #important2019— takeshi.furusato (@t_furusato) April 20, 2019
地方とか関係なく、ウェブ制作をする上では欠かせない思考プロセスはほんと勉強になります。
これができてるウェブ制作者が果たして何人いるのであろうか?と思いながら、それでも、僕はちゃんとやっていこうと思いました。
これができたら絶対、他社さんと差別化できますもんね。
セッション:デザインをつくる秘密道具~伝えるために考えること~
出演者:角田綾佳さん
角田さんの話楽しみ!
#important2019 pic.twitter.com/cZ9ngyJcap
— ひー / webデザイナー (@hii_ton19) April 20, 2019
角田さんが何気なく言ったメインビジュアルの写真を探すときにInstagramで検索する。
確かにそうだ。目鱗だ。インスタなら良い写真の傾向がわかる。すぐ取り入れよう。#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
ユーザーへの情報到達の点で考えると独自ドメインサイトに誘導するよりもSNS上で解決できる方が読まれやすい。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
SNSをやってる人はブログ(サイト)みるためにやってるんじゃない
ほんとサイトよりも長い時間触れてるメディアになって、以前も感覚変わってきた
角田さん見習って、もっと自分が発信しなきゃなだな
アウトプットファースト#important2019
— 坂上 北斗 (@Hosaka7s) April 20, 2019
とりあえず置いた画像が悪いことあるあるすぎでした(T^T)
あとワイヤーに引っ張られるのも、、
角田さんの話きけてよかった#important2019— みずき (@eaeachoco) April 20, 2019
角田さんのスライドはいつもかわいくて素敵です。わかりやすいですしね。
セッション内容もメインビジュアルを探すときにInstagramで対象キーワード入れて探すと聞いたときは目から鱗。まさにそうだと思いました。
あとは、どの登壇者からも伝わってきますが、ウェブ制作者はウェブを作るのが仕事じゃない。ということですね。大事です。
これをほんとに伝いえていきたいと思いました。
スポンサーセッション:ウェブライダー 松尾茂起さん
ライターの私が参加を決めたのはこの10分間のセッションを聞きたいがためでした。
全部のセッション最高ですけども、全ては参加を決める理由をいただけたこと。#important2019 #track1#ウェブライダー pic.twitter.com/yrgprUsNVS— ざぶ (@zabu_UGV) April 20, 2019
松尾さんのスポンサーセッション。10分しかないけど面白い。
#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
松尾さんの流れるように掴まれるスポンサーセッションが半端ないww#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
言葉を仕事にするウェブライダー松尾さんらしい10分しかないけども、かなり伝わるスポンサーセッションでした。
「文賢」は要チェックですね。
https://rider-store.jp/bun-ken/
そして、SEOはもう数の時代じゃない。まさにコンテンツの時代だということを痛感しました。
セッション:今、Webに動画が欠かせない理由
出演者:たにぐちまこと さん
次は谷口さんのセッションを受けます!「今、Webに動画が欠かせない理由」#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
谷口さんのセッション始まった!
今年は動画元年。動画で発信することがお金になる時代がもうすぐ
#important2019 pic.twitter.com/wQt7Tw2MXF
— Naoko Murakami (@ud_fibonacci) April 20, 2019
たにぐちさんのyoutubeチャンネルhttps://t.co/iFACdQkiP7
#important2019— takeshi.furusato (@t_furusato) April 20, 2019
動画の種類
・広告動画
・イメージ動画
・説明動画
・マニュアル動画
・ソーシャル動画
#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
PayPayの動画がすごい
伝えたいことは全て動画で説明。
#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
「Webページが動画の入れ物になっている」確かにー!https://t.co/IcajqmEASM#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
確かに今はGoogle検索すると最初に出てくるのは動画の検索結果だ。
それでマーケティングするのは確かに正しい。 #important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
動画のセッション。今後のさらなる展開を思うと、Webのアクセシビリティが当たり前になったころに、同時にアクセシブルな動画のノウハウや提供手法がどうなっているか、どうやっていくかは個人的に関心がある。 #important2019
— ゆうてん⚖️ニュートラルモード (@cloud10designs) April 20, 2019
一眼レフ
・初期投資がビデオカメラより割高
・現行モデルでは撮影時間に制限あり
・キレイな画面が作れるが、ピントが合いにくい。単焦点などを使うと奥行き感が作りやすいが、ピントがずれやすい。自撮りするならバリアングルかチルト。#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
スマートフォン
・手軽さではピカイチ
・初期投資なしで始めることも
・バッテリーが少ない、熱に弱い。アクションカム
・ほぼスマホ。バッテリーと熱問題は解消。
・軽くて扱いやすい。手ぶれにも強い。
自撮りよりはタイムラプスなどに強い。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
・レンズよりライトが大事。
・手ぶれ対策:三脚固定orスタビライザー。
・長回しよりもカット割り。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
コンデンサマイク=プロの歌手がレポーディングなどに使うマイク。
・クリアな音声
・PCに直接録音ができる
・据え置き前提
講座など声が主役になるような動画はこれがオススメ。ダイナミックマイク
・扱いやすい
・音がこもりがち
・PCに入力するには音が小さいのでアンプを挟む。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
ピンマイク
・目立たない
・口元の音がよく拾える(食レポにオススメ)ヘッドセット
・音質はイマイチ
・見栄えも悪い
・ゲーム実況など限られた時に。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
音声収録の注意点
・あー、えーは言わない
・入力レベルを上げすぎない。音割れ注意。
・言い間違いの時は咳払いや拍手間違えたら無音の時間を作った方が編集が楽チン!あーえーで埋めると後から編集が大変。#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
Premiere Pro
プロ向け、難易度高め。色々とできる。Camtasia Studio
録画・編集・ナレーション・パワポ連携がオールインワン、教材映像製作には最適。テロップを入れたりする細かい編集が苦手。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
映像製作業界のいらすと屋さん
効果音ラボhttps://t.co/8rX6IfxOlj#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
職業系YouTuberを目指すか #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
ウェブは文字のない世界へ #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
コンテンツファースト
まずはスマホから動画配信
#important2019— SuGi@6/23高松 (@candypop0124) April 20, 2019
5Gの時代、動画で表現することが増えてくるはず #important2019
— takeshi.furusato (@t_furusato) April 20, 2019
動画元年ともいわれる今の時代、ほんとに動画が大事になってきたなと感じました。
確かに、Googleの検索結果の上位には関連動画が表示されてるし、子供にはYouTuberがテレビタレントより人気者になってきてるし、それぞれの動画SNSにスターが出てきています。
そして、マルチデバイス時代「webは文字のない世界へ」進んでいくのは目に見えていますよね。
それならば対応しないといけないと分かっているのに、でもなかなか手が出せないんです。要は今やってる業務から転換ができない人が多いということでしょう。
ということは、動画制作は今がチャンスということだと思いますので、業務広げるなら動画制作ですね。
弊社も協力会社さんにお願いして動画制作はやってますが、内製できるように体制を整えなきゃいけないかもと思いました。
スポンサーセッション:シックス・アパート 早瀬将一さん
MT早瀬さんのスポンサーセッション!#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
Movable Type .net は中小規模の企業サイトには向いてる。運用に必要な機能がいろいろ用意されている。 #important2019
— 海老庵🦐 (@evian) April 20, 2019
Movable Typeは最近全然拾ってなかったけど、かなり進化してました。
ただ、今使ってるWordPressから乗り換えるのはかなり障壁は高いかなとも思います。
現代のCMSは正直どれも高機能で使えるものばかりです。
なのでどれも一長一短であり、どれを選ぶかは結局「慣れてるか」とか「ヘルプが多いか」とかになってしまうので、そうなると、現状はWordPressに落ち着くなという感じです。
Movable Typeにするのにはもう少しヨイショがいるかなと思いました。良い機能はあったので機会があれば使いたいです。
ラストセッション:webクリエイターのための情報交換所
出演者:阿部正幸さん/後藤賢司さん/前川昌幸さん
17時から19時までの休憩なし、鬼のトークセッション、始まりました。 #important2019 pic.twitter.com/gRCV5kDp2q
— SuGi@6/23高松 (@candypop0124) April 20, 2019
10時からぶっ通しのイベントラストセッションは、webクリエイターのための情報交換所!
8,000人のコミュニティ#important2019
— 坂上 北斗 (@Hosaka7s) April 20, 2019
婚活と言えばオミカレ🎵#important2019
— ばなさん (@banashade08) April 20, 2019
GoogleのSpeed Update #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
Chrome拡張のLighthouseでサイトスピードのチェック #important2019
— 海老庵🦐 (@evian) April 20, 2019
トップページだけ見るのではなく、ランディングしてくるページを計測するのも大切。#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
自分のサイトがモバイルファーストインデックスかどうか知りたい場合の確認方法:
google search console を開く→URLの検査にURLを貼り付け→検索結果の「カバレッジ」をみる→ユーザーエージェントの部分が「スマートフォン用Google bot」になる。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
モバイルフレンドリーはランキング要因だけど、モバイルファーストインデックスはランキング要因ではない。#important2019
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
Googleしごと検索に対応したいという相談は最近増えてきた。採用ページのindeed対応はもう必須。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
リアルサイテーション!
指名検索増える=ナビゲーションクエリ化するとSEO的にも良さげだから、いいですよね。やっぱりUGCの視点を持った施策の設計は大事。YMYLとEATも気になるところ。#track1#important2019— ざぶ (@zabu_UGV) April 20, 2019
ホテルの宿泊価格もグーグルマップに表示されるようになって利便性が高まりつつある感じですね。#track1#important2019
— ざぶ (@zabu_UGV) April 20, 2019
indeed検索対応のために今は1勤務地1職種1待遇につき1ページが必要で、採用ページ1ページ作ればいい話ではなくなってます。さらにその各ページにGoogleしごと検索の構造化タグ入れるので静的に作るのが難しいし大変。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
Googleマップ、ゼンリンとの契約解除 #important2019
— takeshi.furusato (@t_furusato) April 20, 2019
Googleマイビジネスの情報を詐欺に使うやつもいるから気をつけないといけないね #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
Google、昔はコンテンツに介入しなかったが、正義を振りかざすようになってきた。
信用できる、信頼できるコンテンツ、オリジナルコンテンツを重要視する比重が上がってきた。#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
WordPressがついに必須条件をPHP5.6以上に。使用しているサーバ会社が5.6にアップデートしたニュースでても、契約し直さないといけないケースもあるのでちゃんと確認しましょう。 #important2019
— takeshi.furusato (@t_furusato) April 20, 2019
非機能要求グレード2018 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
このランキングにマクドが入ってるのが凄い。僕は入れてるけど。 #important2019 pic.twitter.com/5gf4rHQs2G
— SuGi@6/23高松 (@candypop0124) April 20, 2019
日本アフィリエイト協議会はいい団体。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
WebP #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
マイクロインタラクション #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
Internet Explorerでゼロデイ脆弱性が発見される、PC上のファイルを盗まれる可能性 https://t.co/8pUpk1hX2y #important2019
— takeshi.furusato (@t_furusato) April 20, 2019
これ本当すごい…#important2019 https://t.co/zDUnFovn8Z
— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
Cloud-first Headless CMSは実はリニューアルの際に更新が楽。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
汎用JPドメインは、ドメインロックしておきましょう。 #important2019
— SuGi@6/23高松 (@candypop0124) April 20, 2019
表示高速化はモバイルが重要に。モバイル優先の制作にシフト。
—-
デスクトップを使っているからデスクトップについつい意識がいきがちはあるある。モバイル大事にしていきたい!#important2019— ゆっきー@Yuki SHIMIZU (@yukishimizu910) April 20, 2019
情報量が多すぎてまとめきれないので上記のピックアップしたツイートをチェックしてみてください。
まとめ・・・
アクセシブルHTMLのセッションは時代だなと思いました。ついこの間までは、アクセシビリティといってもお金かかるからなかなか手が出せなかったけれども、今は、お金かけなくてもできることはデフォルトで対応していかないといけなくなっているので、必ず知っておくべき情報でした。
坂上君の話はいつ聞いてもしっかりまとまっていて、ウェブクリエイターというよりコンサルタント的な視点で物事を見ているのでどんな事業にも当てはまるのではないかと思います。
あと、この1年ウェブ制作業界もいろいろあり、これからもっともっとたくさんの事を覚えて技術も上げていかなければいけない時代になっています。デザインやコーディングだけじゃなく、アクセシビリティもそうだし企画もそうだし、動画や文章力なども取り入れて、コンテンツのクオリティを挙げていかなければなりません。
ウェブ制作業界に20年近くいる僕でさえ日々勉強しないと生きていけないという危機感がわいてきたイベントでした。
博多まで遠出したかいがありました!
あと、懇親会はほんと楽しくて飲みすぎちゃいました。
かんぱーい!
お疲れ様でした!#important2019 pic.twitter.com/ldMlLNmull— ウェブ屋のさとーさん@GTI Inc. & 01wave LLC. [案件受けられます] (@taman777) April 20, 2019
おいしいお酒とお料理ありがとうございました!!
懇親会始まった! #important2019 pic.twitter.com/lI3uQXPfeg
— SuGi@6/23高松 (@candypop0124) April 20, 2019
また来ます!