田口 真行（デスクトップワークス）

イベント情報

• CPI x CSS Nite x 優クリエイト「After Dark」（25）「クライアントの満足を引き出す、コミュニケーション術」（2015年8月20日開催）

セッション情報（スライド、音声など）

AfterDark25-taguchi from CSS Nite on Vimeo.

受賞者からのコメント

この度は大変栄誉あるベストスピーカー選出、ならびに受賞コメントという素晴らしい機会をいただきまして誠にありがとうござい....いやいやいや、そんな落ち着いたテンションではいられません！ベストスピーカー受賞！めちゃめちゃ嬉しいです！
ありがとうございます！

私にとってCSS Niteは憧れのステージでした。
いつか挑戦してみたい孤高の頂でした。

かつて「田口くんのセミナーは小さな内輪ウケは狙えても、大舞台のファンは掴めないよ」と、某広告代理店の偉い人に言われて以来、「じゃあ逆に、俺はとことんこのスタイルを磨いて勝負してやる！」と誓い、今日までプレゼンに挑んできました。

私はセミナーにおいて、いかにして参加者が楽しみながら“のめり込める空間”を作れるかばかりを考えて登壇をしています。

のめり込むからこそ身に染みる学びになる、
そこを何より大切にしてきました。

今回、たくさんの方に高い評価と支持をいただき、栄誉あるCSS Niteのベストスピーカーに選出されたことで、その追求に間違いはなかったんだなと、あらためて実感をしています。

次の機会に向けて、もっともっと腕を磨いていきます！

全国各地の皆さんからのお誘いもお待ちしています。

田口真行のWebディレクション講座 特設サイト
https://webdirection.jp/study/
延べ7万人以上が受講したWebディレクション講座。
テキスト版やダイジェストムービーを無料で楽しめます。

田口真行のFacebook
https://facebook.com/TaguchiMasayuki
気軽にフォローをよろしくです。

Webディレクタースクール
https://webdirection.jp
セミナー登壇や企業研修のご相談はお気軽に。

松尾 茂起（WEBライダー）

イベント情報

• In-house SEO Meetup [Kansai Edition 2015] powered by CSS Nite（2015年8月1日開催）
• CSS Nite in KOBE, Vol.10

セッション情報（スライド、音声など）

受賞者からのコメント

「分かりにくいことを分かりやすく説明する“情報の翻訳家”が求められています」

これは私のセッションでお伝えしたフレーズです。

私の2015年のセッションでは「ライティング」に関するノウハウを、SEOに絡めて話しました。

この2、3年でSEOの世界は大きく動いています。
Googleがユーザーの検索行動における文脈をより詳細に認識できるようになったことで、ユーザーが本当に知りたい情報が、検索上位に表示されるようになりました。
その一方で、ユーザーが求めていないコンテンツは上位表示しにくくなり、今、ユーザーの検索意図（intent）を意識したコンテンツ制作の重要性が説かれています。

検索意図（intent）を探るというのは、まさに商品開発と同じです。
ユーザ－が求めているモノ（情報）が何か？を推測し、ユーザーが満足する価値を届けられれば、そのコンテンツは支持されます。

ただ、ここで注意すべきことがあります。
それは“どんなコンテンツも、その価値が正しく伝わらないと意味がない”ということです。

今後、ユーザーの検索意図を意識したコンテンツは爆発的に増えるでしょう。
その状況において、あなたのコンテンツが勝ち残るためには、ライバルよりも「伝わる力」を意識したコンテンツを作る必要があります。

たとえば、

・相手の記憶に残るコンテンツはどう作ればいいのか？
・相手が読みやすい・分かりやすいと感じる文章はどう書けばいいのか？

そういったことを踏まえてコンテンツを作る必要があるのです。

SEOはもちろん、Webマーケティングを成功させる上でライティングは欠かせない時代です。
ただ、ライティングの本質に向き合いながら、日々コンテンツ制作をおこなっている企業はまだまだ少ない気がしています。

そのため、弊社では2016年1月から「分かりやすさ研究所」という部署を立ち上げました。
その研究所では、日々、いろいろなサイトのコンテンツを研究し、「なぜ、この文章は読みやすいのか？」「なぜ、この文章は分かりづらいのか？」といった分析をおこない、「伝わる文章」とは何か？の研究をおこなっています。
そして、その研究を活かしたツールの開発にも着手しています。

私には文章に関するセンスはありません。
美しい言葉を瞬時に紡ぐことはできませんし、ひとつの記事を書くのにも、人より時間がかかってしまいます。
でも、だからこそ、多くの人にとって再現性のあるライティングノウハウを見つけ、体系化しやすいのではと考えています。

そして、その体系化された知識が、やがて世の中の分かりにくいことを分かりやすく翻訳し、多くの人を救うことになるのではと本気で考えています。

それはたとえるなら、“日本語を日本語に翻訳する仕事”といっても過言ではありません。

この度はベストスピーカーに選出いただき、本当にありがとうございました。
また皆さんとどこかでお会いできることを楽しみにしています。

PS：もし、弊社の事業に興味がある方は、以下の求人フォームからお気軽にご応募ください。

●ウェブライダー求人ページ
https://www.web-rider.jp/recruit/

以下は当方が関わっているコンテンツです。

●俺の薬局
https://rikunabi-yakuzaishi.jp/article/ore/
ビジネスの現場で使えるノウハウを薬剤師さん向けに伝えるストーリー型コンテンツ

●ナースが教える仕事術
https://nurse-riko.net/
分かりにくい健康・医療の話を分かりやすく解説するコンテンツ

●沈黙のWebマーケティング
https://www.cpi.ad.jp/bourne/
Webマーケティングに関する知識をハードボイルドに学べるストーリー型コンテンツ

