日々勉強、日々精進のアシスタント渡辺です！
そんな勉強の一環として7月9日（土）に
「CSS Nite in KOFU, Vol.6」に参加させていただきました。

20160711
（休み時間に撮らせていただきました・・）

今回もすばらしい出演者の方が勢ぞろいのCSS Nite！

どのお話もとても興味深くて面白い内容ばかりでした。

まだまだ多くのことを勉強中の私ですが、セミナー参加者のみなさんの熱気から、とてもすごいメンバーのお話を聞くことができているんだとさらに実感しました。

[Session1]

『IA/UXプラクティス』を解きほぐし、実践する
坂本 貴史（ネットイヤーグループ）

坂本さんのUXデザインのセッションではUXについて具体的に考えながら説明をしていただき、点と線、流れを考えたデザインの大切さを再確認できました。

直接自分でUXを考えながらデザインをしていくことはまだまだ先になりますが、携わっているお仕事のなかでも意識してみようと思いました。

[Session2]

クライアントを巻き込むチームビルド（ディレクション）
田口 真行（デスクトップワークス）

田口さんのディレクションのセッションではクライアントとチームを率いて仕事を進めるパートナーシップの関係、リスクマネジメントについて考えることができました。

過去経験した事例を考えながら行うワークショップでは、まだ多くの具体例を思い描くことはできませんでしたが、リスクマネジメントは目的達成までの航路設計に必ず必要になることだと痛感しました。

[Session3]

Webのキャッチはこうつけよ～広告から見る名文の秘訣～
高畑 哲平（KDDIウェブコミュニケーションズ）

高畑さんのキャッチコピーのセッションは、「こうやってキャッチコピーが作られているのか！」ということがわかってとても面白かったです。

即席の作り方を教えていただきましたが、やはり高畑さんが仰っていたように、インプットは大事！

キャッチ、言葉の面だけではなくて、デザインやそれにともなう知識もアウトプットするためのインプットの重要性を教えていただきました。

[Session4]

知っていれば「早く終わる」「キレイに仕上がる」イマドキの実装テクニック
鷹野 雅弘（スイッチ）

鷹野さんの実装テクニックのセッションではフォント、非Adobe、Adobeそれぞれについて。私はまだまだ知らないことだらけだったので、目からウロコなことがたくさんありました！作業スピードを上げるべく、ツール自体の使い方も勉強しなければいけないな、と実感。

自分のなかでとってもボリュームのあるセミナーだったので、感想や今までの反省点や今後の課題などたくさんあって書ききれませんが、学んだことを日々の仕事、そして勉強に活かして、次回のセミナーはもっと理解しながら聞きたいなぁ、と思った1日でした。

当日のツイートのまとめはこちらから。
http://togetter.com/li/998355

20160711-2

_DSC0542-2

2013年から3年間、CSS Nite in KOFU実行委員会
http://www.cssnite-kofu.com/

2014年に発足した山梨ウェブ研究会
http://yama-web.com/

それぞれ代表として活動してきましたが
この度、グローバルデザインの倉科さんに引き継ぐことになりました。

立ち上げ当初、山梨のWeb制作業界のつながりはほとんどなく、慣れないこともあり、なかなか思うような運営ができず歯がゆい思いや至らない点もありましたが、今はたくさんの交流があることを本当に嬉しく思っています（しかも、驚くほどみんなとても仲良しw）。

今後は、相談役として（かっこよさげw）両会に関わらせていただきますので引き続き、みなさんのご協力とご支援をよろしくお願いいたします。

またこの3年間、CSS Nite の地方版に関わらせていただいたことで、多くのことを学び、たくさんのご縁がありました。CSS Nite 主宰の鷹野さんには本当に感謝しています。

あわせて、にじぐもの高野さんには運営をしていく中で、いろいろと補助をしていただき、とても助けていただきました。あわせてありがとうございました。

■CSS Nite in KOFU

2015年7月11日
Vol.5「Webで使うIllustratorとPhotoshop」
http://www.cssnite-kofu.com/vol5/

2014年7月12日
Vol.4「Webサイトの運用」
http://www.cssnite-kofu.com/vol4/

2013年7月20日
Vol.3「SEO特集」
http://www.cssnite-kofu.com/vol3/

