- 日時：2020/07/15(水) 21:30-23:00
- 参加費：無料
- 出演：原 一浩（カンソクインダストリーズ） 、矢野 りん（バイドゥ）、坂本 邦夫（フォルトゥナ）、清家 順（ユニバーサルワークス）
- お申し込み：Doorkeeper
- 備考：お申し込みされなくても参加可能です。
Zoomウェビナー、Facebook Live、YouTube Liveにて同時配信します。
全セッションのスライド、動画を公開しています。
こちらからご覧ください。
]]>Zoomウェビナー、Facebook Live、YouTube Liveにて同時配信します。
2020年1月18日にAbemaTowers 10階セミナールームで開催したCSS Nite LP66 「デザイントレンド特別版」のフォローアップとして、原 一浩さん（カンソクインダストリーズ）、坂本 邦夫さん（フォルトゥナ）、清家 順さん（ユニバーサルワークス）の『Webデザイントレンド ［自治体編］』セッションのスライドなどを公開します。
]]> 動画Webデザイントレンド[自治体編]を担当しましたユニバーサルワークスの清家です。私自身は、約4年ぶりのCSS nite出演となりましたが、ご満足いただけましたでしょうか。
今回は、リニューアルされたサイトを対象としたランキングに加え、「清家の目」では「シティプロモーションという名の憧憬」をテーマにお話しました。ランキングと清家の目、どちらも自治体の思いや特徴が表現されているかどうかを重視し、それぞれの自治体が持つ魅力、自治体サイトが持つ楽しさをお伝えしようと目論みました。
清家の目では、シティプロモーションサイト、特に移住・定住をテーマにしたコンテンツのコピーやメッセージに注目し、その取組を比較しました。「都会」と「田舎」というあいまいな尺度の中で、両方の要素をバランスよく併せ持つことができている自治体、都市機能の充実を謳う自治体、豊かな自然と穏やかな暮らしを訴求する自治体など、様々です。そのまちならではの魅力をWebサイトで表現すべく工夫（苦悩？）している様子を感じ取っていただけたら幸いです。
今回のセッションでは、十分なコメントはできませんでしたが、自治体サイトは、Webアクセシビリティ確保の観点からも優れた事例や興味深い取組やたくさんあります。当社ユニバーサルワークスが毎年実施している「自治体サイトWebアクセシビリティ調査」で、その一端を垣間見ることができると思いますのでぜひご一読ください。
最後に。
アンケートへの回答ありがとうございました。参加いただいた方の地元や周辺自治体が取り上げられたケースがあったようで、ご自身が持つイメージとWebサイトで表現されているイメージの差に言及いただくなど、とても参考になりました。住民が認知している強みと、外から見たイメージにギャップがある場合、それを解消するのか、より強調するのかでコンテンツやデザインが変わってくるはずです。そんなことにも注意を払いながら自治体サイトウォッチを続けたいと思います。
有限会社ユニバーサルワークス 清家 順
https://www.u-works.co.jp/
Webデザイントレンド［特別版］・ Webデザイントレンド[自治体編]を担当したフォルトゥナの坂本です。足下の悪い中、ご参加いただきありがとうございました。年末のShiftは2年間お休みさせていただいており、久々に東京でお話させていただきましたが、ご満足いただけたならうれしく思います。坂本からはサイトで取り入れられていたツールについて少し補足したいと思います。
以前はアクセシビリティ・お問い合わせなどは自前で実装していたことが多かったのですが、最近は外部のツールを上手く取り入れて、組み合わせるようになってきています。その代表的なものがチャットボット・アクセシビリティツールです。
まずチャットボットですが、国内外様々なサービスがあります。数年前は海外のサービスを日本語で使うという選択肢も多かったのですが、国産のサービスも増えました。かなりの種類があるため、どれを選ぶかというのは製作者（提案者）の腕の見せ所と言えるかもしれません。
自治体や大学サイトなどでは質問と回答がある程度想定できることから、機械学習で回答の精度を上げていけるはずで、そのノウハウは予算規模の大きなサイトだけでなく、小規模のものにも活かされていくはずです。
このような話になると、大きなサイトでしか使えないのではないかとなりがちですが、多くの人がチャットボットに使い慣れてくると、もっと小さなサイトでのチャットボットも使われるようになるはずですので、コンタクトの1つの方法として、チャットを上手く使うことを考えてもよいタイミングなのではないかと思います。
アクセシビリティツールについても、海外を中心に普及してきています。海外では訴訟になるケースも多いため、自前で実装する必要のない部分をツールに任せるというのは妥当な選択肢と言えるでしょう。
今回の調査で見たツールとしては、USERWAYとUser1stの2種類でしたが、
USERWAYはウィジェットを貼り付けるだけで動作しますので、非常に試しやすいのではないかと思います。
私のサイト（ https://www.color-fortuna.com/ ）にも、チャットボットとUSERWAYを取り付けてみましたので、一度お試しください。
年末のShift14にも復活登場することになり、再び原さん・矢野さん・坂本の3人のコンビも復活いたします。このトレンドが年末にはどうなっていくのか、また東京の皆さまとも共有できればうれしく思います。
この度は本当にありがとうございました。
フォルトゥナ 坂本邦夫
https://www.color-fortuna.com/
Twitter : https://twitter.com/Kunio_Sakamoto
2020年1月18日にAbemaTowers 10階セミナールームで開催したCSS Nite LP66 「デザイントレンド特別版」のフォローアップとして、原 一浩さん（カンソクインダストリーズ）、矢野 りんさん（バイドゥ）、坂本 邦夫さん（フォルトゥナ）の『Webデザイントレンド［特別版］』セッションのスライドなどを公開します。
]]> 動画Webデザイントレンド[特別編]と、Webデザイントレンド[自治体編]を担当しましたカンソクインダストリーズの原です。
雨が降る中、ご参加いただきまして誠にありがとうございます。
年末行った Shift13 のWebデザイントレンドセッションより2倍以上の時間をいただいてお話しましたが、年末話せなかったネタも含めまして、なおかつ初めて参加した方にもわかりやすくなるよう再構成しました。
ちょっと時間がおしてしまった点はお詫び申し上げます。
さて、まずは自治体編の冒頭で触れました前回のWebデザイントレンド自治体編についてフォローアップページのご案内をしておきます。
前回は 2016年2月24日にワテラス コモンホール（お茶の水）で開催され、当時は自治体サイトだけでなく自治体特設サイトについても触れました。
フォローアップサイトにある写真が少しコスプレ気味になっている点はご容赦ください。当時のスライドを見ていただきますと、時代の変化を感じとることができると思います。例えば、坂戸市のWebサイト (https://www.city.sakado.lg.jp/) は当時自治体Webサイトとしては斬新だと紹介していますが昨年リニューアルされました。どう変わったのか、ご自身の目で是非確かめてみてください。
世界の大学編は、年末はじめて行ったリサーチでしたが概ね好評な評価をいただき誠にありがとうございます。懇親会の場では大学の現場にいらした方より、より詳しいお話を伺うことができました。Webデザイントレンドセッションは発生している現象を表面から深掘りしていくスタイルなため、なかなか中の状況までたどり着くことはありません。ただ、参加者の中には自分が担当していたサイトが取り上げられましたという人もたびたびいて、その方からより深い話を聞くことができたりします。もし可能なら懇親会まで含めてのご参加を検討いただけるとより満足できる内容になるかと思います。
続いて、世界の大学編でスライドに掲載していなかったVRについて紹介します。VRといってもいわゆるヘッドマウントディプレイをつけて何かするという形ではなく、あくまで擬似的に大学内を散策するようなコンテンツということでのVRとなります。
以下の大学のWebサイトのフッター付近には、パノラマ写真が回転しているエリアがあります。ここがYouVisitというサービスを使っている箇所で、クリックするとユーザー登録が必要となりますがキャンパスの紹介を見ることができます。
また、アクセシビリティツールについても補足情報を書きます。
セッション中に紹介したUSERWAYが使われているサイトは以下のようなサイトですが (こちらは左上にアクセシビリツールが配置されています)、
他にもツールがあるので紹介しておきます。以下のサイトではAudioEyeというツールが使われていて、右下にあるアクセシビリティアイコンをクリックすることで起動しますが、まるでデスクトップアプリケーションのようなツールパネルが起動します。
こちらも合わせてチェックしてみてください。
今回の配布資料ですが、インターネット上での再配布はご遠慮いただいておりますが、社内にて発信元を明記の上でしたら自由にご利用いただいても構いません。お仕事やプレゼンのネタとしてご利用くださいませ。また、社内セミナーなどを実施したいなどのご要望がありましたが、お気軽にお声がけください。
最後に、今後のWebデザイントレンドの開催予定について書いておきます。
次に開催される場所は青森で、2月15日になります。イベント詳細については以下のリンクを参照ください。
続いて次の開催地は大阪で、3月1日に開催されます。
もし、開催地近くに在住のご友人などがおられましたら教えていただけるとありがたいです。
ではでは、良いWebデザインライフを！
Kansock.Industries 原 一浩
https://kansock.industries/
Twitter : https://twitter.com/kara_d
Facebook : https://www.facebook.com/kazuhirohara
CSS Nite LP66 Webデザイントレンドセッションにご参加ありがとうございました。
矢野からはフォローアップとしてグローバルの若年層で高い支持を得ているサービス増量版、およびセッション内で口頭で触れた動画サービスの紹介と、ランキング選外だけど知ってほしいWebサイトをご紹介します。
上海生まれの「リアルで会わない出会い系」。ソウルメイトと引き合わせてくれるという壮大な用途をかかげています。
各ユーザにサーバを割り当て、そのサーバに友達を勧誘するという斬新な基本設計の音声チャットサービス。誰かが立てたサーバで遊ぶという前提はマインクラフトのおかげで最近の若年層にとってはなじみがあるようです。
若年層はDiscordでボイスチャットすることを「ディスコでボイチャする」などと言います。
リアルな友達同士の交流ツールです。『友達同士で一番よく送られているメッセージって「いまどこ？」なんだって。Zenlyを使えば、もうそんなメッセージ送る必要ないよ！
という紹介文の高校生に絶大な支持を得る位置共有アプリ。
https://aminoapps.com/
もとは韓国アイドルとアニメの話題で盛り上がるためのWebコミュニティでしたが、近年スマホUIに特化しました。上海生まれNY育ち。
https://yay.space/
高校生をメインターゲットとしたコミュニティサービスです。サービス自も興味深いですが、運営の拠点を自社ドメインではなくnote上に置いている点も面白いですね。
https://note.com/yay_official
SEOを自社でがんばるより有効なのかもしれません。
Bryan university
https://bryanuniversity.edu/
が導入している動画配信サービス。
自社のブランドに合わせて動画のUIデザインを調整できるツールや配信技術を提供しています。コンテンツ・マーケティングの考え方に関する読み物もあります。
https://www.brightcove.com/ja/solutions/marketers
HSBC
https://www.hsbc.com/
が導入している動画サービス。
こちらは部分的に日本語にローカライズされています。動画配信技術やマーケティングのためのデータ分析ダッシュボードなどを提供しています。
フリーランスのデベロッパーの自己紹介です。
かなり砕けた内容ですが、自分の立ち位置や価値観を素直に強く表明している点が印象的です。
https://www.tobaccodocklondon.com/
問い合わせへのリンク先を常にfooterにFIXさせているところなど、デザインセオリーにとらわれずにイベントの想定参加者の課題をよく見ているところが素晴らしいです。
昨年なら静止画像でもそれなりに製品説明サイトの体裁はつくろえましたが、デモを動画で見せなければ全く伝わらない時代になりました。svgでフレームを作り、中にvimeoにアップした動画をはめ込んでモーショングラフィックっぽく見せているところも良い演出。
以上、セオリーにとらわれずにどこまで工夫ができるのか。まさに「独自の工夫」こそ次のトレンドであると言えそうです。
]]>
2020年1月18日にAbemaTowers 10階セミナールームで開催したCSS Nite LP66 「デザイントレンド特別版」のフォローアップとして、松本 俊介（サイバーエージェント）さん、内田 達也さん（サイバーエージェント）の『VODにおける UIデザインとトレンド』セッションのスライドなどを公開します。
]]> 動画
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、原 一浩さん（カンソクインダストリーズ）、矢野 りんさん（バイドゥ）の『Webデザイントレンド』セッションのスライドなどを公開します。
このセッションは、CSS Niteベスト・セッション2019において、ベスト・セッション（次点）に選出されました。
]]> フォローアップ>CSS Nite Shift13のWebデザイントレンドセッションにご参加ありがとうございました。
今回も昨年と同様、原と矢野それぞれでトレンド要チェックランキングをベスト10まで用意し、それをベスト7にまとめたものを発表しました。昨年はランキング形式はじめてということもあり慣れない部分もあったかと思いますが、改善を進めてバランスのとれたセッションを目指しました。アンケートで寄せられた様々なご意見については、今後のセッションをよりよくしていくために利用したいと思います。
フォローアップとして、ベスト7位以外のランキングについて共有すると共に、アンケートで質問が多かったランキングの産出形式について回答します。年末年始の思索の種としてお使いください。また、スライドについてですが、引用元を明記いただければお仕事の際のプレゼンやリサーチ結果にお使いいただいて構いません（もしうまくいったらこっそり教えてください）。
※ 選外のものについては、軽くコメントを付記してあります。
つづいて、ランキングの作成方式について。
Webデザイントレンドセッションはサイトのキャプチャやクローリングを行っている原が全体的なサイトチェックをするところから始まります。僕は長年Webサイトのクローラーとキャプチャ、そしてチェックを行うツールを作り続けており、選者となる矢野さん（や、その他のゲストの皆さん）には、そのツールにログインしていろいろなチェックやランキングを実施していただいています。
カテゴリー分け形式からランキング形式に移行してからは以下のような流れでランキングを作っています。作り方はかなりアナログですが、ランキングというフレームワークを使うことで、あまり多くの採用事例はないけど紹介するべきみたいなケースを紹介することができるようになりました。
フォローアップは以上となります。
Webデザイントレンドは前年と比べることで今年の変化を感じるタイプのセッションです。もしご都合があえば、来年もまたShiftでお会いできますと幸いです。
CSS Nite Shift13のWebデザイントレンドセッションにご参加ありがとうございました。矢野からはフォローアップとしてグローバルの若年層で高い支持を得ているサービスと、選外ながらインパクトの強かったWebサイトをご紹介します。
上海生まれの「リアルで会わない出会い系」。ソウルメイトと引き合わせてくれるという壮大な用途をかかげています。日本では似たコンセプトで「ひま部」というサービスがありましたが、ミスマッチ（援助交際を希望する中年層）などを防止する手段が見出せず2019年12月31日にサービスを終了しました。
各ユーザにサーバを割り当て、そのサーバに友達を勧誘するという斬新な基本設計の音声チャットサービス。誰かが立てたサーバで遊ぶという前提はマインクラフトのおかげで最近の若年層にとってはなじみがあるようです。若年層はDiscordでボイスチャットすることを「ディスコでボイチャする」などと言います。
リアルな友達同士の交流ツールです。『友達同士で一番よく送られているメッセージって「いまどこ？」なんだって。Zenlyを使えば、もうそんなメッセージ送る必要ないよ！
#bestfriendsonly 』という紹介文の高校生に絶大な支持を得る位置共有アプリ。若い人はMapsを開いてジオコードを共有することすらめんどくさいのですね。コミュニティアプリとは異なりますが今年注目されたサービスです。
フリーランスのデベロッパーの自己紹介です。かなり砕けた内容ですが、自分の立ち位置や価値観を素直に強く表明している点が印象的です。
https://www.tobaccodocklondon.com/
問い合わせへのリンク先を常にfooterにFIXさせているところなど、デザインセオリーにとらわれずにイベントの想定参加者の課題をよく見ているところが素晴らしいです。
昨年なら静止画像でもそれなりに製品説明サイトの体裁はつくろえましたが、デモを動画で見せなければ全く伝わらない時代になりました。svgでフレームを作り、中にvimeoにアップした動画をはめ込んでモーショングラフィックっぽく見せているところも良い演出。
以上、セオリーにとらわれずにどこまで工夫ができるのか。まさに「独自の工夫」こそ次のトレンドであると言えそうです。
]]>
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、植木 真さん（インフォアクシア）、辻 勝利さん（コンセント）の『辻ちゃん・ウエちゃんのAccessiブル GO! GO!「アクセシビリティ ゆく年来る年 2019」の巻』セッションのスライドなどを公開します。
このセッションは、CSS Niteベスト・セッション2019において、ベスト・スピーカーに選出されました。
]]> フォローアップ先日は、Shift 13にご参加いただきありがとうございました。たくさんの方々に応援していただき、僕たち自身も楽しみながら今年1年のWebアクセシビリティを振り返ることができました。
2020年も、Webに関わる全ての皆さんとアクセシビリティを高めていきたいと思っております。「こんなコンテンツはスクリーン・リーダーでどんな風に読まれるの？」とか、「職場の仲間にも視覚障害者がどんな風にWebを利用しているのか見せたいんだけど。」など、Webアクセシビリティのことなら辻ちゃんウエちゃんに声を掛けてくださいね。
Let's Groove with Accessibility!
アンケートでは、セッション内容だけでなく、CM動画にもたくさんの賛辞をいただき、嬉しく思っています。今回初めて参加された方は呆気にとられてしまったかもしれませんが（苦笑）
ランキングで断トツのトップだった「画像の代替テキスト」。2019年にもなって、まだ代替テキストなの？と思った方も少なくないでしょう。でも、これが現実なのです。アメリカで提訴されているサイトのほとんどでも、やはり代替テキストの問題を指摘されています。そういう意味では、世界共通の課題だと言えるかもしれません。
今回のShiftでは、各セッションでアクセシビリティに通じるトピックが取り上げられていたのが印象的でした。動画のキャプション（字幕）は、もともとは聴覚障害がある人が動画を楽しむために不可欠なものでしたが、聴覚障害がない人にも利用されています。会場で提供していたUDトークによるリアルタイム字幕も、やはり聴覚障害がある人にも参加いただけるようにすることが目的ですが、ご自分のスマホで聞き逃した部分を遡って字幕を確認できるので、全ての皆さんにとって便利なツールでもあります。
さて、辻ちゃん・ウエちゃんのコンビでお届けする2時間のセミナーが、来年2月7日（金）に都内で開催されます。このフォローアップをご覧の皆さまには、30％OFFの特別割引をご用意しましたので、ぜひご参加ください！
はっきりとした統計があるわけではありませんが、僕のような全盲の視覚障碍者がPCやスマホを使用する際は、ほとんどの場合スクリーン・リーダーを使用します。ほかにも、画面の内容が読みづらいロービジョンの方の中にも、スクリーン・リーダーを活用している人や画面拡大ソフトと併用している人がいます。
Windows上で動作するスクリーン・リーダーの開発の歴史が長いこともあり、NVDAやPC-Talker、JAWSといったWindows用のスクリーン・リーダーを使用する方が多いと思います。
ただ、近年はスクリーン・リーダー利用者の中にもスマホだけを利用している方もいて、iPhone等のiOS上で動作するVoiceOverを使用している人の数が増えています。VoiceOverはインストール不要で利用できることから、アクセシビリティをチェックする方々にも人気があります。
詳しくは、視覚のアクセシビリティ - iPhone - Apple（日本）のページをご覧ください。
スクリーンリーダーの種類によっては読み上げることができますが、そもそもコンテンツはCSSではなくHTMLで提供すべきです。
参考までに、W3Cのドキュメント「F87: 達成基準 1.3.1 の失敗例 － CSS の :before 及び :after 疑似要素並びに 'content' プロパティを用いて、非装飾のコンテンツを挿入している | WCAG 2.0 達成方法集」を参照してください。
スクリーンリーダーの読み上げ辞書に登録されている絵文字であれば、『
]]>
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、関口 浩之さん（SBテクノロジー）、鷹野 雅弘（スイッチ）の『おさえておきたい文字まわりのトレンド 2019』セッションのスライドなどを公開します。
]]> フォローアップ「フォント」セッションは、文字を中心とした周辺情報を“魚の目”で振り返っています。
私（鷹野）、関口さん（フォントおじさん）、および、良太郎さんの3名でデータベースを作り、そこから、それぞれが、どう読み取るかの考察を作成、すり合わせています。
下記の2点、セッションのネタからは落としましたが、ぜひとも伝えたいことです。
コミュニケーションの主戦場がメールからメッセージに移り、より口語的なニュアンスでのやりとりが増えてきました。そこで気になるのが助詞の欠如。
「学校に行きました。」というところ、「学校行きました」のように「に」を略してしまうことです。理解した上で使っていれば問題ありませんが、メッセンジャー以外の文章でも、無意識的に助詞をつけずに書いている人が増えているように見受けられます。
「palt」を使って、すべてを詰めてしまっているサイトが多い印象です。しかし、句読点は“息継ぎ”であり、息継ぎのない文章は読み物には向きません。
「pwid」とうまく使い分けるのがよいでしょう。
ロゴの“耐久テスト”を実行できる
CC道場スペシャル番組：「フォントの日だよ 〜文字っ子！全員集合〜」
FONTPLUS DAY セミナー
ディスレクシア（識字障害）の子供への「UDデジタル教科書体」の効果
cf. 映画『舟を編む』
How Joker’s gritty logo was created with wood type letterpress - The Verge
iOS 13 Safariは、フォントが激太りする可能性があるので、HTMLコーダーは要注意。
— 池田 泰延 (@clockmaker) September 20, 2019
font-familyとfont-weightの組み合わせで意図した通りに表示されているか、ウェブ担当者はチェックを！
※激太りを確認したサイトをスクリーンショットで紹介#iOS13 #Safari pic.twitter.com/rytxkYtSAZ
上野 学さん（ソシオメディア）
iOS 7 でフラットデザインになった時は単に流行に乗っただけに見えた。でも実はあれはレイアウト、アイコン、フォント&カラーを、レスポンシブ化、ベクター化、セマンティック化する施策のひとつだったんだよね。あれがなければ今の Dark Mode も SF Symbols もない。
iOS 7 でフラットデザインになった時は単に流行に乗っただけに見えた。でも実はあれはレイアウト、アイコン、フォント&カラーを、レスポンシブ化、ベクター化、セマンティック化する施策のひとつだったんだよね。あれがなければ今の Dark Mode も SF Symbols もない。
— Manabu Ueno (@manabuueno) December 5, 2019
鷹野さんとフォントセッションを担当しました「フォントおじさん」こと、SBテクノロジーの関口浩之です。コンビ結成3年目となりました。お楽しみいただけたようでなによりです。ありがとうございました。
身近な存在だけど日頃あまり意識していない書体やフォント。3つのレイヤー（テキスト表現・フォント・タイポグラフィ組版）で意識して考えるといろいろ見えてきます。そして、書体やフォントは、ブランディング観点で、ますます重要になってくると感じた1年でした。コーポレートフォントは今まで、予算の関係で大企業しか検討できませんでしたが、最近、中堅企業や個人商店でも、欧文だけ、数字だけ、ロゴタイプだけというようなカスタマイズ書体の制作ニーズ（そのカスタマイズ書体に合う既存書体の漢字と組み合わせる）がどんどん出てきました。
時間の関係で、Webフォントのお話は、いくつかの導入事例にとどまりましたので詳しい情報をいくつか紹介します。またの機会にお会いしましょう。どこかで見かけたら、「フォントおじさんですよね！」とお声掛けいただけるとうれしいです。
日本語Webフォント10年間の歴史に迫る（PDF資料ダウンロード/139頁）
http://bit.ly/wcosaka2019-fontojisan
WordCamp Osaka 2019（動画/45分）
https://wordpress.tv/2019/12/21/hiroyuki-sekiguchi-adopted-wordpress-for-fontplus-at-third-renewal/
MdNからのインタビュー記事（2019年10月取材）
Webフォントって重くない？ クライアントに導入を認めてもらう秘策とは？ 巷で人気の“フォントおじさん”が教えてくれたWebフォントの最新事情
https://www.mdn.co.jp/di/special/4663/67977/
Web担当者Forumからのインタビュー記事（2019年4月取材）
Webフォントってなに？ 遅くないの？ SEOにはどうなの？ 「フォントおじさん」こと関口さんに聞いた。
https://webtan.impress.co.jp/e/2019/04/04/32138
!important #10 「ウェブと紙」（PDF資料ダウンロード/127頁）
本資料109〜120ページで「N仕様」の説明を掲載
http://bit.ly/important10-webfonts
Webフォントおよびフォント全般で、知りたいことや質問があれば相談に乗りますよ。FONTPLUS以外の質問でも、なんでもお答えします。
Facebook
https://www.facebook.com/hiroyuki.sekiguchi.8/
Twitter
@HiroGateJP
Mail
hsekiguc@tech.softbank.co.jp
FONTPLUS
Webフォント・サービス FONTPLUS
フリーランスのグラフィックデザイナー／アートディレクター。紙媒体を中心に中小企業の課題を相談からデザインによる解決までを受託で行う。
「日本人のローマ字表記 来年１月から「姓・名」の順 - 産経ニュース」
…政府は25日、公文書における日本人名のローマ字表記について、来年1月1日から原則「姓－名」の順とすることを決めた。関係する中央省庁で申し合わせた。姓を明確にしたい場合は、全て大文字にする方針も確認…
…一方、クレジットカードなど民間では名－姓の順が浸透しているところもあるため、「ただちに一般社会に影響を与えようとは考えていない。各業界はそれぞれの判断でやってもらえればいい」としている…
「フォントのインストール許可」は「iPadOS」だけでなく、「iOS」の両方で可能
…最新のiPadOSおよびiOS13ではフォントをアプリとしてAppStoreからインストールして管理できる仕組みが用意されています。「Font Diner」はこの新機能を活用したおそらく初めてのフォントインストール対応アプリとなります。』
…iOS 13とiPadOS 13以降では、サードパーティ製のカスタムフォントを使用でき、[設定]（[一般]>[フォント] ）でのフォント管理が可能となりました。Creative Cloudアプリの更新はこれに対応したもので、フォントの変更はシステム全体に反映されます。…
Facebook : https://www.facebook.com/ryotarox
※セッションで使わなかった題材を公開していく予定です。
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップを公開します。
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、後藤 賢司さん（よつばデザイン）たにぐち まことさん（ともすた）の『字幕がつなぐ、ウェブと動画のこれからの関係』セッションのスライドなどを公開します。
]]> フォローアップ動画セッションを担当したたにぐちです。
CSS Nite Shiftは、クリエイティブはもちろんのこと、マーケティングやアクセシビリティなども学べるイベントです。
そこで、動画セッションでは動画マーケティング、動画アクセシビリティにも通じる話として、「字幕（CC）」を取り上げました。
動画コンテンツはこれから、情報伝達やマーケティングに欠かせないツールになっていきます。その時、どうしても撮影やカメラ機材に凝ることに視点が行きがちですが、その時に是非少し字幕を作ることで、多くの人たちに映像を届けるという所にも、目を向けてみていただければ幸いです。
頂いたご質問への回答です。
Q. 動画の編集には、どんなソフトを使っていますか？
私の場合、ほとんどの動画が「教材動画」なため、Camtasia Studioという統合編集ソフトを使っています。
https://www.techsmith.co.jp/camtasia.html
撮影から編集、カメラとの合成や、ナレーションの収録などが1本のソフトで行えます。字幕の作成ももちろん可能です。
その他、編集ソフトとしては次のようなものがあります。
Adobe Premiere Pro
https://www.adobe.com/jp/products/premiere.html
DaVinci Resolve
https://www.blackmagicdesign.com/jp/products/davinciresolve
Final Cut Pro
https://www.apple.com/jp/final-cut-pro/
Adobe Premiere Rush
https://www.adobe.com/jp/products/premiere-rush.html
Luma Fusion
https://apps.apple.com/jp/app/lumafusion/id1062022008
動画セッションに登壇したよつばデザインの後藤です。
ご参加いただきありがとうございました。
ウェブサイトでの動画の活用は今後大きな需要があると考えます。
時間の関係で説明できなかった所もあったので内容を追加して記事にしました。
事例も追加していますのでご興味ある方は見ていただければと思います。
https://note.com/kenjigoto/n/ncb7c5ac2623e
新しい通信規格5Gがスタートすれば完全に使い放題となるので動画を閲覧する環境が大きく変わります。
求められる表現も変わる可能性があります。
リッチな表現を提供するというよりは、テキストや画像では伝えづらい部分をよりわかりやすく提供するために動画を活用すると考えていただければと思います。
人と人とをつなぐためのきっかけを作るために動画を使うという視点も大事だと考えます。
ユーザーが求める動画に対する感覚も重要になります。
あまり興味がない上司の子供の運動界のビデオを見せられるのが苦痛なように、発信側の目線でなく受信側のユーザーに見てもらえる動画
を目指す必要があります。
これから動画を始めようと思ってる方はまずは1ユーザーとして楽しむ事をオススメします。
動画を作る手法も大事ですが、動画をどんな切り口でどう作っていくかについても興味をもっていただければと思います（需要があるのは後者です）。
動画クリエイターになる必要はありません。クライアントに対してどんな価値を提供できるかの目線で動画を活用していただければと思います。
下記グループを運営していますのでご興味ある方はご参加ください。
ビジネスで動画活用するための情報交換所
https://www.facebook.com/groups/297169024407783/
A.私自身はPremiere Pro を使っています。
WordPressサイトの操作説明動画にはScreen Flow（Mac用）というアプリを使っています。画面録画から編集までひとつで出来るのでオススメです。
操作説明動画は寂しくなりがちだったりノイズ音が気になったりするのでうっすらBGMを入れるようにしています。
A.基本はYouTubeにアップしたものを読み込んでいます。動画サイズはFHDで書き出しているので数十MB〜100MBちょいぐらいが多いです。
YouTubeは回線状況に合わせて動画のサイズを自動で調整してくれるので読み込み速度についても気になる事は無いです。
YouTubeなどを介さずレンタルサーバーに直接動画をあげていると転送量の制限がかかったりサーバーが不安定になるのでご注意ください。
あんこ情報もいただきありがとうございます。
]]>
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、権 成俊さん（ゴンウェブコンサルティング）の『ウェブサイトをビジネスから考えるための競合分析』セッションのスライドなどを公開します。
]]> フォローアップDXには、デジタル、デザイン、ビジネスの3つの理解が必要だと言われています。ウェブ業界人の多くは、デジタルとデザインには強いので、あとはビジネスを学ぶだけ。
今回の大西製粉さんの事例でお伝えしたかったのは、もし分析をしていなかったらどうなっていたか、ということです。従来のサイトコンセプトの延長で、改善を繰り返したところで、限界は見えています。調査分析によって、まったく新しいアイデアが生まれ、全く新しいsobayu.jpの企画につながりました。
ウェブサイト制作に携わる皆さんのお仕事の中でも、実は同じような状況があると思います。もはや言われたとおりにウェブサイトを作るだけでは成果は出ません。成果の出ない仕事を続けることは、不信感につながりますし、ウェブ業界全体への不信感を生んでいます。ウェブサイトを作るなら、ウェブ中心消費行動を理解し、新しい環境の中で新しい戦略を立てることから始めましょう。私のセッションで少しでも感じることがあった方は、チャレンジしてみてください。
やるなら今です。いずれにしましても、ご興味のある方はWebCA通信にご登録ください。
https://www.facebook.com/groups/399499957563391/
A.まずはAB3C道場へ
まずは戦略を立案したら、こんなに変わるのか、という感覚を身につけるのが良いと思います。今回ご紹介した大西製粉さんの事例もそうですが、そば粉のサイトがsobayu.jpになりました。もし、戦略を立てよう、と思わずに、そのままリニューアルしていたら、まったく成果は出なかったでしょう。sobayu.jpもまだやってみないとわからないですが、少なくとも、「これならいけるかも」というイメージを抱いてサイト制作をします。これが大切です。
AB3C道場 開催スケジュール
https://www.webconsultant.or.jp/event/
直近ですと、ウェブ解析士協会さんとの共催のこちらが一番初心者向けです。
https://web-mining.doorkeeper.jp/events/101469
A.必要な人だけ取得してください。
WebCAで提供しているのは、教育とマッチングです。コンサルタントは最終的には個人の信頼が無いと仕事を受けることは難しいので、資格は重要ではないと考えています。しかし、ウェブサイトへの関心がまだ低い地方や、実績が少ない方にとっては、資格は興味を持ってもらうチャンスです。また、資格はWebCAの基準をクリアしているという証明ですので、WebCAからも仕事を紹介させていただく場合があります。
A.ウェブアドバイザーから、最低半年です。
いくつか資格がありますが、ウェブコンサルタントとしての資格のなかでもっとも初球のものはウェブアドバイザーです。ウェブアドバイザーは地域のお店など、競争の少ない環境での戦略立案をメインに担当する方をイメージしています。いつくかの講座の受講と、レポートの提出、ディスカッションに参加していただきます。講座への参加日数は合計で12日となっていますが、ご自身でのレポート作成期間は含まれておりません。また、各講座は半年に1回ずつ開催されておりますので、一周受講するには半年程度はかかります。
A.ゼネラリストか、スペシャリストか、というのが一番大きな違いだと思います。
ウェブ解析し協会さんとは交流がありますし、江尻さんからもたくさんの会員さんをご紹介いただいています。そのかかわりの中で、私が理解している限りでの意見ですが、ウェブ解析士協会は、その名の通り、ウェブサイトの解析を普及させるために作られた組織だと思います。特にGoogle analyticsの普及期に、解析の基本を多くの方に広めるために作られました。しかし、最近はベテラン会員さんを中心に、戦略や、ビジネスよりの講座などもやっておられるようです。
それに対してウェブコンサルタント協会は、分かりやすく言えば、ウェブに詳しい経営コンサルタントを育成すること、またクライアントとのマッチングを目的として組織された団体です。そのため、学ぶ範囲が非常に広く、ビジネス、ウェブ、デザインという広い範囲を扱っています。範囲が広いからこそ、基礎的なことはあまりやっておらず、実践的な体験の機会を提供するようにしています。
講義の内容も、実際の事例をもとにしたグループワークやディスカッションが中心です。経験を積むと、協会で受けた仕事のチームに参画し、OJTとして学ぶ機会もあります。資格試験もプレゼン形式で、いわゆるペーパーテストはありません。
A.カスタマージャーニーに沿って、どのような競合が見えてくるかを考えます。
商品によって、最初の認知が店舗だったり、ネットだったり、また比較はどんな媒体でどこまで比較するか、というのが違います。消費者の行動シナリオを読み解きながら、それぞれの段階で見えてくる比較対象を競合と考えます。実際にやってみると、競争の激しい業界だとたくさんの競合を比較して、価値目を探る必要があります。逆に、競争がそれほど激しくない業界、例えば、地域を限定したローカルショップ、つまりラーメン屋などの場合は、競合となるお店が限られますから、調査も簡単で済みますし、AB3Cを成立させることも難しくありません。
A.誰に、何を、を定義しています。
大西製粉さんの事例でもご紹介したように、分析によって、ターゲットも、メッセージも変わりますから、ウェブサイトのデザインもコンテンツも変わります。ペルソナを意識する方は多いですが、その前提にあるユーザーモデル、つまりターゲットユーザーの必要条件の方を十分に検討しましょう。
A.成果＞費用＞分析コスト
基本的には工数積み上げで計算します。たくさんやるほど戦略の信頼性は上がりますが、工数はかかります。その費用を回収するためには、達成しなければならない成果も大きくなくてはならないということです。そのため、「ここまでやればだいたい勝ち目はみえる！」というバランスを見極めなければなりません。その判断自体が経験に依存しますので、難しいのですが、見積もりの視点としては、高すぎず、安すぎず、というバランスを考える、ということです。
たとえば、今回の大西製粉さんの場合、期間としては2か月くらい、賞味2週間くらいでしょうか。費用は100万円でした。これを回収するためには、粗利率50％と考えると、200万円の売り上げが必要です。2000円/㎏のそば粉を1000個です。一年でペイさせるなら、毎月80個、居酒屋が毎月10個買ってくれるなら、8店舗顧客を開拓出来たらペイする計算です。
分析費用だけでお話しするとこの通りですが、実際はサイト制作もやって、500万円くらいかかるとするなら、その5倍です。今回の提案は、その数十倍の市場性はあると判断して、ご提案しています。
ちなみに、上場企業など、もともとの事業規模が大きい場合、どのくらいの収益インパクトを求めているかで、見込みがあっても市場が小さすぎて意味がないことが良くあります。このあたりは、大企業のイノベーションが難しい理由でもあります。
A.もちろん、活用はできますが、実行が難しいです。
私たちも15年くらい前は広告代理店や証券会社などの紹介で、大企業の支援をしていました。しかし、根本的な解決のために、戦略を提案しても、大企業はなかなか動きません。経営者自身がやりたくても、他の役員や、株主の承認が必要だからです。これを解決するために、最近はデザイン経営という考え方を取り入れよう、という流れがありますが、相当なリーダーシップのある経営者でなければ難しそうです。
そのため、当社のクライアントは、未上場企業で、社長ご本人が直接相談に来ること、決算書3期分を最初に用意してくれることが条件になっています。
A.お客様が求めているものを知る方法は、ユーザーインタビューやアンケート調査など、いくつかあります。
レビュー分析の良いところは、ユーザーの求めている価値を、簡単に手に入れられることです。レビューがたくさん手に入るなら、ぜひやってほしい分析方法ですが、他の古典的な方法もより深い理解が出来ますし、良い方法だと思います。ただ、コストの桁が変わってきますので、出来ればレビューを入手したいですね。
自社のレビューの限れば、レビューを書いてもらえるシステムもありますし、問い合わせ窓口への常日頃の問い合わせから、感想や要望を吸い上げていく方法などもあります。
以上です。ありがとうございました。
]]>
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、浅野 桜さん（タガス）、黒野 明子さん（ crema design）の『2019年Adobe最新情報＋αをしっかりおさえる30分！』セッションのスライドなどを公開します。
]]> フォローアップくれまこと、黒野明子です。「くれまとさくら」コンビによる「アドビ」セッション、30分という短い時間のなか、幅広め＆深さ浅めに各アプリをご紹介しました。
なにか興味を持たれたアプリがありましたら、ぜひAdobe MAX Japanのビデオアーカイブで情報を深堀りしてみてください。
浅野桜（さくら）と黒野明子（くれま）のセッションも、下記リンクの21番と22番でご覧いただけます。皆さまのデザインライフが、 2020年も豊かになりますよう。ONE TEAMで楽しく制作していきましょう！
さくらこと、浅野桜です。今年もアドビを中心にアプリのニュースをお届けしてまいりました。クラウド化やAIなどの最新機能の登場により、アプリの種類を問わずひとりの「職人」が突き詰めて制作するというスタイルは過去のものになるつつあるのかもしれません。
一方、こういった最新機能は「どう使うか」が大事。そのためにはまずは「知る」ところからですよね。XDをはじめとしたアプリのアップデート合戦はますます加熱することが予想されますが、すべてを常に追い続けるのは大変です。年末のShiftで皆さんの知識もアップデートできれば幸いです！
Photoshop 2020が重くなったような気がします。→ Photoshop 2020からはシステム構成要件が変更されました。
また、こちらのヘルプも参照してみてください。
→ 共同編集はβ版ということですので、今後のアップデートに期待しましょう！ 今回私たちはXD以外で（たとえばチャットなどで）担当箇所を割り振りながらアートボード外に作業メモや分担がわかるものを残しておき、お互いに作業がバッティングしないようなフローで作業をしました。
→ 確かにクラウドドキュメントにはフォルダ的な機能が無いので、整理できないですよね。黒野は、2019年12月の時点では、ローカルでドキュメントを整理し、共同編集とアセットの取り込みが必要な際だけ、複製をクラウド上に上げるようにしています。これも今後のアップデートに期待ですね。
→ 黒野はまだこのバグに遭遇したことがないのですが、下記の方法でリカバリーできるかもしれません。確約できないので、ドキュメントをローカルにバックアップするなどして、試してみてください。
一度読み込み元のドキュメントをクラウド上から削除し、下記の記事で紹介されているようにアセットを再リンクしてみるといかがでしょうか？
もしどうしてもバグが治らないということが明らかであれば、下記のユーザーフォーラムで質問してみるのも良いと思います。基本のやり取りは英語ですが、日本語で投稿しても、分かる方がお返事してくださる場合があります（英語の方が確実ですが）。 Adobe XD Feedback : Feature Requests & Bugs
→ 今回は時間と構成の関係上触れなかったのですが、「Quick Mockup」には期待が高まりますよね！ 現在はまだベータ版ですので、すぐに実戦投入するよりは、サイドプロジェクトなどでテストしてみてはいかがでしょうか？
お使いになった上でのフィードバックをアドビに寄せられると、さらに本番リリースの精度が高まっていきますね。XDのように開発サイクルが速く、開発陣がユーザーの意見をオープンに聴く姿勢を示している製品は、「みんなで育てる」意識で付き合っていくと、より良い結果につながると考えています。
→ この件に関しては完全な答えはないのですが、Adobe Community Evangerist同士で情報交換したところ、下記のような意見が上がりました。
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、益子 貴寛さん（まぼろし）、吉村正裕さん（サイバーアシスト）の『トレンドを総ざらい ウェブマーケティング』セッションのスライドなどを公開します。
]]> フォローアップマーケティングセッションを担当した益子貴寛です。
アンケートでは「知らない話題が多くて勉強になった」という声が多く、吉村さんと一緒に、熱心に準備した甲斐がありました。
クリエイティブワークに関わる人間が、政治・経済ネタを真正面から語ることに少し気恥ずかしさはありつつですが、私たち一人ひとりはもちろん、若者や子どもたちの未来に関係することですので、何となくでもウォッチしておきましょう。
質問への回答以下、アンケートでいただいたご質問に回答します。
益子の回答：時事ニュースであれば、平日8:00から10:00まで配信している「虎ノ門ニュース」がおすすめです（アーカイブも見られます）。私は毎日、仕事をしながらアーカイブを見る（聞く）ことを日課にしています。
吉村の回答：私も「虎ノ門ニュース」は週２回程度チェックしています。
経済ニュースのチェックには「日本経済新聞」「チャンネルくらら」、事業主さんにおススメは「税理士YouTuberチャンネル!! / ヒロ税理士」、起業家さんにおススメは「令和の虎CHANNEL」などです。
益子の回答：LINEは日本だけでなくアジア各国（タイ、台湾、インドネシア）でも普及していますので、ヤフーのアジア圏への勢力拡大がもっとも大きいと思います。
ほか、LINEのスーパーアプリ化（ますます生活必需アプリになる）、ヤフーのTポイントからの離脱、PayPayとLINE Payの統合による決済シェアの拡大、ソフトバンクユーザーへのサービス強化、高齢者向けサービス強化（LINEは高齢世代にも普及しているので）などが考えられます。
なお、ヤフーの親会社であるソフトバンクは、WeWorkなどへの投資に失敗し、株主から大きな批判を受けています。LINEとの経営統合を急いだのは、鷹野さんの言葉を借りれば「ダメージコントロール」が大きな理由といえそうです。
吉村の回答：「電脳せどり」についてですが、中国の新EC法では「EC事業者は企業登記を行わなければならない」としており、実態の事業所がない者への排除を目的としていますが、「少額取引の活動」については事業者としての登録を免除する条項もあるようです。
ただ「少額」がいくらまでなのかが定義されていないようなので、今後この部分が個人の少額事業者にまで拡大解釈される可能性もあります。
また、今年のWTOフォーラムで、中国を含む76カ国・地域が電子商取引の国際ルールについて今後交渉を始めるという合意がなされました。
特に越境ECに関する国際ルールはこれまで殆ど存在しなかったため、今後「消費者のオンライン環境への信頼改善」ということを強化し、ECプラットフォームに対する規制のメカニズムを構築し、監視体制を強化していくと思います。
]]>
2019年12月21日に浅草橋ヒューリックホールで開催したCSS Nite Shift13「ウェブデザイン行く時代来る時代」のフォローアップとして、中川 直樹さん（アンティー・ファクトリー）、志水 哲也さん（タービン・インタラクティブ）の『基調講演：2020年、ウェブ業界で活躍し続けるために』セッションのスライドなどを公開します。
]]> フォローアップ基調講演を担当したタービン・インタラクティブの志水哲也です。
カジュアルな演出で楽しくお届けしましたが、ベースになっているのは環境変化やそのスピードに対する大きな危機感です。
40人規模のウェブ制作会社が生き残り、成長するためには、自社を変化させ、現在の自分たちをも陳腐化する必要があります。
私たちも戦略的に、自社を「ウェブ制作」から先へ進化させてきました。
2020年をご活躍いただくために掲げた3つの方向性は、その経験からのアイディアを元に、中川さんのご意見を加えて調整したもの。
新人かベテランかを問わず、また、個人が法人化を問わず有効な考え方です。
2020年に向けたチェックとガイドにご利用いただければ幸いです。
ご参加ありがとうございました。
同じく基調講演を担当したアンティー・ファクトリーの中川直樹です。
2020年代を迎えるにあたり、この先、必要とされる人材や能力、マインドの持ち方などについて何か伝えれば、というのが、今年の基調講演のメインテーマでした。
セッションを通して、言われてみれば、当たり前じゃん！と、いうことばかりだったかも知れませんが、業界に長年いて、年齢を重ね、結局、楽しく働き抜くために重要なことって「好きこそ物の上手なれ」である気がします。
そして、一生懸命、取り組んでいれば、結果、周りが認めてくれ、好意も寄せてくれ、様々な仕事を通してネットワークも広がっていくものです。
2020年代も、業界で楽しく仕事が続けられるよう頑張りましょう！！
ありがとうございました。
株式会社タービン・インタラクティブ
https://www.turbine.co.jp
志水哲也
株式会社アンティー・ファクトリー
http://www.un-t.com
中川直樹
開催の8日前までであれば、懇親会費を含めて全額返金が可能ですので、早めのお申し込みが「吉」です。
]]>