今後の出演情報

• CSS Nite LP45「ライティング・スキル強化デー」（2016年4月23日開催）
  

戦略をWebサイトに落とし込むウェブサイト5階層概念モデル

ECサイトでは、アクセス増やブランディングはゴールではありません。
明確な売り上げが求められます。

しかしながら、Webサイトを作る立場から言えば、売れない商品は誰が売っても売れない、というジレンマもあります。
だからこそ、「誰に何が売れるのか」という仮説を共有し、サイト運営者と制作会社一丸となって成果を目指す必要があります。そのイメージが「戦略」です。

Web制作者には戦略なんて関係ない、と考えないでください。
「戦略なくしてWebサイトなし」。サイトの構造もデザインも、戦略によって大きく変わるのです。

本セッションでは、「Webサイト5階層概念モデル」という考え方に沿って、戦略を踏まえたサイトのコンテンツ、構造、デザインの制作方法をご紹介します。

ユーザーシナリオで考える構造、骨格、表層

はじめに戦略があり、そこから、ユーザーと伝えるべきメッセージが生み出されます。そして、そのメッセージはコンテンツとして表現されます。次に、そのコンテンツを的確に届けるための器であるWebサイトが必要です。

コンテンツが必ず先で、サイトは後です。
どんな料理を作るか決める前に器を選ぶことはできないのです。

戦略によって、Webサイトの構造、ワイヤーフレーム、表層デザインがどのように変化するかをご紹介します。

戦略のフレームワーク 3C

たとえ自らが戦略を立てる立場ではないとしても、戦略を理解し、共有する必要があります。そこで役立つのが「3Cフレームワーク」です。

お客様と自社の関係だけでなく、お客様と競合の関係も合わせて考えることで過酷な競争環境の中で生き残るための戦略を導きだすことができます。
事例を通して3Cの考え方をご紹介します。

戦略からコンテンツを導く

SEOを目的としたコンテンツマーケティングが話題になっています。しかしながら、集客のためのコンテンツと、購入のためのコンテンツは一致しません。
ECサイトに必要なのは購入につながるコンテンツです。

ECサイトのコンテンツは、次の3つに分類できます。

・戦略コンテンツ
・ガイドコンテンツ
・商品詳細、基礎知識

それぞれの役割と、事例を交えながら、アイデアベースではない、戦略的なコンテンツ企画についてご紹介します。

イベント情報

• CSS Nite LP42「戦略志向のECサイト」
• CSS Nite in SENDAI, Vol.7
  

セッション情報（スライド、音声など）

• CSS Nite LP42「戦略志向のECサイト」フォローアップ（1）権 成俊さん（ゴンウェブコンサルティング） | CSS Nite公式サイト
• CSS Nite LP42「戦略志向のECサイト」フォローアップ（2）村上 佐央里さん | CSS Nite公式サイト
• CSS Nite LP42「戦略志向のECサイト」フォローアップ（3）小清水 貴子さん（ゴンウェブコンサルティング） | CSS Nite公式サイト

受賞者からのコメント

【小清水さんから】

「戦略からコンテンツを導く」を担当しました。小清水貴子です。CSS Niteベスト10セッションに選んで頂きありがとうございます。CSS Niteは初登壇でしたが、皆さんにとって参考になる内容をお届けできたようでとても嬉しく思います。

コンテンツは量作るのではなく、「何を」「どのように」伝えるかが大切というお話をしました。この「何を」と「どのように」は成果の両輪です。どちらがかけてもうまくいきません。

今まで「何を」はクライアント任せの場合が多かったのですが、これからは「何を」伝えるのかをクライアントと一緒に考えることがコンテンツ制作者にとってより重要になってきます。

この「何を」を考えるベースになるのが3Cです。動画を見る時も是非、村上の3Cのセッションとのつながりを意識しながら見てください。

今回は戦略的コンテンツのお話をメインでしましたが、その他のコンテンツのお話も今後できたらと思います。

弊社ではライティングが得意な方、写真が得意な方、イラストが得意な方などなどコンテンツ制作ができる方とのつながりを常に求めています。一緒に仕事をしてみたいという方は小清水（tkoshimizu@gonweb.co.jp）まで是非ご連絡ください！

ウェブ上に良いコンテンツが増えるように一緒に頑張りましょう。

この度は良い機会を頂きありがとうございました。また皆様にお会いできる日を楽しみにしております。

【権さん】

世の中のウェブサイトの9割は失敗作。
なぜなら、戦略が無いからです。

ウェブサイトに限らず、UX/UIの出発点は戦略です。しかし、UXを語りながら、その根拠として戦略から出発していない方がとても多い。戦略はお客様を絞り込むことであり、デザインの出発点はお客様は誰か、です。ゴールが無ければ地図は無い。そんな当たり前のことを無視して、デザインを語るなんてこっけいです。「戦略無くしてウェブサイト無し」なのです。

ウェブ制作、ウェブマーケティングのプロになるために、真正面から戦略に取り組むことを避けてはいけません。「しかし、自分にそこまでできるのか。」そう思う方は多いでしょう。

しかし、オムニチャネルマーケティングの時代の幕開けである今がチャンスです。10年前のSEMブーム、15年前のウェブ制作ブームのように、新しい時代が始まろうとしているのです。いまこそ、お客様のビジネス全体を自分自身の領域ととらえ、取り組んでください。

そんな方のために、私たちが運営するismの来期の参加者の募集を始めました。Webという枠組みにこだわらず、コンサルタントを目指す方はぜひご参加ください。

https://www.internet-strategy-marketing.org/

【村上さん】

ベスト10セッションに選んでいただきありがとうございます。「戦略のフレームワーク 3C」についてお話いたしました。

