CSS Nite LP, Disk 13 に参加しました

2011.1.22に開催された CSS Nite LP, Disk 13 に参加しました。

今回のLP13は、スマートフォン特集(1)として、iPhone/iPad向けWebサイト・Webアプリ・ネイティブアプリの制作が取り上げられした。

以下、各セッションについて感想とか。

2011.1.22に開催された CSS Nite LP, Disk 13 に参加しました。

今回のLP13は、スマートフォン特集(1)として、iPhone/iPad向けWebサイト・Webアプリ・ネイティブアプリの制作が取り上げられした。

谷さんのセッション

今回も8セッション・6時間超の濃密なセミナーでした。主催の鷹野さん、スタッフの方、スピーカーの方々、参加されたみなさんに感謝です。

以下、各セッションについて感想とか。

スマートフォン時代のWeb制作(谷 拓樹さん)

谷さんのセッションは、スマートフォン対応のwebサイト制作について概論的に4つのトピックを取り上げられました。

  • スマートフォンの普及
  • デスクトップとスマートフォンの違い
  • スマートフォン対応の実装4パターンの比較
  • これからのWeb制作(Mobile First)

LP13を通して一番印象に残ったフレーズでもある「Mobile First」。ケータイサイトに特化した方を除けば、これまでPCを中心にしてきたWebサイトが、いよいよ新しいステージに向かいつつあることを感じました。

ライブコーディングで学ぶ、iPhoneサイト制作のキホン(たにぐちまこと さん)

たにぐちさんのセッションは、3分クッキング的ライブコーディング。と言いつつ、ワイヤー的なものの制作やデザイン作成のことから、コーディング(Zenコーディング)のTips、動作検証まで、実に盛りだくさんな内容をデモしていただきました。

内容ももちろんですが、マイクを片手にライブデモを流暢に進められるプレゼンもステキでした。

iPhone/iPadサイト制作でHTML5フォーム活用+α(益子 貴寛さん)

益子さんのセッションでは、HTML5とiOS実装が中心トピック。HTML5の基本、iPhone/iPadで利用できるHTML5の新要素と注意点、iPhone用サイトでのフォーム、デバイス切り替えのこと、GeoLocationAPI etc…、応用範囲の広い技術的なお話でした。

HTML5で追加されたフォーム関連要素の属性のお話は、まだ試せていなかった部分でもあり、参考になりました。iOSではラジオボタン/チェックボックスのラベルが効かないことには、私もハマったことがあます(未解決のまま諦めました)。

「〇〇っぽさが大事」というのも非常に共感しました。

iPhone/iPadサイト制作でハマらないために(高津戸 壮さん)

高津戸さんのセッションでは、iPhone/iPad用サイトでハマりやすいポイントを解説。スクロール周りやアニメーション処理など、デバイス固有のUIやスペックよる注意点が参考になりました。「革新的で魔法のようにトラブル多発」というフレーズが印象的。

高津戸さんのプレゼンは、「高津戸節」とでも言ったらいいのか、氏のキャラクターが全面に出ていて、聞いていて楽しいのが特長です。ちょっとマニアックな話題を、誰にとっても分かりやすく話されるのがスバラシイですね。

iPhone/iPadサイト制作でのCSS設計とデザイン最適化事例(小山田 晃浩さん)

小山田さんのセッションでは、デバイス毎にCSSを切り替える手法が説明されました。具体的にはメディアクエリーによるCSS適用の切り替えについて、ソースを交えて解説。また、CSSだけで対応できることには限界があるなかで、設計やデザインの段階から意識しておくことについても言及されていました。

小山田さんはパンクっぽいというか、一見すると怖そうな感じが印象を受けますが、柔らかい口調で話されます。ソースの解説のような非常にテクニカルな話題を、丁寧に分かりやすく伝えてくださるのが印象的です。

Web制作のノウハウでつくるiPhoneアプリ(外村 和仁さん)

ピクセルグリッドさん3連発のトリは外村さん。ネイティブアプリの制作について話されました。ネイティブアプリと言っても、Webサイト/Webアプリをネイティブアプリ化する手法ですので、あまり敷居が高く感じませんでした。

地方におけるミニマムなiPad用Webアプリ制作事例(多田 吉臣さん)