2013年2月9日
Vol.2（出演：中川 直樹さん、ほか）
http://www.cssnite-kofu.com/vol2/

■山梨ウェブ研究会

2016.04.02
山梨ウェブ研究会 x CSS Nite 「ウェブサイトに関わる人のための 「Googleノウハウ 2016」」
http://yama-web.com/report/699/

2016.01.10
[ Vol.3 ] 新年Live Q&A
http://yama-web.com/report/676/

2015.07.25
納涼会
http://yama-web.com/report/583/

2015.05.17
山梨ウェブ研究会 x CSS Nite 「Illustrator集中セミナー」（10倍ラクするIllustrator仕事術）
http://yama-web.com/report/521/

2015.03.29
山梨ウェブ研究会 x CSS Nite 「Illustrator集中セミナー」（ベーシック）
http://yama-web.com/report/520/

2015.01.12
山梨ウェブ研究会 x CSS Nite 「10倍ラクするIllustrator仕事術・Webで使うIllustrator」
http://yama-web.com/report/518/

2014.11.01
[ Vol.2 ] マルチデバイス対応を考える
http://yama-web.com/report/516/

2014.09.13
[ Vol.1 ] ライトニングトーク特集
http://yama-web.com/report/513/

（写真は、小野石材店さん（当時武藤さんが所属）にご協賛でいただいたロゴが入った石。けっこう重いw　Photo by.ナツミーヌちゃん）

CSS Niteの鷹野さんにお繋ぎいただき、グーグルの金谷さんとやり取りをはじめて、ちょうど1年。
4月2日（土）に山梨ウェブ研究会ｘCSS Nite主催の「Googleノウハウ 2016」を無事に開催することができました。
http://yama-web.com/google2016/
1

イベント企画時から、3年前のCSS Nite in KOFUに登壇いただいた、山梨出身でIn-house SEO Meetup主催の三澤さんに真っ先にご相談し、イベントコーディネーターとして大変ご協力いただきました。三澤さんのおかげで
・エクスペディアホールディングス（株）の田中樹里さんにSEOセッション
・Web解析で有名な元アマゾンの小川卓さんにアナリティクスのセッションを
当初予定してた、金谷さんのグーグルセッションとライブQ&Aに加えることができました。（なんて豪華）

2

当日はあっという間だったのですが、本当にたのしい一日で

出演者のみなさんと小作でほうとう
3

株式会社マイナビ出版さんからご提供いただいた書籍プレゼントでみなさんとあいこんじゃんをさせていただきました！（楽しかったです！笑）
4

もちろん、セッション内容も充実。金谷さんと三澤さんの「Google社員によるライブ Q&A」ではもっと聞きたいという私欲も働き思わず「5分延長OK！」に。（笑
5
詳しい内容は当日のツイートをまとめました。
http://togetter.com/li/957994
レポートはこちら
http://yama-web.com/report/699/

とにかく吸収できることをたくさん詰め込みました！すぐにお客さまのサイトに反映できることもいろいろありそうです。
グーグルの金谷さんが言っていたのは、コンテンツが重要ということ。ユーザーのことを考えたコンテンツですね。BISCOMでも「本当のSEO」として考えてきたこれまでの方向性は間違っていなかったことを再確認しました。
http://www.biscom.jp/notebook/seo/

そして、その重要なコンテンツをどのようにユーザーに分かりやすく伝えることができるか＝デザインの出番も大いにあるはず。
5月からはモバイルフレンドリー対応も確実に強化されます。

また、田中さんや小川さんのセッションを聞いてあらためて感じたことは、本当に細かなところまでコツコツと改善や調整と行っているということ。当然ですが、結果を出すためには作って、やって、はい終わり。ではないんですね。

今回のイベントは実質的に、わたし（BISCOM）と高野さん（にじぐも）のふたりで回していたこともあり、かなりバタバタとしてしまった部分もあったかと思いますが（ごめんなさい！）イベント自体は、とても盛り上がり、たくさんの笑顔を見ることができて、みなさんに楽しんでいただくことができたのかなと思っています。関わってくださったみなさん、心からありがとうございました。
Photo：高野さん（にじぐも）、いつも素敵な写真をありがとうございます！
6