年々、戦略、戦略、と戦略の大切さが重視されるようになりましたが、その実態はさまざまで一体戦略って何だろうと戸惑われる方もいるのではないかと感じます。

戦略とは、大量のレポートに書き並べるものではなく、一言で言い表せる、とてもシンプルなものだと捉えています。

それは共有をしやすくするためです。上流から下流まで、関わる人すべてがその戦略を共有することで、ようやくその戦略を実現することができるからです。

しかしながら、そのシンプルな一言を導きだし決断するまでが、濃い時間であり労力のかかるところなのですよね。今回はそれを3Cで考えるお話をしました。私自身とても学びの多い貴重な機会となりました。

皆さまがどんな意見や考え方を持っていらっしゃるのかも聞きながら、色々深堀りして学んでいきたいです。見かけたらお気軽にお声がけください。この度はありがとうございました。

『デザインの生死を左右するクリエイティブディレクション』
〜PCからスマホファーストデザインのリアルダメだしから見える成果〜

どんなに設計がよくてもそれを引き立てくれるデザインがないとクライアントはもちろんユーザーの満足や結果につながらない時代です。

ただ、カッコイ、可愛い、オシャレなデザインではなく成果の達成のためにデザインをよくするノウハウや、今後のデザインに役に立つ情報やデータを「リアルダメ出し」を通してご紹介します。

イベント情報

• CSS Nite in SAPPORO, Vol.16「ビジネスのためのWebデザイン」
• CPI x CSS Nite x 優クリエイト「After Dark」（28）「デザインの生死を左右するクリエイティブディレクション」（2015年11月19日開催）

セッション情報（スライド、音声など）

• CPI x CSS Nite x 優クリエイト「After Dark」（28） 「デザインの生死を左右するクリエイティブディレクション」 が終了しました | CSS Nite公式サイト

Webのキャッチはこうつけよ
〜広告から見る名文の秘訣〜

キャッチコピーと文章はWebにおいて最も大事な要素です。
文章にはセンスが必要だと言われることもありますが、その大半はテクニックでカバーできます。
いくつかの広告を事例に使いながら、そのテクニックをお伝えします。

イベント情報

• CSS Nite in KOBE, Vol.16

セッション情報（スライド、音声など）

• 準備中

受賞者からのコメント

CSS Niteベスト10セッション2015に選出頂き、ありがとうございます！選出されたCSS Nite KOBEのセッションでは、文章にフォーカスしました。その理由として、Web制作において文章は強力な武器だからです。言いまわし一つで、人の心を大きく動かします。反対に、手を抜けば全てを台無しにすると言っても過言ではありません。4月23日のCSS Nite LP45で再演致しますので、ご興味ある方は是非お越しください。

スマホEC売上アップのちょっとしたコツ50連発!

スマホECサイトで離脱が起こるのは「トップページ」、「商品一覧」、「商品詳細」「入力フォーム」の4箇所。この4点に絞って、日々悩んでいるEC担当の方に、いますぐ試していただける“ちょっとしたコツ”をご紹介します。

「スマホ制作の10大原則」と合わせて、スマホECサイトの売上を上げる具体的なヒントを事例をまじえてお話しします。

イベント情報

• CSS Nite LP42「戦略志向のECサイト」

セッション情報（スライド、音声など）

• CSS Nite LP42「戦略志向のECサイト」フォローアップ（5）飯野 勝弘さん（モバイルコマース） | CSS Nite公式サイト

コンテンツ戦略とWebマーケティングをつなげる方法

2014年は「コンテンツの大切さ」が再認識された一年でした。

Webサイトのユーザーに、魅力的で価値のあるコンテンツを提供すること。ビジネスゴールの達成とユーザー体験の向上の両方に役立つこと。これらは、むかしから変わらず、Webサイトに求められる大切な役割です。

さらに、ここ数年で「どのようなコンテンツを企画し、制作、運用にまで導くのか」という問いに加えて、コンテンツをいっそう多くの人に見てもらうための入念なマーケティング設計が求められています。

このセッションでは、コンテンツ戦略とWebマーケティングをしっかりとつなげながらプロジェクトをドライブさせる方法と、公開後の運用面でもポジティブな流れを持続させる方法を、実際の案件資料をお見せしながら解説します。

イベント情報

• CPI x CSS Nite x 優クリエイト「After Dark」（20）「Dive into Web Marketing」

セッション情報（スライド、音声など）

• 準備中

受賞者からのコメント

CSS Niteベスト10セッション2015ほか、3セッションを選出いただき、ありがとうございました。ひとりのセッションだけではなく、コンビやトリオのセッションでも選出いただけたのが、とてもうれしいです。2016年も、みなさんに役立つ話をお届けできれば幸いです。

Webデザイントレンド（自治体編）

地方自治体にフォーカス。毎年「自治体サイトアクセシビリティ調査」を実施されているユニバーサルワークスの清家さんを迎え、アクセシビリティの見地からのコメントを交えてお送りします。

Webサイトのデザインに関わる人はもちろん、ディレクションに関わる方やWeb担当者の方にも、オススメのセッションです。

イベント情報

• CPI x CSS Nite x 優クリエイト「After Dark」（18）「Webデザイントレンド（自治体編）」

セッション情報（スライド、音声など）

• CPI x CSS Nite x 優クリエイト「After Dark」（18） 「Webデザイントレンド（自治体編）」が終了しました

受賞者からのコメント

【原 一浩さん】

自治体のWebデザイントレンドという、限定された領域のイベントがCSS Niteベスト10セッション2015を受賞出来、大変嬉しく思います。

セッション内でも話していますが、自治体サイトを作らない人にとっても大人から子供までターゲットを絞らない伝わるコンテンツ作りは大いに参考になると思っています。