多田さんからはiPadアプリを開発された経験のお話でした。マーケティングよりのトピックで、LP13の全セッションの中で、個人的には一番良かったセッションです。

iPadアプリをクライアントワークで製作された経験談なのですが、途中まで成功事例と思わせつつ、実はあまりうまくいかなかったと事例だったというダイナミックな展開。何ごとも成功よりも失敗から学ぶことが多いわけで、経験者ならではの反省が参考になりました。

クライアントさんと良好な関係を築いておられるのも印象的でした。

教科書には出てこない!?iPhone のUIトリック表現(比留間 和也さん)

オオトリの比留間さんからはiPhone的なUIについて。凝った独特のUIは、得てして使いにくいものになってしまうという点と、実際にotonaticというWebアプリを製作された過程を解説されました。

後半のotonatic開発の件は、ユーザー像や利用するシチュエーションが想定され、それに合わせてアプリが開発されていく過程が参考になりました。

スピーカーのみなさん

まとめ

2008年にiPhoneが日本で販売開始され、2010年にはiPad発売・Androidケータイの本格展開が始まりました。今はまだ「先進事例」「先行実装」という面もありますが、「ケータイ以上、PC未満」というデバイスが普及しそうな勢いを感じます。この状況にどうコミットしていくかは、Web制作を生業にするものにとっては大きなトピックだと思います。

また、多田さんのセッションが CSS Nite LP, DIsk13 で一番良かったのは、マーケティングよりの話だったからです。とりわけ、効果検証/アフターフォロー的な話はすごく良かったと思います。Web制作において、テクニカルな部分はもちろん大切です。しかし、それ以上に「クライアントのビジネスにどれだけ貢献できるか」を問われていると感じています。

そんなわけで、最近感じている課題とタイムリーなテクニカルなトピックが合わさって、非常に刺激的なセミナーでした。さぁ、今日から新たにがんばろう!って気分です。

TalkNote第1回に参加しました

2011.1.15に静岡市で開催されたTalkNote第1回(表記あってる?)に参加しました。

talknote第1回

TalkNote第1回は、ビジネスパートナーであるDatafarmさんが 立ち上げた、Web系セミナーイベントです。今回のテーマは「a-blog cms × Jimdo × WordPress! 話題のCMSを一気に総復習しましょう!」。3つのCMS×2人=6人のスピーカーが、各CMSについて熱く語りました。そして今年最初のセミナー参加だったわけですが、私もスピーカーのひとり(a-blog cmsのユーザー代表)として参加させていただきました。

a-blog cms 事例紹介

アップルップルの山本さんがa-blog cmsの紹介とデモをされたのを受けて(山本さんのお話についてはこちら)、私からはa-blog cmsを利用したサイトの紹介とユーザー視点の評価についてお話しました。

いくつか補足を。

事例紹介について、a-blog cmsの良さが伝わるようにと、かなり特徴的なサイトを紹介しています。他方でライトな利用(例えば静的ページ+動的なニュース記事)をしている事例も多くあります。手軽に使うこともできますし、柔軟にカスタマイズすることもできますので、ご安心ください。

発表の趣旨がa-blog cmsの紹介ですので、いいことばかりお話ししました。他のCMSを引き合いに出して軽いダメ出しもしましたが、CMSそれぞれに特長があり、得意/不得意があります。実際のところ、「〇〇でなければ要求仕様を満たせない」ということはほとんどないでしょう。ご自分のスタイルにあったCMSをご利用になれば無問題です。ですが、何かのタイミングでほかのCMSが気になったときに、a-blog cmsを覚えていていただけたら幸いです。

イベントを通して

CMSごとにユーザーの個性が出てるなぁ、と感じました。
Jimdo(山本さん&野崎さん)は、真面目で穏やかな感じ。WordPress(豊田さん&福山さん)は、制作全てを楽しんでいる、ちょっとネタ系な感じ。a-blog cms(山本さん&私)はどう見えたのでしょうか。

静岡にTalkNoteというWeb制作系セミナーが誕生し、第1回は大成功だったと思います。すごくいいイベントでした。こういった活動がもっと広がっていくといいですね。