今週末の4月2日（土）、山梨県立図書館で開催する
ウェブサイトに関わる人のための「Googleノウハウ 2016」
サイトデザインを制作しました。

http://yama-web.com/google2016/160329

（なんとウェブライダー松尾さんにお褒めのツイートいただきました）

このイベントはグーグル株式会社の検索担当者、金谷さんに登壇いただきサイトの運営上気になる Google 検索についてのご質問に直接お答えいただくというスペシャルセッションをはじめ、、ツール解説では
Search Console の概要と検索アナリティクスを中心とした実践的活用法
キーワードから考える検索結果上位を狙うコンテンツ作成のコツ（SEO）
小川卓さんのGoogle アナリティクス活用方法（ウェブ解析）など、
グーグルのノウハウを凝縮した貴重なイベントとなっています。

今回、Google 社員によるライブ Q&A にモデラーとしてご出演いただく三澤 直哉さん（SEO担当者のためのイベント「In-house SEO Meetup」主催、山梨出身）にもイベントコーディネーターとしても大変ご協力いただきました。

予想外に約半数が県外からのお申し込みとなりましたが、週末はちょうど桜も見頃。みなさんに山梨を楽しんでいただきつつ、わたしたちも楽しみたいと思います♪

（ひそかに参加者のみなさんも豪華）

ウェブサイトに関わる人のための「Googleノウハウ 2016」
日時：2016年 4月2日（土）14:00～17:30
会場：山梨県立図書館 多目的ホール
主催：山梨ウェブ研究会ｘCSS Nite
http://yama-web.com/google2016/
（満席となりましたが、増席しました）

＠ベルサール九段　イベントホール

自分用の備忘録としてまとめます。（ようやく）

そもそも、UI/UXとは、
UI

ユーザに対する情報の表示様式や、ユーザのデータ入力方式を規定する、
コンピュータシステムの「操作感」。
（引用：IT用語辞典）

UX

ある製品やサービスを利用したり、消費した時に得られる体験の総体。
個別の機能や使いやすさのみならず、ユーザが真にやりたいことを楽しく、心地よく実現できるかどうかを重視した概念。
（引用：IT用語辞典）

いまのWeb（UI/UX）の流れも知ることができ、いろいろと刺激を受けるセミナー参加となりました。
これからも質の高いWebサイトを提供できるよう反映していきたいと思います。(˘︶˘)

当日のセッションは、とにかく豪華な登壇者のみなさんでした！

 

[session 1]

ブリッジビルダー (Bridge Builder)
坂本 貴史（ネットイヤー）

CSS Nite LP33 UI/UX "Bridge Builder" from Takashi Sakamoto

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-1.html

あらためて、カスタマージャーニーマップを取り入れた提案なんかもできたらいいなと（まだ妄想）。
ジャーニーマップを作るのが仕事になってしまいそうな感じも「大」ですが…さくっと作ってクライアントさまへの要求整理・共有なんかができれば。（とても理想的）

坂本さんが実際にUX診断した
→UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」
http://web-tan.forum.impressrd.jp/e/2014/05/28/17255

 

[session 2]

UIデザインのパターン化と効果的な実践方法
池田 拓司（クックパッド）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-2.html

主婦御用達「クックパッド」全体のサイト設計やデザインに関わる池田さんのお話。
「UIデザインのパターン化はUIデザインをする上での１つの切り口であり、ユーザーに分かりやすく伝わりやすいデザインをするためのベーススキル。さらに、感動して、愛着もって使ってもらうサービスを作るには、サービスの特徴やサービス提供者の得意な部分を活かして磨きをかけなければいけない。」

iOS Human Interface GUideline
Android Design

UIデザインのパターンを紹介
http://www.mobilemozaic.com/
http://androidniceties.tumblr.com/

Androidオフィシャルのアイコンデータ
https://developer.android.com/design/downloads/index.html

 

[PR session]

スマホの検証が10倍はかどる！Remote TestKitの紹介
北岡 恵子（NTTレゾナント）

リモートアクセスによるAndroid、iPhone、タブレットの実機レンタルサービス
http://appkitbox.com/testkit/
200機種以上の実機での検証が可能。こういうサービスを使っていかないと、とても実機での検証はついていけません..（増え続ける新規端末..アンドロイド端末はすでに1万1千機種とか..）

 