今年は、CSS Nite LP44として「Webデザイントレンド（自治体編）＋自治体サイトアクセシビリティ診断」 https://cssnite.jp/lp/lp44/ を開催することになりました。こちらもよろしくお願いします。

【清家 順さん】

CSS Niteベスト10セッション2015に選出いただきありがとうございます。原さんの定評ある「Webデザイントレンド」。ここから派生した自治体サイト限定編が、このような評価をいただけたこと大変うれしく感じます。
全国には「となりとは違うわが町」をアピールすべく、ウェブの機能・表現を磨いている自治体が多数あります。これを励みに、今後も、自治体サイトに目を向けていただくきっかけを提供できれば幸いです。

Illustratorからのパーツ書き出しを極める！

Webデザインでは、コーディングのためのパーツ書き出しが不可欠です。画像アセットやクイック書き出しなど、出力の機能が充実してきた Photoshopに比べ、Illustratorはやや遅れをとっているのが現状です。しかし、ベクターに強いIllustratorで、Webデザイ ンをやってみたい人も少なくないでしょう。

ちょっとしたポイント押さえながら工夫していけば、IllustratorでもPhotoshopに負けないパーツの書き出しが可能です。本セッションでは、コーディングのためのパーツ書き出しを、より効率的にするワークフローをご紹介します。

イベント情報

• CSS Nite in TOSA, Vol.3「作業効率を上げるためのWebデザイン実践」

セッション情報（スライド、音声など）

• 準備中

受賞者からのコメント

CSS Niteベスト10セッションに選出していただき、誠にありがとうございます。2015年は、私にとってIllustratorにより多く関わることとなった1年でした。その締めくくりとも言えるこのセッションで、名誉ある選出をいただけたことはとても光栄です。

Illustratorからのパーツ書き出しは、決定的なワークフローがまだ確立されていないのが現状です。今回のセッションでは、いかにして効率的な書き出しができるのか、私が実践している内容を交えてご紹介しました。少しの工夫と便利なツールの組み合わせで、作業効率が格段に高まることを実感いただけたのではないかと思います。

この場を借りて、CSS Niteにご参加いただいた皆さま、運営に携わるスタッフの皆さまにお礼申し上げます。本当にありがとうございました。

地元愛媛のAEDという団体で、「AED-LABO」という番組を毎月1回のペースでネット配信しています。私も毎回出演して、普段セミナーではやらないような、ニッチなクリエイティブネタなどをお話しています。YouTubeでは過去回のアーカイブもご覧いただけますので、ぜひチェックしてみてください。
https://www.youtube.com/channel/UCoJjKTUmfiAYG-M6Uy90C3g

手間と時間をとことん節約
効率よく結果を出すSEO

ウェブマスターの手間と時間は何よりも大切なもの。効果の薄い最適化施策や、PVばかりで売上につながらないコンテンツ作りに、大切な手間と時間はかけられません。確実に、しかも効率よく結果を出すには、集中すべきところとそうでないところを切り分ける必要があります。

このセッションでは、実際のコンサルティングの現場でよくある誤解を解いていくことを中心に、SEOと他の集客施策との関わりや、SEOが効果を発揮するターゲティング、そしてコンテンツ作りの大前提を共有し、ウェブマスターの手間と時間を徹底的に節約するノウハウをお伝えします。

イベント情報

• In-house SEO Meetup [Kansai Edition 2015] powered by CSS Nite（2015年8月1日開催）
• CSS Nite LP42「戦略志向のECサイト」

セッション情報（スライド、音声など）

• 準備中

『制作現場で困らないために知っておきたい企画・提案書のオモテとウラ』

Webサイト実制作の時点で「企画書のデザインは無視して」とか「このへんはオプション提案だから全部カットで」とか言われた経験はありませんか？
現場では意外と重視されていない企画・提案書。クライアントからRFP（提案依頼書）を受け取り、プレゼンテーションした内容なのに、なぜこんなコトになるのでしょう。

このセッションでは、地方都市（香川県高松市）で20年間Web制作に携わった経験から、Web制作の現場において知っておくと便利な企画・提案書の読み解き方を説明します。

イベント情報

• CSS Nite in OKINAWA, Vol.6

セッション情報（スライド、音声など）

• ）

柔軟なコンポーネント設計のためのCSS

セッション概要

イベント情報

• CSS Nite LP39「Coder's High 2015：コーディングスタイルの理想と現実」

セッション情報（スライド、音声など）

• CSS Nite LP39 フォローアップ（6）高津戸 壮さん（ピクセルグリッド） | CSS Nite公式サイト

プロカメラマンが語る、Web制作のためのフォトディレクション

テクノロジーの進化と低価格化で、ますます身近になったデジタルカメラ。みなさん自身で写真を撮影し、Webサイトの素材として使う機会も多いでしょう。自社のスタッフが撮影する場合も、プロのカメラマンに外注する場合も、撮影そのものよりも大切にしたいのが「事前の準備」と「当日の進行」、つまり「フォトディレクション」です。

このセッションでは、撮影現場で使った「香盤表」や「撮影指示書」をお見せしながら、写真のクオリティを上げるために必要な打ち合わせ、見積り、機材や小物の準備などのディレクションテクニックを解説します。

Webサイトでも「写真が大切」とは知りつつ、なんとなくで進めてしまったり、カメラマンまかせになりがちなフォトディレクション。写真のクオリティアップはもちろん、現場での撮影作業がスムーズになり、もっと楽しく、もっと効率的なWeb制作につながれば幸いです。

イベント情報

• CSS Nite in OKINAWA, Vol.6

受賞者からのコメント