主催の勝又氏、スピーカーの方々、何よりご参加いただいたみなさんに感謝します。
みなさん、今後ともよろしくお願いします。

CSS Nite LP,Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」 に参加してきました

CSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」(2010年1月9日開催)に参加して来ました。

ここ数年の課題であるweb解析(アクセス解析)。2005年にGoogle Analyticsが登場し、それまで高嶺の花(ツール導入だけで20万円以上!)であったweb解析が急速に普及しました。しかしツールは安価で使えるようになりましたが、「使いこなせているか」「業務に活かせているか」という部分はまだまだです。

そこで今回のCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」。web解析界の巨匠たちによる非常に内容の濃いセミナーでした。そして宿題がいっぱい出た感じです。

web解析界の巨匠たち(左から大内さん、衣袋さん、石井さん、小杉さん、権さん)
web解析界の巨匠たち(左から大内さん、衣袋さん、石井さん、小杉さん、権さん)

本セミナーのセッションと自分に響いたポイントは以下の通り。

Google Analytics ベーシック

小杉 国太郎さん(グーグル株式会社)

  • Google Analyticsのツールとしての基礎知識に関するセッション(用語やデータの解説や機能紹介、今後の追加機能など)
  • この時点ですでにベーシックではないというか内容てんこ盛り
  • Google Analytics活用のキモ→アドバンスセグメントとカスタムリポートの使いこなし
  • アノテーション(2010.1より順次公開予定) →メモを付加することが可能に
  • モバイルトラッキング(2010.1stQに公開予定) →日本のキャリアにもコミット予定

仮説検証型、かつ4つの対顧客戦略でデータを見る
~Google Analyticsを使った分析のあるべき流れ

  • web分析の考え方を実際に考えながらレクチャー
  • 3つのデータ解析視点
    • トレンド(推移を見る)→ 時系列と文脈で見る
    • ベンチマーク(比較する)→ 期間比較などから検証する
    • セグメント化(分類してみる)→ ブレイクダウンして深掘りする
  • 4つのサイト分析フェーズ
    • 集客(流入)→ 参照元の分析
    • 接客(回遊)→ 直帰率や離脱の分析
    • 制約(コンバージョン)→ シナリオ分析、想定動線
    • 再訪(リテンション)→ リピーター対策、利益最大化

ユーザー行動をセグメント化して、サイト改善
〜ユーザーの行動と気持ちに寄り添うセグメンテーション分析