[session 3]

アプリケーションのイディオムデザイン
上野 学（ソシオメディア）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-3.html

なんと、ソシオメディアさんは90年代後半の、Apple Japan の Webサイトを構築されていたことのこと。

 

[session 4]

人間だからこそできる、気配りデザイン
秋葉ちひろ（ツクロア）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-4.html

どこかで「能書きのUI/UXはいらない」というコメントを見たことがあるのですが
大切なのは、こういうこと

なんだと思う。

 

[session 5]

実例に学ぶ、“失敗しない”UIデザインのコツ
新免 孝紀（ChatWork）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-5.html

こちらも利用されている方、多数のチャットワークさん。
デザイン部マネージャー新免さんのお話。

…Yes.

 

[session 6]

ディレクター･デザイナーのためのプロトタイプ制作とシナリオ作り
土屋 尚史（グッドパッチ）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-6.html

Gunosyの初期のUIを見たときから、グッドパッチさんに♡でしたので
今回、実際にお話が聞ける機会があってとても嬉しかったです。
おもにプロトタイプのお話でした。

POP　https://popapp.in/
紙に書いたペーパープロトタイピング画像に画面遷移のリンクを付けられるiPhoneアプリ

Flinto　https://www.flinto.com/
モックアップのURLが生成され、iOS上で動作確認が可能

Invision　http://www.invisionapp.com/
画像をドラッグ＆ドロップでプロトタイプを作成

Prott　https://prottapp.com/
グッドパッチ開発のモバイルアプリ向けプロトタイピングツール

 

[session 7]

問題解決のためのプロトタイピング
深津 貴之（ギルド）

（講演ログ）
http://www.andoh.org/2014/03/css-nite-lp33-7.html

ラストの深津さんもおもにプロトタイプのお話だったのですが、とても共感する内容でした。
なにがって、上記のような特殊なスキルが無くてもできるものや、紙やペン、ポストイット、シール（星形シールをFavoriteボタンに）などのアナログツールを使った、今すぐマネできるペーパープロトタイピングの手法が盛りだくさん。（わりとアナログなひとなので（わたし））

 

[present]

THE GUILD謹製「ペーパープロトタイピング・パッド for SmartPhone」

LP33参加者全員にペーパープロトタイピング・パッド for SmartPhone、1冊がプレゼント（嬉）
会場販売もあったので、そちらでも別途購入。（こころおきなく、いっぱい使えます。）
こちらでも購入が可能です。
スマホ用ペーパープロトタイピング・パッド | THE GUILD

 

[で..]

来月は甲府で「CSS Nite in KOFU, Vol.4」

山梨でも、地方版としてCSS Nite in KOFUを開催しています。
今回のテーマは「Webサイトの運用」。
益子貴寛さんを講師にお迎えし、じっくり3時間半、具体的にWebサイトの運用方法について学びます。

・日 時
　2014年7月12日（土）13:30～（開場 13:00）（予定）
・会 場
　JR甲府駅北口 山梨県立図書館（多目的ホール）

・参加には、サイトからはお申し込みが必要です。
　http://www.cssnite-kofu.com/vol4/

というわけで、7/12もたのしみです。

TOPICS

SEE MORE

© 2021 BISCOM INC.

個別ご相談受付（山梨県内のみ）Meet Us Individually

ちょっと聞いてみたいといったご相談から、業務内容・競合他社・必要に応じてアクセス解析の分析や
ホームページの改善箇所、伸ばすべき強み、コンテンツの打ち出しかた、運用方法などの診断やアドバイスも可能です。
単発のスポットコンサルとしてもご利用いただけます。

サイト診断（全国対応）Site Diagnosis

デザイン面はもちろん、Webでの戦略は正しいかなど
御社のホームページをまるごと診断いたします。

お問い合わせGet in Touch

詳しいお問い合わせはフォームより
お気軽にご相談ください。

株式会社 BISCOM
〒400-0031　
山梨県甲府市丸の内1丁目1-25　
甲州夢小路 明治館2F

※制作に関するお問い合わせは【フォームより】お願いいたします。
営業時間 9:00～17:00［土日祝休］

保守サポート専用サイト