CSS Niteベスト20セッション2015に選出いただき、ありがとうございました。
セミナーにご参加いただいたみなさまには高評価をいただき感謝しております。
CSS Nite in OKINAWA, Vol.6では、撮影前に前に考えておきたいフォトディレクション、「写真掲載の目的」と「撮影小物の準備」、モデルやスタッフなど「人の段取り」についてお話ししました。
カメラがあれば写真は撮れたり、プロのカメラマンを呼びさえすれば写真撮影が丸くおさまるわけではありません。
ウェブサイトの制作が多くの行程を経てできあがるように、写真撮影も「準備」「撮影本番」「加工」などの行程があります。
何事もそうですが「準備」をていねいに行うことで、撮影本番の負担が減り、スムーズにそしてハイクオリティに仕上がることでしょう。

写真撮影を通じ「商品」や「サービス」が、ウェブサイト利用者にわかりやすく、より効果的に働きかけることを期待しています。

お話ししたことを含め、詳しい内容は書籍に書いています。
「Web制作と運営のための 写真撮影&ディレクション教本 ~段取りから準備、撮影テクニック、実践ポイントまで~」
https://www.amazon.co.jp/･･･/4839950660/cssnite-22/ref=nosim
書籍に掲載していない新しい情報は「はじめてWEB」のウェブサイトにあるエキスパートコラムを参考にしてください。
https://hajimeteweb.jp/

Photoshop CC以降でのカンプ作成のベストプラクティス

セッション概要

イベント情報

• Illustrator & Photoshopセミナー in 札幌 ［講座B］

受賞者からのコメント

ベスト20セッションへ選出いただき、ありがとうございます。
予想していなかっただけに、とっても嬉しいです！

今回選出された札幌でのセミナーへご来場いただいたみなさん、ありがとうございました。
また、運営にあたって尽力していただいたみなさん、ありがとうございました。

Photoshopはいろんな方がいろんな視点で使ったりされてると思うのですが「Webデザイン」に特化した書籍があまりなくて、そういった経緯もあり人生初でもある書籍を出版いたしまた。
セミナーでも現場で僕自身が使っている使い方やアイデアなどを共有できて、みなさんのお役に立てたならと思うととても嬉しいです。

移り変わりの早い世界ですが、今後も自分自身のスキルアップとともに、いろんなことを共有して恩返しできればなと思います。

以下は、個人的な話なのですがCSS Niteへの想いです。

昨年は人生初の書籍の執筆や、それに付随して『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアーの九州1周に帯同したり、Photoshopの産みの親のトーマス・ノールさんにお会いできたり、と非常に充実した1年を過ごすことができました。

それもこれも、CSS Niteが縁でつながったことばかりです。

僕は宮崎県に移住して12年、移住当初は業界の仲間もいなく、また、セミナーや勉強会もなく、CSS Niteを遠くから眺めて羨ましいなと思っているだけでした。
そういう意味では、地方在住というのは東京を中心とした人やコトとのつながりという点ではやはりハンデがあると思ってます。

また「ネットがあればどこでも仕事できるでしょ？」とよく言われることもあるのですが、それは半分正解で、半分は間違いです。
たしかに「作業」というレベルまで落とし込めば国内にとどまらず海外でもどこでも仕事はできます。

じゃあ何ができないかというと、それは人やモノ、コトのつながりです。
「あの人に会いたい！」や「あの建築が見たい！」でもなんでもいいのですが、そういったつながりを持って生きていこうとするとやはりすこしだけハンデがあります。

別に東京がすごい、地方はダメ！　とかそういうことを言いたいわけではなく、なにが言いたいかというと、地方にいても自分の好きなことを極めていって、かつ、積極的に手を上げていくことができれば、地理的なハンデは関係ないのではないか？　ということです。

僕もそうして手を挙げ続けることで、鷹野さんやCSS Niteを縁にいろんなつながりができ、自分がやりたかったことのいくつかが実現しました。

全国には素晴らしい方がたくさんいます。
そうした人たちをフックアップしてくれるCSS Niteは本当に素晴らしいです！

とにかく感謝しかありません。
全国のCSS Niteの関係者のみなさま、そして鷹野さん、本当にありがとうございました！

宮崎の観光地、青島を「デザインの力で素敵にしよう」をテーマにしたプロジェクトを進めています。
その中で青島×デザインのをテーマにした全3回のセミナーイベントを開催しています。
2回目までは終了したのですが、来る3月13日（日）にVol.3を開催します。

詳細は未定ですがWebサイトやFacebookページで情報を発信していますので、ぜひご覧ください。

https://aoshimadesign.com/
https://www.facebook.com/aoshimadesign

Vol.1は映画「バクマン。」で日本アカデミー賞で優秀編集賞を受賞された映像監督の大関靖幸さんを迎えて映像のセミナー、Vol.2は、書籍「デザインの教室」でもおなじみの、デザイナー佐藤好彦さんを迎えてのデザインのセミナーを開催しました。

Vol.1
https://aoshimadesign.com/vol1

Vol.2
https://aoshimadesign.com/vol2

成果を上げるコンテンツ施策と導入効果

KDDIコミュニケーションズのホスティングブランドCPIでは、Webサイトを軸にさまざまなマーケティング施策を実施しています。

Webサイトに掲載する記事はもちろん、セミナーイベントなどオンライン／オフライン合わせてコンテンツと考え、「コンテンツマーケティング」を実施。リスティングやリマーケティングといったWeb広告施策と合わせて、ファンづくりや販売促進に繋げています。
それらCPIが実際に行ったコンテンツ施策と、導入効果について紹介します。

Webサイトに集客して自社プロダクトを販促したいとお考えのWeb担当者や、企業へご提案される立場の方に参考にしていただける内容をお話しします。

イベント情報

• CSS Nite in OKINAWA, Vol.6

