31「Webデザイン行く年来る年(Shift7)」(2013年12月14日開催)LPシリーズの31弾は、毎年年末に開催している「Shift」シリーズの第7弾として、2013年のWeb制作シーンを振り返ります。6)のセッション(スライド、動画)このセミナーイベントは終了しました。Shift7(Webデザイン行く年来る年)が終了しましたフォローアップフォローアップページのID/パスワードは、フォローアップメールにてお知らせしています。URLhttps://cssnite.jp/lp/lp31/懇親会セミナー終了後に懇親会(大忘年会)を予定しています(別途実費)。予定している会場はエレベータがない地下のお店のため、車椅子の場合、かなり厳しいです(階段も直線でなくらせん状になっています)。会社名のうち「株式会社」などは省いています。予告なくセミナーイベントの仕様が変更になることがあります。修正事項は、開催までにお送りするカウントダウンメール(やFacebookイベントページ、Twitterなど)でお知らせしていますので、ご一読ください。早割(早期お申し込みによる割引)は、お申し込み期日でなく、決済ベースでの適用ですのでご注意ください。セッション概要と出演者のプロフィールプロフィールは、本セミナーイベント開催時のものです。「ソーシャルメディア」カテゴリーは、お休みします。基調講演:スクリーンの先、私たちの仕事の先スマートフォンやタブレットだけでなく、腕時計、メガネ、家電など、今後ますますインターネットが繋がる窓口が増えていきます。情報と人との関係は、今後より近いものになっていきますが、ここに大きな課題があります。サイトを操作するか容易に想像することができました。誰もが同じように操作していたので、利用者ではなくスクリーン上のデザインに集中していれば、良いものを作ることができました。今は、利用者が好きなデバイスをつかって、好きな方法でWebへアクセスする時代です。このことにより、スクリーンだけ注目しているだけでは、良いものが作れなくなってきました。制作者は、文字通り視野を広くしてデザインすることが必要とされています。基調講演では、制作に携わる人たちが、なぜスクリーンの外へ目を向けなければならないかを解説すると共に、そうすることで、どのようにデザインが変わるのかを紹介します。やすひさ)デザインやコンサルティングを通じてWebの仕事に携わる活動家。アメリカの大学にてビジュアルコミュニケーションを専攻後、マルチメディア関連の制作会社に在籍。日本に帰国後、数々の制作会社や企業とコラボレーションを続け、現在はフリーで活動。自身のブログとポッドキャストではWebとデザインをキーワードに情報発信をしているだけでなく、各地でWebに関するさまざまなトピックで講演を行ったり、多数の雑誌で執筆に携わる。(https://www.yasuhisa.com/)マークアップ:新しいマークアップ環境にキャッチアップ!2013年のマークアップ環境は、昨年、一昨年の流れを受けて、いっそう洗練されてきました。同時に、新しい環境に移行した人と、まだ移行しきれていない人との二極化が進んだようです。CSSプリプロセッサー(特にSass)が一般的にコンテンツのパーツ化とBEM(Block、Element、Modifier)わかりやすいドキュメンテーション「スタイルガイド」の用意CSSフレームワーク(Bootstrap、Foundation、Skeletonなど)の積極利用GPUレイヤーを意識した、より滑らかなCSSエフェクトの実装ビルドタスクはGruntが主流になどの話題に「親しみを感じるか、それとも」という差が、大きく開いてしまった一年だったと思います。このセッションでは、コンビ3年目の益子と小山田が、昨年(Shift5)、一昨年(Shift6)に取り上げた内容が「当たったかどうか」をかんたんに確認したあと、2014年に向けて新しいマークアップ環境に移行するために必須のトピックスを解説します。過ごした東京を離れ、2011年6月から北海道旭川市に在住。5年以上にわたってWebライティングの講師を担当。著、マイナビ)、『変革期のウェブ』(共著、同)、『ウェブの仕事力が上がる標準ガイドブックシリーズ』(監修、ワークスコーポレーション)など。(おやまだ・あきひろ)株式会社ピクセルグリッドフロントエンドエンジニア1982年生まれ。2006年よりweb制作会社におけるUI実装や運用を経験した後、2010年からフロントエンド・エンジニアとして(株)ピクセルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI実装を手がけている。Web関連雑誌での執筆活動や技術関連の講演も行うほか、個人のブログ「ヨモツネット」ではHTMLやXML、CSSなどに関する技術の情報を発信している。アクセシビリティ:AccSellポッドキャスト公開録音「izuizuのアクセシビリティ(生)100本ノック!」アクセシビリティのセッションは、今年も「AccSellポッドキャスト」の公開録音を三人でお届けします!今年は、2013年のトピックスを振り返りつつ、普段はAccSellメールマガジンの不定期連載コーナーである「izuizuのアクセシビリティ100本ノック!」をポッドキャストでお届け、しかもライブで挑戦します。アクセシビリティ・ビギナーのizuizuが見つけた、アクセシビリティが足りていないコンテンツの解決策を考えるこのコーナー。今回取り上げるのは、最近よく見かけるカルーセル(スライドショー)。どんなアクセシビリティの問題が潜んでいるのか。多くのユーザーが使えるようにするには、どうしたらいいのか。皆さんと一緒に考えてみたいと思います。ツール開発などを通じて、主に企業のWebサイトおよびWebアプリケーションのアクセシビリティ確保をコンサルティングしている。8341-3:2010」の原案作成に参画。現在は、WAIC(ウェブアクセシビリティ基盤委員会)の委員長を務めている。「AccSell(アクセル)」では、メールマガジンの執筆とポッドキャストでのメインパーソナリティを担当。まさふみ)慶應義塾大学1994年頃よりユーザーとして、研究者として、開発者として、発注者としてWebに関わり続けている。Webに限らず情報技術全般にアクセシビリティの観点から興味を持って活動。自身が全盲の視覚障碍者であることから、特に視覚障碍者向けの支援技術やアクセシビリティの問題に詳しい。いずみ)株式会社エフシーゼロ(#fc0)代表取締役キャプテンWeb制作を中心に活動。技術面だけに捉われず、利用者にも優しいサイト制作をモットーに現在も日々精進中。これからはじめるDreamweaverの本〔CS6/CS5.5対応版〕』『ゼロからわかるHTML&CSS超入門(共著)』『これからはじめるDreamweaverの本』『これからはじめるMovableTypeの本(共著)』すべて技術評論社など。CS6の次期バージョンは、CS7でなくCCとなり、ついにパッケージ販売が終焉し、月額課金のサブスクリプションのみとなりました。Codeなどの軽量なツールが育ってきているものの、「脱アドビ」の動きも目立ってきています。2/3などに移行する人が増えています。グラフィック系のツールでは、FireworksがCS6で開発中止、メンテナンスモードに入りました。Fireworksユーザーは、ポストFireworksのワークフローを追求しはじめます。Dropr、DevRocket、Compositeなどサードパーティのアプリとの連携が注目されるほか、Slicyの本家版ともいえる「画像アセット」が注目されます。着目したいのがIllustratorの動きです。デバイスピクセル比の深化に伴い、そもそもベクトル画像であるグラフィックは、ピクセル化せず、ベクトルのままSVGとして扱うことが今後増えていくと思われます。雅弘(たかの・まさひろ)株式会社スイッチWebサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。日本全国、および海外に展開し、300回を超える関連イベントを通し、のべ40,000名を超える方が参加している。テクニカルライターとして20冊以上の著書を持ち、総販売数は14万部を超える。主な著書に『よくわかるDreamweaverの教科書』(共著、マイナビ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。デザイン事務所を転々としパチンコ屋のチラシや、観光協会Webサイト、求人チラシや地域情報紙などを制作。2007年にTwitterがきっかけでライブドアに入社。Web制作を本格的にはじめる。2009年にフリーランスとして独立。デザイン業のほか、執筆や講演、コワーキングスペース事業を行う。2013年にデザインを教える学校「ザ・マーズナレッジ株式会社」を設立。[グラフィックデザイン編]』、『スマートフォンデザインでラクするために』がある。越冬できるキリギリスを目指して、少し働いて好きに遊べるよう人生実験中。好きな言葉は「人生を棒にふるくらいヒマとゆとりをもって遊ぼう」。2014スマートフォンやタブレットに代表される「スマートデバイス」は、2013年も進化と普及を続け、Webサイトの閲覧デバイスとしては完全にスタンダードの地位を確立しました。2014年、Webの閲覧メディアがますます多様化していきます。めがね、腕時計などの「ウェアラブルデバイス」、次世代ゲーム機とテレビなどの大型画面など。私たちはこの多様化の時代に、どのようなWebサイトを提供していけばよいのでしょうか。デザイン・テクニックの両面から、考えていきます。Web業界の教育事業に取り組んでいる。近年は、スマートフォン向けのサイト制作や、JavaScriptを活用したWebサイトデザインなどが主な業務。主な著書に『よくわかるPHPの教科書』、『よくわかるJavaScriptの教科書』(共にマイナビ刊)など。直樹(まつだ・なおき)株式会社まぼろしゲーム業界にて企画開発を担当した後、Web業界に転身。2011年より株式会社まぼろしに参加。まぼろしのCCOとして、テーマパークの開設運営で培った企画力を生かし、デザイン・マークアップ・プログラム、また書籍・雑誌の執筆、講演といった業務を幅広く担当している。通してウェブサイトなど情報デザインのトレーニングを担当しつつ、執筆活動を行う。Android端末むけ日本語入力アプリケーション「Simeji4」のビジュアルデザイン担当。GClue,Ink.制作のAndroid向けアプリ連携プラットフォーム「Blocco」UI及びビジュアルデザイン担当。MKデザインスタジオ一級建築士事務所ブランドデザイン担当。adamrockerさんと開発ユニット「rockrin'」として、おもしろAndroidアプリを制作している。主な著書に『ウェブデザインのつくり方、インターフェイスデザインの考え方。『デザインのへそデザインの基礎体力を上げる50の仕事術』(エムディエヌコーポレーション)など。AppKitBoxは、スマートフォン活用者向けの支援サービスです。TestKit」を紹介します。TestKitは一般的な実機レンタルとは一線を画すスマートフォンの「リモート・レンタル・サービス」。利便性の高い検証環境を実現します。恭平(もりもと・きょうへい)NTTレゾナント株式会社NTTレゾナント株式会社に営業職として入社。「Web会社に勤務したんだから、Webについて学びたい!」との想いから、独学でWeb技術を学び、いつの間にかフロントエンドエンジニアへと転身した。ActionScriptを使ったインタラクティブなアプリケーションに興味を持ち、HTML5を利用したWebアプリケーションやスマートフォン向けネイティブアプリの開発なども行っている。現在は、スマートフォン向けサービスや開発者向けサービスなどに従事し、その開発を通して得た知識や独自に学んだことを若手エンジニアへ伝え、社内の技術力向上に貢献している。7を機に“フラットデザイン”への注目が集まっています。KitKatでもUIがフラットデザインになると噂されています。Japanのトップページもいつの間にかアイコンが平面的にデザインし直されていました。フラットデザイン”という言葉を使ったことはありません)のマイクロソフトのUXエバンジェリストが総括してみます。EffectsやPremiereといったビデオ編集ツールのマーケティング一筋の10年を過ごす。2007年にMS初のデザインツールと銘打ったExpressionのプロダクトマネージャーとして、マイクロソフトに入社。その後、Silverlightのプロダクトマネージャーを兼務し、両製品のマーケティングを統括する。2009年にエバンジェリスト部門に異動。Explorer、Windowsを担当。HTML5の中では<video>が一番得意。Webデザイントレンド:キャプチャで振り返る2013年Shiftで毎年続けているWebデザイントレンドレポートも今年で7年目を迎えました。2013年もおなじみの「トレンドとは最先端ではない、時代に最適化されつつある現象である」をキーワードに、毎年定点観測しているグローバル500社、上場企業3,700社、地方自治体1,700サイトのキャプチャアーカイブから見えてくる潮流や、海外サイトのリサーチ結果から主にサイトのビジュアル、ユーザーインターフェースの表現のトレンドを抽出して紹介していきます。ゲストには、今年も数々のデザイン解説でおなじみの矢野りん、カラーコンサルタント・Webデザイナーである坂本邦夫さんを迎え、それぞれの視点から振り返ります。今年の内容は、キャプチャアーカイブからのトレンドリサーチ結果を中心に、厳選したキャプチャを交えつつ、じっくりと2013年に起きているトレンドの流れを解説していきます。Webサイトのデザインに関わる人はもちろん、ディレクションに関わる方やWeb担当者の方にも、わかるひとからわからないひとまで幅広くお楽しみいただける、オススメのセッションです。DesignWedgeの発行を開始。Webデザイン業の傍ら、海外のWebデザインに関する情報発信を行う。主な著書に、『プロセスオブウェブデザイン』、『CakePHPビューコーディング入門』、『ウェブデザインコーディネートカタログ』など。frameworkとR言語での統計解析やWebSocketにも力を入れている。通してウェブサイトなど情報デザインのトレーニングを担当しつつ、執筆活動を行う。Android端末むけ日本語入力アプリケーション「Simeji4」のビジュアルデザイン担当。GClue,Ink.制作のAndroid向けアプリ連携プラットフォーム「Blocco」UI及びビジュアルデザイン担当。MKデザインスタジオ一級建築士事務所ブランドデザイン担当。adamrockerさんと開発ユニット「rockrin'」として、おもしろAndroidアプリを制作している。主な著書に『ウェブデザインのつくり方、インターフェイスデザインの考え方。『デザインのへそデザインの基礎体力を上げる50の仕事術』(エムディエヌコーポレーション)など。らわかるホームページの配色」を公開。Web配色デザインのセオリー』(マイナビ)など。ご参加いただくには参加登録と事前決済が必要です。参加費10,000円(当日)9,000円(事前決済)8,000円(11月8日15時まで)7,000円(10月15日15時まで)懇親会(3,500円)と一緒に事前決済されると、ちょっとお得です。3,500円(クレジットカード)4,000円(銀行振込)なお、ご参加はお支払い済みの方から、参加確定します。振込後に、こちらのフォームからご連絡いただけると助かります。決済方法お申し込みからビジネスデーで3日以内の決済をお願いします。決済に関して銀行振込の場合、振込手数料はご負担ください(会社から数名でご参加の場合、まとめて振込可能です)。PayPal決済の場合、1名ずつの決済をお願いします。決済などの運営は「株式会社スイッチ」が行います。PayPalおよび銀行振込の支払先にもなります。お申し込みからビジネスデーで3日以内の決済をお願いします。社内の稟議の関係など、ご事情がある場合には、ご一報ください。早期割引などは、決済日ベースです。決済いただく日程によっては、差額が発生することがあります。決済のご確認(入金確認)PayPalでの決済PayPalからの自動返信メールをもって入金確認とさせていただきます。確認取れ次第、入金確認メールをお送りします。お振り込み後、3日から1週間ほどかかることもあります。お願いお申し込み前に、下記3件からのアドレスからのメール受信可能にしておいてください。seminar@cssnite.jp:カウントダウンメール、フォローメールの配信メールアドレスです。cssnite@gmail.com:お申し込みの自動返信メールや受講票、お問い合わせなどの配信メールアドレスです。cssnite.payment@gmail.com:PayPal決済の自動返信メール、銀行振込確認メールの配信メールアドレスです。Niteの有料版は、およそ90日後に、スライド/音声などを参加されていない方にも公開しています。6)のフォローアップ今回、フォローアップを開催直後(1週間以内)に受け取れる「フォローアップ参加」を試験的に行います。フォローアップ参加は3,000円(当日まで)です。当日以降は金額が変わります。3,500円(クレジットカード)4,000円(銀行振込)基本的にはスライド、音声のみをシェアします。ビデオ撮影を行う予定です。公開可能なビデオは、開催から2週間以内にシェアします。会場参加と同様のタイミングで、カウントダウンメール/フォローアップメールをお送りします。領収書はPeaTiXからダウンロードしてください。会場参加の方にもフォローアップを提供しますので、会場参加される方はフォローアップ参加にお申し込みいただく必要はありません。会場参加をキャンセルされた方は、自動的にフォローアップ参加となります。フォローアップ参加にお申し込みいただく必要はありません。Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベントです。2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。制作者にとって有益であろうトピック”を広く扱っています。海外では韓国でも開催。マークアップ系にとどまらず、WebディレクターやSEO/SEM、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっています。これまでに360回を越える関連イベントを通して、のべ44,000名を超える方が参加するなど、Web制作業界のセミナーイベントとしてはモンスター級(2013年8月現在)。