大内 範行さん(アユダンテ株式会社

  • サイトの向こう側(=ユーザー)の利益を最大化するサイト改善
  • 実在するサイトを例にした実践的web解析例
  • 自分の基準を持つ(必要なのは自サイトの改善)
  • 芯を強くする(=良い部分を伸ばす、担当者の自信up)
  • ユーザーに寄り添う(キーワードごとに異なるユーザーの行動分析)
  • お土産(できる100ワザ Google Analytics SEO & SEM を極めるアクセス解析ノウハウの追加情報)

Web制作会社のための、顧客が逃げないGoogle Analyticsレポーティング ~成果アップのための解析「報告」の実践

石井 研二さん(株式会社HARMONY

  • 石井さんによる怒涛のトーク(漫談)
  • アクセス解析レポーティングのポイント
  • 目的と成果(発注サイド/制作サイドのwin-winな関係)
  • 改善につながる解析の見所:「入り口回数」×「誘導率」
  • エクセルを活用したレポーティング
  • 月々の報告で見せるポイント
    1. 全体像→あっさり
    2. 前月の改善効果
    3. 効果を伸ばすためのポイント
    4. 次に改善するべき改善点
  • リンクはユーザーへの提案、適切なリンクは接客・おもてなし

経営者視点のサイトリニューアル提案
~Google Analyticsを使った経営成果の算出法

  • 淡々と重要なことを語られる方
  • web制作会社の役割変化
    • ネット広告→急伸、制作費→横ばい
    • 広告費は売上を押し上げる投資、制作はコスト
    • web制作単体ではなく、戦略・マーケティングレベルから携わる制作→web制作会社からweb活用支援会社へ
  • 経営者視点のリニューアル提案
    • 成果につながるwebサイトの構築
    • 成果につながるユーザーのモデル化
    • 見積算出の費用を提示・交渉 → 見積もり=市場調査
  • web活用のパートナーとして
    • 変革をもたらすのは我々webプロフェッショナル
    • ほとんどの中小企業にとってwebのパートナーは制作会社
    • webのスペシャリストからweb以外も含めたゼネラリストへ

以下、個人的な感想です。

Google Analyticsは無料でありながら非常に高機能なツールであり、web解析という業務はそれ以上に難しいですね。2009年にもCSS Nite in Ginza, Vol.30Web担当者Forum × CSS Nite「実践ワークショップ」第3回『アクセス解析ワークショップ』、安西さんによる「私的勉強会 解析しないと!」などいくつかのセミナーに参加しました。ただ、なかなか身になっていないのが実情です。

こればかりは知識の吸収もさることながら、実践が大事ですね。一人ではすぐに行き詰まってしまうというか客観的な検証が難しい面もあります。一緒にやれるパートナーが欲しいと思います。WWFジャパンさんの例ではないですが、ワークショップとかやってみてもいいですよね。

最後に今回も密度の高いセミナーを企画・運営してくださったCSS Niteの方々に感謝です。

勉強会に参加したこととか

ぶーくん(さん付けすると変だから呼び捨てで失礼します)の日記にあった勉強会に参加してきました。

デジタルアシストweb勉強会。いつもはもっと人が集まるそうだけど、今日は日程の関係もあってか少人数だったそうです。静岡県東部のwebクリエイターさんが集まっての勉強会には初めて参加しました。もともとが中部の人だったのと、単純に知らなかったのと。

内容はデータファームさん(ぶーくん)のサイトマップ作成システムのデモとフレームワークワーク作成のTips、ホクレア・システムズさんのシステム紹介(業務系というか、ハード+webって言うのが珍しい)。どちらもそれぞれの会社の強みというか、ノウハウをチラ見(モロ見せ?)したものでした。その後は業界のぶっちゃけトーク。

地方の惨状を嘆きつつ(サイト制作5万円とか3万円とか、ありえねぇ!ってのが僕らの言い分だし、クライアントは実際お金ないし)、そうは言っても僕たち生活かかってますんでって言う部分で、何かできないものかと思い悩むのはみんな一緒な訳で、どうすれば値切られないかとか、そんな感じ。

今回参加された方々に比べて比較的大所帯な会社に所属している身としても、いろいろと思うところはあります。適切な仕事に適切な対価が払われないと・・・。こういう勉強会が静岡でも行われていることにも感謝しています。いろんな立場の人のいろんな考えが聞けておもしろいし刺激になる。

そうやって同業他社が馴れ合いじゃなくて緩く結びつくのっていいなぁと感じました。

本日の勉強会メモ:デジタルアシストweb勉強会_090926.pdf(PDF 80kb)

CSS Nite LP, Disk 7「IAスペシャル」に参加してきました

CSS Nite LP, Disk 7「IAスペシャル」に参加してきました。web制作におけるIA(Information Architecture)について、6時間/7セッションにわたるセミナーです。

CSS Nite LP, Disk 7「IAスペシャル」
CSS Nite LP, Disk 7「IAスペシャル」

各セッションと講演者は下記の通り。

  • 情報アーキテクチャの全体像〜ワークフローとケーススタディ〜
    長谷川敦士(コンセント)
  • プロジェクトマネジメントから見たIAの大切さ
    林 千晶(ロフトワーク)
  • IAの欠点〜IAの本来の目的と役目
    佐藤伸哉(so●y)
  • IAワークショップ〜LPOをテーマに〜
    坂本貴史(ネットイヤーグループ)
  • マークアップとIA
    小久保浩大郎(iA)
  • IAからWebサイトデザインへの突破口
    長谷川恭久(could)
  • パネルディスカッション

各セッションの詳しい内容については、tiwitterによる実況中継を見ていただくとして、感想など。(追って公式サイトからもフォローがあるはずです)

IAというと何か格好良くて、最先端のweb技術みたいな気がしますが、結局のところどこの現場でも行っている作業を体系化したようなイメージです。サイトの目標設定、ターゲット設定、コンテンツの整理・体系化、ラベリング、導線設計・・・。と、どこまで意識的に、明確に、明示的に行っているかというレベルの違いの問題かと。

ただ現実問題で言えば、たとえばきっちりユーザ調査してペルソナ作って全ページワイヤーフレーム書いてそれを納品物レベルのドキュメント化していたら、私が請け負っているような地方の大半の仕事は真っ赤になってしまう。もちろんやれるに越したことはないけど、クライアント企業の規模やリテラシーの違いをちょっと感じたところはありました。実際、数百ページレベルのリニューアルって地方ではかなり大きな仕事ですよ。まして数千、数万ページって・・・。

そうは言っても出来ることから取り入れて行きたいし、クライアントの理解を得てIA部分でもお金を頂けるようにしていかなければ成果の上がるwebサイトにはなり得ないとも思う。そういう意味では、今まさに変革期というか曲がり角にある気がします。CSS Niteの2009年のテーマが「スキルからセンスへ」っていうのも、そういった意味も込められているような気がしています。ただキレイな作れる、web標準準拠でコーディングできるとかというスキルの域を超えた、ビジネスとしてのセンスが求められているってことで。

ちなみに私がかなり必死でとったメモはこちら。
CSS Nite LP7(PDF:270KB)

そしてアフターパーティー(懇親会)。今日のセミナーの意見交換や名刺交換をさせていただいたり、日頃の仕事・事業について熱く語り合ったり、結婚とか恋愛とか普通の話もしたりと、楽しい時間でした。華やかそうに見える業界ですが、普通に仕事はしんどくてスタッフも普通の人なんです(一部そうでない人も・・・)。

アフターパーティー(懇親会)
アフターパーティー(懇親会)

こういう場に参加でき、一緒に考えたり悩んだりしながら日々の業務に活かせる(本当に活かせてる?と自問自答!)ことに感謝です。貴重な時間をありがとうございました。

CSS Nite in Ginza, Vol.38に参加します

CSS Nite in Ginza, Vol.38(2009年8月20日(木)19:00〜)に参加します。

「海外IA最新レポート:これからのIAが担っていく役割」と題して行われるCSS Nite in Ginza, Vol.38に参加します。9/12に行われる「CSS Nite LP, Disk 7(LP7)」の前哨戦と申しますかIAです。講師の長谷川敦士さんは9/12にも出演されます。最近IAってよく聞きますが、知っているようで分かっていない分野です。

今後のweb制作業者が低価格化の波に飲み込まれないために、何らかの武器を用意しておきたいと常々思っています。そう言った意味で情報アーキテクチャが一つのアイテムになると思います。
と言うことで、当日行かれる方、よろしくお願いします。

追伸:
当日はPokenを持って行きますので気軽にハイタッチしてください。
そして18きっぱー(造語)で日帰りです、がんばれ自分。

Web担当者Forum × CSS Nite 「実践ワークショップ」第3回に参加します。

2009年9月2日(水)に行われる Web担当者Forum × CSS Nite 「実践ワークショップ」第3回『アクセス解析ワークショップ』に参加します。

今回のテーマがアクセス解析ワークショップ。普段Google Analyticsの数字を眺めてはどうしたものかと頭を悩ます部分が少しでも前進できればと思っています。データは活かしてこそ意味がある訳で、その辺りの読み方なんかが共有できればと思います。

今回は一応制作者サイドと言うことで申し込みをしています。もちろん私も制作会社に勤務するものとして、クライアントサイトのアクセス解析を行うことがあります。というもの、制作者サイドと企業担当者サイドそれぞれの参加者がそれぞれの立場でワークショップを組み立てると言うのがこのイベントの特徴だからです。

効果のあがるサイト運営にアクセス解析とPDCAサイクルは不可欠、それができる制作会社になれるようヒントがつかめればと期待しております。

Web担当者Forum × CSS Nite 「実践ワークショップ」第3回『アクセス解析ワークショップ』

追伸:
実は8/29のwebSig24/7とどちらに参加するか迷ったのですが、土曜日は英会話教室もあるしサイトマップの話はCSS NiteのIA特集でも触れるだろうと言うことで、web担Forumのワークショップにしました。出来れば東京に出たいです、家庭の事情とかもあり難しいんですけどね。

CSS Nite LP, Disk 7「IAスペシャル」に参加します。

2009年9月12日(土)に開催されるCSS Nite LP, Disk 7「IAスペシャル」に参加します。

「IA(情報アーキテクチャ)って何だよ」と聞かれるとちょっと答えに窮する、まして「これからはUXだ!」とか言われると逃げ出しそうになる私ですが、webサイトを「キレイ」「簡単」「安く」作れる環境が急速に広まっている昨今、我々制作会社に求められるものも変わって来るのではないかと思っています。

上記の「キレイ」は当たり前、プラスαの価値を提供できることで「簡単=誰でもできる」が「プロの力が必要」に、「安い」が「お金の取れる」に変えて行けるのではないか、そういうweb制作会社でなければ生き残れないという危機感を強く持っています(か、安く使われるか。地方にはまた別の事情もありますが)。

その答えがIAにあるのかはわかりませんし、IAだけが答えではないとも思います。ともあれ、成果のあがるwebを立ち上げ運営するために求められる資質ではあると思います。と言うことで、予習なんかをしつつ、勉強+懇親会を楽しみにしています。

追伸:
当日はPokenを持って行きますので、見かけたら是非ハイタッチをお願いします。一緒に行こうという方も絶賛大募集中です。

CSS Nite LP, Disk 7「IAスペシャル」

最近の仕事のこと

気持ちにハリがないのは事実

現職ではweb制作会社の営業をしている私ですが、元々は制作の人でした。キャリアアップとして、実制作からディレクションへと向かうはずが…営業です。(実際、営業職を経験して、営業さんはスゴイと思います。)

ディレクションと言うと幅が広いが、企画・立案から制作全般の工期や品質をコントロールするのがお仕事。が、企画・立案が抜け落ちて、販売全般と結びついたのが現職です。と言うか、企画・立案もしないとダメなんですか、それ以上に「受注を取る」事に重きが置かれています。

ここまでは自分の中で何とか折り合いを付けてきた。会社の全体的な状態とか人員配置とか、そう言うことが分からない歳でもない。組織に居ればやりたないこともやるのはあたりまえ。しかしながら、今起きつつあることは、ディレクションがフェードアウトして完全に営業になろうとしていること、これは受け入れられる一線を超えている。

現状、会社でデスクワークをしていると怒られる。もちろん営業活動として、お客様のところのお伺いすることが大事なのは理解できる。しかし、そこでお客様に提案するものを誰が考え、企画書に落とし込むんだろうか。上の人は部下に依頼することができる、それで成果も上がり大きな活躍もしているのでOKでしょう。しかし、下っ端の私にはそういうサポートをしてくれる人は居ないわけで、結果としてはサービス残業、自宅残業になる。

営業成績が上がらないとき言われる「ディレクションに逃げる」発言も謎だ。それが本職のはずなのに。そもそもディレクションって「逃げる」と言われる業務なのか。つまりは、この会社では現場制作から先のキャリアアップがないってことなのか。

そんなこともあって、最近は主に東京方面で活躍されている同業者の方々となるべく接点を持つようにしている。外の世界が知りたいから。それはまあ、会社がこんな感じのなか自分の立ち位置に迷っているし、将来、それもそう遠くない将来に不安を感じているからでもある。「これで良いのか?」そういう気持ちを落ち着かせたいからかもしれない。

実際、東京と地方の差は感じる。技術レベルが大きく違うとは思わないのだけど、危機感とか探求心とか向上心とか、そういうこの仕事を続けていく上で大事なものが決定的に違う気がする。そして今のままで仕事の単価も受注量もあがり給料や待遇が上がって行くと信じている、東京の仕事に食い込んで行けると思っているのが不思議。(これは地方と地方の差も感じることではある、静岡は地方の中でもかなり”地方度”が高いと思う)

何と言うか、今の自分の状況、これからのことなど、最初は不満から始まっているのだけれど、それはどうしようもなく不安だということ。今の会社ではそういう思いを共有出来る人が居ない(少ない)ことへの焦りとか孤独感みたいなもの。まとまりがなくて申し訳ないのですが、自分の心の整理用に書き留めておきます。

しかし剣道時代のブログパーツにメッタ打ちにされそうな弱気な文章だ。