受賞者からのコメント

CSS Niteベスト20セッション2015に選出頂き、誠にありがとうございます。

「成果を上げるコンテンツ施策と導入効果」では、KDDIウェブコミュニケーションズが行っているコンテンツ施策と、導入効果について話させていただきました。

Webサイトはコンテンツが最も重要で、そのコンテンツが様々なシステムや、マーケティング施策のハブにもなります。
コンテンツ施策を実施することで、認知度向上や、SEOなど様々な効果がありますので、ぜひ施策の一つとして取り入れてみてはどうでしょうか。

私が運営しているCPIスタッフブログは、開設当初は月に10記事程度書いておりましが、現在は月に1記事程度しか書けておりません。しかし年々ページビューや、コンバージョン数など増加しています。コメントでは数値までお見せできませんが、またこのようなセッションがありましたら数値など効果の部分についても話させていただきたいと思います。

○ CPIスタッフブログ
https://shared-blog.kddi-web.com/top

○ LINE@ はじめました
　 https://line.me/ti/p/@gkv8736o

効率化のための変数機能の活用術

セッション概要

イベント情報

• CPI x CSS Nite x 優クリエイト「After Dark」（27）「10倍ラクするPhotoshop仕事術」

セッション情報（スライド、音声など）

• CPI x CSS Nite x 優クリエイト「After Dark」（27）フォローアップ（1）三浦 将さん | CSS Nite公式サイト

効率化のための変数機能の活用術／三浦 将（Derario Creative） from CSS Nite on Vimeo.

サイト改善に近道なし! 知っておきたい実践的なユーザー理解手法

セッション概要

イベント情報

• CSS Nite in NAGOYA, Vol.11

受賞者からのコメント

来場いただいた多くの方にご評価をいただけて大変光栄です。誠にありがとうございました！

ユーザーを理解する手法はほんとうに幅広くありますが、手法はあくまでも手法です。知っている、使いこなせると言っても、いきなりマーケティングの成功確率があがるものではありません。データやリサーチを通じて相手のことを詳しく知り、意中の相手をどのように導くのか、ひたすら妄想しイメージをブラッシュアップしていくことが求められます。マーケティングは恋愛によく例えられますが、みなさまの恋愛テクニックはいかがでしょうか？機会がある際に、多くの方と恋バナで盛り上がりたいです。

拙著や近日のイベントを紹介させてください。

▼CPI x CSS Nite x 優クリエイト「After Dark」（32）「マーケティングリサーチを活用してWeb戦略を磨く」（2016年3月17日）https://cssnite.jp/afterdark/cpi/vol32/

Web業界で活躍するマーケティングリサーチャー3名でトークセッションを行います。ほかでは聞けない貴重なセッションになると思います。マーケティングリサーチに関心のある方はぜひご参加ください！

▼「サイトの改善と目標達成のための　Web分析の教科書」https://book.mynavi.jp/ec/products/detail/id=39752

2015年6月に上梓しました。今回ベストセッションに選んでいただいたテーマでもある「ユーザーを理解する手法」について、アクセス解析のみならず、ヒューリスティック評価、インタビュー調査、CRM分析など、非常にたくさんの手法を掲載しました。知識の整理や棚卸しにご活用ください！

▼Web Designing「サイト改善基礎講座」https://book.mynavi.jp/wdonline/ser/detail/id=42054

2015年7月から連載しています。毎回書き下ろしに四苦八苦していますが、原理原則として抑えるべき事を中心に書いています。3ページの読み切りなので、ポイントを手軽に知ることができます。ぜひご覧ください！

Web制作者はマーケターのように考えなさい

「Webはマーケティングだ！事業を拡大するためのドライバだ！」

そんなこと言われても制作者はマーケティングで飯は食えません…　 と、お嘆きのあなたに。

Webを考え抜いてきたあなただからこそクライアントに応えられる、 これからのWeb制作者の仕事についてお話しします。

イベント情報

• CSS Nite in KOBE, Vol.16

スマートデバイス

毎年、スマートデバイス向けサイトを取り上げて、デザイントレンドなどを特集している本セッション。今年は、『ECサイト』に注目をしていきます。

ECサイトでの購入が、ユーザー数ベースではスマートフォンからが半数を超え、売上高としても 50%に迫りつつある今（ECCLab調べ）、スマートデバイスでの購入体験は無視できない存在となりました。

EC サイトにおいて、商品を魅力的に紹介することはもちろんですが、今回このセッションで注目するのは「購入フォーム」のあり方。興味を持った商品を購入する のをためらうことなく、スムーズに購入に繋げるために各社がどんな工夫をしているのか。これを見ていくことで、ECサイトに限らず「スマホにおけるフォー ムのあり方」が見えてくるのではないかと考えます。

イベント情報

• 「Shift9：Webデザイン行く年来る年（CSS Nite LP43）」

セッション情報（スライド、音声など）

• Shift9：Webデザイン行く年来る年（CSS Nite LP43）フォローアップ（4）たにぐち まことさん（エイチツーオー・スペース）、松田 直樹さん（まぼろし）、矢野 りんさん（Baidu） | CSS Nite公式サイト

受賞者からのコメント

ベストセッション20選出、ありがとうございます。CSS Nite Shiftのスマホセッションは、イベント開催のかなり前からお声掛けを頂くため、たっぷり準備をする時間があるため、逆にどんなことに時間をかけるべきかに、毎年頭を悩ませます。

普段、皆さんが「たぶんこうだろう」とか「みんなはどうなのかな？」と思うことを、実際に収集して調査することで、見えてくるものは何かを考えてテーマを決めてきました。

今回、評価頂いたのは皆様のお役に、少しでも立てたのかなと、うれしく思います。ありがとうございました！

【松田さん】

ベストセッション20への選出、ありがとうございます！　毎年登壇させていただいているセッションですが、新たな気持でうれしい限りです。

今回のスマホセッションでは、ECサイト、特にその中のフォームにフォーカスした内容を紹介いたしました。流行の表現などを追うのはもちろんですが、こういったレガシーで基本の部分をこういった機会に振り返る必然性を私自身感じることができました。

今後もこういった評価をいただけるよう、試行錯誤してまいります。ありがとうございました！

アクセシビリティ

2015年は「WAI-ARIA」元年。
2015年の「アクセシビリティ」は、表面的には大きな動きはなかったかもしれません。しかし、着実に普及が広がってきたものとして「WAI-ARIA」の実装が挙げられます。
最近でも、ある有名なCSSフレームワークがすべてのコードスニペットをWAI-ARIA対応にした新バージョンをリリースするなどしています。

このセッションでは、そもそもWAI-ARIAとは何か、WAI-ARIAがユーザーに提供するメリットなどについて、デモも交えながらその要点を共有します。

もちろん、毎年恒例の「Webアクセシビリティ」に関する今年のトピックス振り返りと来年の展望もお届けいたします。

イベント情報

• 「Shift9：Webデザイン行く年来る年（CSS Nite LP43）」

セッション情報（スライド、音声など）

• Shift9：Webデザイン行く年来る年（CSS Nite LP43）フォローアップ（3）植木 真さん（インフォアクシア）、中根 雅文さん（AccSell）、山本 和泉さん、伊原 力也さん（ビジネス・アーキテクツ）、太田 良典さん（ビジネス・アーキテクツ） | CSS Nite公式サイト

マークアップ

2015年から2016年にかけて、Webサイトの対象ブラウザの変化が予想されます。また、CSS設計、プリプロセッサーやタスクランナーなどの制作環境についても、主要なツールやトレンドをあらためて押さえておきたいところです。

このセッションでは、フロントエンドやマークアップに関する今年一年の話題を振り返り、来年の仕事に生かせる情報をお届けします。

さらに、小山田と久保によるレスポンシブWebデザインのライブコーディングを披露。フロントエンド制作のモダンなワークフローを体感いただけます。

イベント情報

• 「Shift9：Webデザイン行く年来る年（CSS Nite LP43）」

セッション情報（スライド、音声など）

受賞者からのコメント

【久保さん】

ベスト20セッションに選出していただき、ありがとうございます。
まったく予想していなかったので、驚いております。

Shift9のマークアップセッションでは、益子さんと小山田さんともに昨年はじめて出演させていただきました。
私ひとりでは、ベスト20セッションの選出していただくのも難しかったでしょう。
共演した益子さんと小山田さん、ありがとうございました。
またみなさまに情報を提供できるよう、日々の積み重ねをしていきたいと思います。

ツールと制作環境

アドビによるマクロメディア買収から10年。YouTube、Facebook、Firefox、Google Chromeなど、Flash冷遇の流れを受け、ついに、開発環境としてのFlashはAnimate CC に名称変更となりました。

グラフィカルな制作環境としては、ほぼ競合がいない状況が続いていきましたが、SketchやAffinity Designer、Affinity Photoなどのアプリがようやく成熟しつつあります。特に、Photoshopは、Sketchを目の上のタンコブとしてWeb向けの機能を拡張するだけでなく、「デザインスペース」というPhotoshopの新しいUIまで搭載されています。

Microsoft SurfaceやiPad Proなどのタッチデバイスが熱くなってきたのも2015年。IllustratorやPhotoshopには、タッチ対応デバイス向けのジェスチャーやUIが用意されたり、タッチ対応デバイス以外でも有用なShaperツールがIllustratorに追加されました。一方、数年前にAdobe Protoとしてリリースされていたモバイルアプリが「Comp CC」としてリフレッシュ。ひとつの制作環境として注目されそうです。

2016年にさらに熱くなりそうなプロトタイプ制作。
Sketch対応のプラグインをリリースした日本発のサービスPrott、2016年にリリース予定のProject Comet、今回の［ツール］セッションでは、それぞれをゲストとしてお迎えしてのデモを用意します 。

フォント

2015年は、日本語のWebフォントが普通に使われるようになった年でした。これまでもFONTPLUS、TypeSquareなどの大手ベンダーが提供してきましたが、Typekit（アドビ）で日本語フォントをサポートしたのも大きな要因でしょう。

10月にリリースされたOS X El Capitan（10.11）では、はじめてフォントワークスのフォントを採用。「游明朝体+36ポかな」や「筑紫A丸ゴシック」などの高品位なフォントがOSに搭載されたことはインパクトです。

OS X El Capitan（10.11）とほぼ同時期にリリースされたiOS 9では、システムフォントが「San Fancisco（SF）」に変わりました。
一足先に、4月に発売されたApple Watchに搭載のSF Compactのバリエーションです。

海外では、スクリプト系のフォントが大流行。一方、日本では「A1明朝」の強力な存在感は残しつつも、「DSきりぎりす」「DSあかり」（ともにデザインシグナル）「ベビポップ」（フォントワークス）、「すずむし」「はせミン」（ともにモリサワ）などのデザイン書体が人気でした。

見逃せない動きが、タイププロジェクトによる「フィットフォント」です。これまで和文フォントは欧文フォントと組み合わせる「合成フォント」をIllustratorやInDesignなどのアプリケーション上で実現してきました。単に組み合わせるだけでなく、大きさやベースラインの調整が必要ですが、これをフォントベンダーが請け負い、コーポレートフォントとして提供するという試みです。

イベント情報

• 「Shift9：Webデザイン行く年来る年（CSS Nite LP43）」

セッション情報（スライド、音声など）

• Shift9：Webデザイン行く年来る年（CSS Nite LP43）フォローアップ（5）鷹野 雅弘（スイッチ）、山本 麻美さん（グッドパッチ）、轟 啓介さん（アドビ システムズ） | CSS Nite公式サイト

ネット広告で“100%確実”に効果と売上を上げる仕組みとは？

ネット広告を利用していても、効果を実感できないとお悩みではないですか？

日本のネット通販企業のほとんどを成功に導いた知識と、“何百回”ものA/Bテストを繰り返してきた経験があります。そこから得た、どんなネット通販企業でも必ずネットでレスポンスを上げ、費用対効果と売上を上げられる、仮説なしのノウハウを大公開します。

キレイゴトは一切語らず、「どうやったらECサイトで“売れる”か」について具体的に話します。すべての通販企業が簡単にネット広告での反響を大きくして儲けるノウハウを伝授します。

イベント情報

• CSS Nite LP42「戦略志向のECサイト」

SEOの進化

検索エンジンは進化を続けています。その検索エンジンに対応するためのSEOも進化が必要です。
わたしはSEOの専門家として仕事をしてきましたが、過去3年はこれまでで一番大きくSEOのやり方を変えてきた期間でした。

このセッションでは、数多くのWebサイトにSEOとして関わってきた中で、どのような施策を行ってきて、それをどう進化させて、2015年の今はどのような施策で成果につなげているか、そしてこれから成果を上げ続けるにはどのようなSEOが必要かを具体的に説明します。

イベント情報

• In-house SEO Meetup [Advanced SEO 2015]

受賞者からのコメント

昨年のセッションで好評をいただき今回このようにご紹介いただけました。ご参加頂いた方々そして運営の方々、どうもありがとうございました！

SEOの状況は本当に大きく変化を続けています。地道にWebサイトの価値を積み上げていく取り組み以外、大幅に伸ばすSEOやコンテンツ追加・改善では戦えないWebサイトのSEOに取り組む人にとっては難しさが毎月のように増していっています。
しかし同時に、しっかりとユーザとその検索を見つめたSEOに取り組む人にとっては、変化は更に大きく伸ばせるチャンスでもあります。
私もこのチャンスをより大きく掴めるように毎日試行錯誤を続けています。また今年も皆様の前に出る機会がありましたら、しっかり良い成果をご共有できるようにがんばります。

考え方をデザインしよう！〜「気付く力」と「発想力」の超活用法〜

イベント情報

• CSS Nite in AOMORI, Vol.9

大間を代表とする「青森マグロ」の商品・サービス企画アイディア考案

セッション概要

イベント情報

• CSS Nite in AOMORI, Vol.9

成果を重視したウェブ活用の基礎体力がつく資格・ウェブ解析士
〜テレビショッピング的な5分間〜

ウェブに関わるなら知っておきたい資格、ウェブ解析士。

資格商法でしょ？と言われながらも、累計1万人の受講者数を経て、右肩上がりに広まっている理由を、テレビショッピング風味にお届けします。

イベント情報

• CSS Nite in NIIGATA, Vol.4 w/新潟グラム

受賞者からのコメント

この度はベスト・LTに選出いただき、ありがとうございました。 CSS Niteでの登壇は非常に良い経験になるよと言われていたので、一度経験しておきたく、LTで参加させていただきました。 結果、たくさんの著名な方々と名前を連ねていただけることになり、恐縮しきりです。

なお、当日の動画は以下で公開されています。 https://vimeo.com/129979596

内容はセールスに振り切ったものでしたが、今回いただいた評価を糧に、今後も様々な側面からウェブ解析の有効性を啓蒙していきます。 新潟県付近でウェブ解析を基本のキから知りたいという方は、ぜひお声がけください。

ディレクションスキル 本来の領域について

イベント情報

• CSS Nite LP40「体制作りからクライアントを巻き込むディレクション術

制作効率化のための素材探しと情報収集術

イベント情報

• Adobe User Group Oita × CSS Nite

高知のWeb制作に効率化がもたらすもの

スマートフォンなどの普及により、Webはわたしたちの生活に広く急速に浸透してきて います。最新の便利なツールや技術は大企業や東京だけのものではありません。マルチデバイス対応や動的なコンテンツを扱うサイトづくりのニーズも高まる 中、一人何役もの役割を求められる高知のWeb制作者にこそ、作業の効率化が必要であるといえます。効率化がもたらすワークフローの変化について、紙媒体 からWebへと進んできたデザイナーの愛用ツールを交えながらご紹介します。

イベント情報

• CSS Nite in TOSA, Vol.3「作業効率を上げるためのWebデザイン実践」

受賞者からのコメント

このたびはベストLTに選出いただき、ありがとうございます！人生初登壇・2015年最も長くて短かった15分。再びこのような形で皆さまのお目にかかることができ、本当に嬉しく光栄です。

このセッションでは「高知のWeb制作に効率化がもたらすもの」として、便利なツールや最新の動向をいかに自分ごととして取り入れ、目の前の仕事に還元していくかについてお話しました。高知を含め、地方には面白いコンテンツがまだまだ眠っています。作業を効率化することで、何をどう伝えるか、より輝かせられるかを考える時間が捻出できます。地域の魅力を世界に向けて発信するお手伝いができるよう、制作者としてこれからも精進していきたいと思います。

最後に、CSS Nite in TOSA を主催しているウェブクリエイターズ高知 (https://www.kochiweb.com) では、毎月テーマを変えて勉強会を行っています。ディレクター、デザイナー、エンジニアなど、Web制作に関わる人が今知りたいことを共に考え、スキルアップを目指す場です。また是非どこかの回で、皆さまとご一緒できれば幸いです。