CSS Nite LP39「コーディングスタイルの理想と現実」

LPシリーズの39弾は、「コーディングスタイルの理想と現実」をテーマにお送りします。

このイベントは終了しました。

フォローアップ

フォローアップを公開しました。

概要

イベント名 CSS Nite LP39「Coder's High 2015:
コーディングスタイルの理想と現実」
日時 2015年2月7日(土)13:30-18:30(開場13:05)
(終演時間は変更の可能性アリ)
会場 ベルサール九段 イベントホール
東京都千代田区九段北1-8-10 住友不動産九段ビル3F
Googleマップ
定員 240名
出演
  • 谷 拓樹(サイバーエージェント)@hiloki
  • 小林 信次(まぼろし)@koba
  • 宮地 存(エムティーアイ)
  • 森田 霞(アップルップル)@kasumimorita
  • 宇野 陽太(ピクセルグリッド)@cancer6
  • 坂巻 翔大郎(ピクセルグリッド)@geckotang
  • 小山田 晃浩(ピクセルグリッド)@yomotsu
  • 高津戸 壮(ピクセルグリッド) @Takazudo
  • こもり まさあき@cipher
司会進行
公式ツイート 渕上 雅己 @fuchie
主催 CSS Nite実行委員会
協賛
プレゼント協賛
  • マイナビ
  • 技術評論社
  • インプレス
  • KADOKAWA/アスキー・メディアワークス
  • ソシム
参加費
  • 10,000円(当日決済)
  • 8,000円(事前決済)※税別
  • 7,000円(1月12日18時まで「早割」) ※税別
  • 6,000円(12月12日15時まで「超早割」) ※税別
事前登録 必要
フォローアップ参加 あります。フォローアップ参加とは
備考 スクール形式(=机があります)
Facebook Facebookページ
Twitter ハッシュタグは #cssnite_lp39 です。
URL https://cssnite.jp/lp/lp39/
懇親会 セミナー終了後に懇親会を予定しています(別途実費)。

会社名のうち「株式会社」などは省いています。

予告なくセミナーイベントの仕様が変更になることがあります。
修正事項は、開催までにお送りするカウントダウンメール(やFacebookページ、Twitterなど)でお知らせしていますので、ご一読ください。

会場プレゼント

次の書籍などを出版社からご提供いただきました。ご来場の方に、じゃんけんなどでプレゼントします。

『Web制作者のためのCSS設計の教科書』『レスポンシブEメールデザイン』『CSS3&jQueryで作る スマートフォンサイトUI図鑑』『改訂版 Webデザイナーのための jQuery入門』 『HTML5&CSS3デザインブック』『jQueryレッスンブック jQuery 2.x/1.x対応』『Webアプリ構築のためのAngularJS』

セッション概要と 出演者のプロフィール

2015年07月06日 時点での最新情報です。セッションタイトル、内容、出演者は、状況に応じて変更する可能性があります。

プロフィールは、本セミナーイベント開催時のものです。

基調講演:CSS設計の理想と現実

CSSプリプロセッサや、フロントエンド周辺のタスク自動化をするツールが登場した前後から、ツールだけでは解決できないCSS設計について注目が集まっています。OOCSSやBEMといった方法論の触れながら、これらを実践した上でも解決しきれない問題についてお話します。

CSS設計はどうあるべきか、またフロントエンドとしての心構えについてもお話します。

谷 拓樹(たに・ひろき)

株式会社サイバーエージェント
フロントエンドエンジニア

中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、現在はスマートフォンアプリの開発、テクニカルディレクションを担当している。主な著書に『Web制作者のためのCSS設計の教科書』、『魅せるiPhoneサイト』。

理想のCSSフレームワークを探して

CSSフレームワークを使っていくなか、良いところだけではなくて不満な点も出てきました。これからもうまく付き合っていけるように、すこしでもあなたの理想にCSSフレームワークを合わせる方法をご紹介します。

写真:森田 霞(もりた かすみ)

有限会社アップルップル

1993年生まれ。三重県在住。

専門学校を卒業後、2013年、有限会社アップルップルに入社。受託案件の制作、a-blog cms の管理画面・公式テーマのコーディングを行っている。

Webプロフェッショナル連載記事「今日から始めるa-blog cms 入門」にて a-blog cms 初心者に向けた記事を執筆。

5分でゼロからテストサイトまで立ち上げます!

スタティック・サイト・ジェネレータを使って、たった5分で外部から閲覧可能なテストサイトを公開します。

写真:こもり まさあき

フリーランス・デザイナー、テクニカルライター

1972年生まれ。黎明期からWebサイト構築などに関わる。現在はWeb関連業務に加えてテクニカルライティング、講師など業種を限定せずに活動し、仕事の合間にTwitter(@cipher)でたまに毒を吐く日々。

近著に『レスポンシブEメールデザイン』(KADOKAWA/アスキー・メディアワークス刊)など。

ビルドツールはじめの一歩(タスクランナー編)

本セッションでは、タスクランナーGruntとGulpの導入方法を、Node.jsのインストールから順を追って解説します。また、合わせて実際にこれ らのタスクランナーを利用した2つのプロジェクトを通して、実際のタスクの構造、利用することの利点や問題点も感想としてあわせて共有します。

  • タスクランナーの導入方法
  • プロジェクトにGruntを使った例
  • プロジェクトにGulpを使った例

写真:小山田 晃浩宇野 陽太(うの・ようた)

株式会社ピクセルグリッド

大手ソフトウェアダウンロード販売会社、ソーシャルアプリケーションプロバイダーなどで、デザイナー、マークアップ・エンジニア、フロントエンド・エンジニアとして、主にスマートフォン向けゲームの開発に携わる。2015年1月に株式会社ピクセルグリッドに入社。

MVCフレームワークを用いたJavaScriptの実装や、メンテナブルなCSSの設計を得意とする。

坂巻 翔大郎(さかまき・しょうたろう)

株式会社ピクセルグリッド
フロントエンドエンジニア

大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。とりわけ、プログラマブルなCSSの設計、実装を得意とする。

趣味で作成したゲーム「CSS PANIC」は、JavaScriptを一切使わず、HTMLとCSSのみで実装。海外サイトで紹介されるなど話題となった。

写真:小山田 晃浩 小山田 晃浩 (おやまだ・あきひろ)

株式会社ピクセルグリッド
フロントエンドエンジニア

1982年生まれ。2006年よりweb制作会社におけるUI実装や運用を経験した後、2010年からフロントエンド・エンジニアとして(株)ピクセルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI実装を手がけている。

Web関連雑誌での執筆活動や技術関連の講演も行うほか、個人のブログ「ヨモツネット」ではHTMLやXML、CSSなどに関する技術の情報を発信している。

music.jpのリファクタリング before / after

music.jpでモジュールを意識してリファクタリングし、スタイルガイドを導入しました。それによって運用体制やコストはどのように変わったのかを紹介します。

実際の数字も見ながら、フロントエンド起点でのWebサービス改善について考えてみましょう。

小林 信次(こばやし しんじ)

株式会社まぼろし

1980年、茨城県出身。
Webディレクション、マークアップ、Webクリエーター向けの講義や執筆に従事。共著書に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。雑誌、メディアサイトへの寄稿多数。

宮地 存(みやじ ぞん)

株式会社エムティーアイ

1975年生まれ。東京都出身。
出版社から制作会社を経て、現在は株式会社エムティーアイにてアートディレクター/UXDとして、サイトレギュレーションの整備や制作の管理を行なうかたわら、自社ASPサービスの提供に伴うサイト設計や導入後のログ分析、改修プランの提案を行う。

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

レスポンシブなWebサイトが多く作られるようになり、そのためのフロント実装が求められるようになってきました。しかしながら、一つのHTMLで複数の 見栄えを表現するのは、ほとんどパズルのようであり、多くの知識や経験、時にトリッキーなCSSテクニックが必要とされます。また、何が実装可能・不可能 かを見極め、デザインの調整を行う必要も出てきます。このような状況においては、HTMLとCSSでどこまで実装できるかが、最終的なデザインを左右する ことになるでしょう。

CMS等の、HTMLを書き出すシステムに組み込むHTMLテンプレートのことを考えてみます。作ったHTMLテン プレートが複雑であれば、それに比例し、裏側で用意しなければならない仕組みも複雑になるはずです。いかに柔軟で、要件を満たすミニマムなHTMLと CSSを書けるかが、運用やシステム構築にかかる工数を左右することもあるでしょう。

つまるところ、HTMLとCSSをいかに巧く書ける かということが、ある程度、他分野の作業工数を左右すると言ってよいのではないでしょうか。Windows XPのサポートは終了し、旧世代のブラウザを無視できる環境になった今、私達は、より多くのCSSプロパティを利用できることになりました。実務で利用し たCSSテクニックを紹介しながら、柔軟なコンポーネントとは何かを考えていきます。

高津戸 壮(たかつど・たけし)

株式会社ピクセルグリッド
フロントエンドエンジニア

Web製作会社でHTML、CSS、JavaScriptエンジニアとして経験を積んだのち、フリーランスを経て、株式会社ピクセルグリッドに入社。数多くの企業サイト、WebサービスにおけるHTML実装に携わってきた。現在は主にJavaScriptが絡むUI実装全般の業務を行っている。自社サービス CodeGrid にて技術情報の配信も行っている。

Twitter: @Takazudo

著書に『改訂版 Webデザイナーのための jQuery入門』(技術評論社)ほか。

参加費とお申し込み

CSS Nite LP39 は有料のイベントです。ご参加いただくには参加登録と事前決済が必要です。

満席です。キャンセル待ちの受け付けも終了しました。

参加費

  超早割 早割 通常
12月12日まで 1月13日まで 定価
セミナー
のみ
6,000円 7,000円 8,000円
セミナー
+懇親会
9,000円 10,000円 -
懇親会
のみ
3,500円

「懇親会のみ」を除き、すべて税別です。

決済方法

お申し込みからビジネスデーで3日以内の決済をお願いします。

決済に関して

決済のご確認(入金確認)

PayPalでの決済
PayPalからの自動返信メールをもって入金確認とさせていただきます。
銀行振込での決済
確認取れ次第、入金確認メールをお送りします。お振り込み後、3日から1週間ほどかかることもあります。

フォローアップ参加

CSS Niteの有料版は、およそ90日後に、スライド/音声などを参加されていない方にも公開しています。

当日ご都合が悪い、遠方で参加が困難という方のために、今回、フォローアップ(スライド/音声)を開催直後(1週間以内)に受け取れる「フォローアップ参加」を試験的に行います。

フォローアップ参加する

開催の背景

LP39「コーディングスタイルの理想と現実」について

ここ数年、プリプロセッサーやタスクランナーなどがもてはやされ、コーディングスタイルが大きく変わりそうでしたが、「規模感に合わない」「逆に管理コストがかかる」など、フィットするもの/しないものの明暗も出てきました。もちろん、同じ人でも、案件規模や要件、チームメンバーの構成によって使い分けることが求められる場面もあります。

そこで、今回のCSS Nite LPでは、セッション(個人またはチームごとに)、案件・要件・事情を明確にし、そのデモ的な実演を行っていただきつつ、実案件でのスタディ、特に失敗例や悩みポイント/ハマりポイントなどを共有いただきます。

現在、フロントエンドエンジニアやコーダーをやっている人が、テクニカルディレクター的な立ち位置になる、つまり、社内のコーディング環境を統一したり、環境改善を提案したり、ガイドラインを設けたり、フロントエンド部分の要件定義をまとめられる」というゴールを意識しながらのLPです。

CSS Niteについて

CSS Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベントです。2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていましたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っています。

都内を中心に、神戸、岡山、山梨、札幌、静岡、広島、仙台、高知、高松、福岡、大阪、青森、長野、また、海外では韓国でも開催。マークアップ系にとどまらず、WebディレクターやSEO/SEM、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっています。

これまでに420回を越える関連イベントを通して、のべ5万名を超える方が参加するなど、Web制作業界のセミナーイベントとしてはモンスター級(2014年9月現在)。

CSS Nite LP

CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。アップルストア銀座でのCSS Nite(現在は休止中)をシングル盤に見立てると、LP盤(アルバム)だよね、ということでVolではなく、Diskでカウントしています。

今回はその第39弾。「LP39」はそこから来ています。

お申し込みから開催当日まで

振込連絡と入金確認メール

次に該当する場合には、お振り込み後に、フォームから、ご連絡をお願いいたします。

入金確認メールは、銀行振込された方のみにお送りしています。

受講票、カウントダウンメール

タイムテーブル

開始 ステージ 出演者
13:05 開場  
13:30 オープニング  
13:35 基調講演:CSS設計の理想と現実 谷 拓樹(サイバーエージェント)
14:20 理想のCSSフレームワークを探して 森田 霞(アップルップル)
15:00 休憩  
15:15 ゼロからテストサイトまで
5分で立ち上げます!
こもり まさあき
15:30 ビルドツールはじめの一歩
(タスクランナー編)
宇野 陽太(ピクセルグリッド)
坂巻 翔大郎(ピクセルグリッド)
小山田 晃浩(ピクセルグリッド
16:35 休憩  
16:50 music.jpのリファクタリング
before / after
小林 信次(まぼろし)、
宮地 存(エムティーアイ)
17:35 柔軟なコンポーネント
設計のためのCSS
高津戸 壮(ピクセルグリッド) 
18:25 エンディング  
18:30 終了  

FAQ

それぞれの質問をクリックすると、回答が開きます。すべての質問を開く

開催に関して

当日の配布資料はありますか?
ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。
ただし、撮影時に音が出る機器(携帯電話など)はご遠慮ください。
パソコンを持参した方がいいですか?
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
なお、「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。
電源はありますか?
会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください(ぜひ、電源タップなど延長できるものお持ちください)。
また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。
Twitterで実況中継してもいいですか?
はい、どうぞ。ハッシュタグは「#cssnite_lp39」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
Ustreamで中継してもいいですか?
こちらはご容赦ください(=NGです)。主催者サイドでUstream配信する予定はありません。

お申し込み・決済に関して

複数名で申し込む予定ですが、まとめて振り込んでもOKですか?
はい。その場合、お振り込み後に「振込名義」と、どなたの分かをフォームからご連絡ください。
申し込み時に記入したものとは異なる方法で送金したいのですが...(「PayPalを選択したけど、銀行振込したい」、「銀行振込を選択したけれど、PayPalで決済したい」、「複数人をまとめて振り込みたい」など)
問題ありません。お手数ですが、ご送金後にフォームからご連絡ください。
請求書は発行いただけますか?
PDFに限り、発行します。請求書発行依頼フォームからご連絡ください。
領収書はいただけますか?
はい。開催当日、全員にお渡しします。
法人名などの宛名の記入が必要な場合には、休憩時間に受付にてお申し出ください(事前のご連絡は不要です)。銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。なお、欠席された場合でも、ご連絡いただければ領収書をPDFで送付、または、郵送します。
セミナー+懇親会のセットで申し込みました。領収書を分けて欲しいのですが...
領収書はセミナーと懇親会で分けてご用意しています。
(必要な方には合算にてお渡しします)
諸事情で、遅刻(途中退席)しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。遅刻される場合、(すでに着席されている方の注意を削ぐため)次の転換/休憩時まで、会場の後部にて待機いただきます。
入金確認メールはいつ届きますか?
早ければ翌日。状況によっては1週間くらいかかることもあります。なお、PayPal決済の場合にはPayPalからの自動返信メールをもって入金確認としますので、CSS Niteからのメールはお送りしていません。
お申し込み者と振込名が異なる場合、こちらでは照合できません。ご連絡をお願いします。
「ビジネスデーで3日以内の決済」とのことですが、社内稟議の関係上、ご猶予いただけませんか?
はい、可能です。ただし、早期割引は決済ベースにて区切っていますので、早期割引の期限を越える場合には、差額を頂戴することがあります。
請求書(PDF)が必要な場合には、請求書発行依頼フォームからご連絡ください。

当日

何を持参すればいいですか?
筆記用具受講票をお持ちください。
長時間のセミナーですので、座布団をお持ちいただくのもよいと思います。
映画館やセミナーなどで寒いと感じることがある方は、夏冬問わず、 ひざ掛けカーディガン等をご持参ください。
受講票はいつ届きますか?
受講票は開催の1週間ほど前に、ご登録のメールアドレスにお送りします。プリントアウト不可の方は携帯電話に転送してご提示ください。それも不可能な場合には、受講者番号をお控えの上、ご来場ください。万が一、すべて忘れてしまった場合には、リストにてお名前を照合します。タイムテーブルは印刷したものをお渡しします。
会場内は飲食可能ですか?
はい、会場内は飲食可能です。長丁場ですので、軽食やおやつなどをご持参ください(ゴミはお持ち帰りいただけますようご協力をお願いします)。参加者の方のための飲み物などはご用意していません。ご自身でご用意ください(館内に自動販売機があります)。
遅刻しても入場できますか?
はい、ご入場いただけます。
電話やメールでの連絡などは不要です。なお、遅刻された方がセッション中に会場を移動されたり、また、関係者が誘導すると、すでに着席されている方の視界を遮り、注意をそいでしまいます。遅刻された場合、次の休憩、または、セッション間の転換まで後部にてお待ちいただくことがあります。
指定席ですか?
いいえ、自由席です。
視力の弱い方は、お早めにご来場いただき、見やすいお席を確保してください。
スクリーンは250インチとかなり大きいので、後ろの方のお席でも通常の視力であれば、問題なく観ることができます。見にくい場合には、途中でも席を移動してください。
空席を荷物などでふさがないようにご協力お願いします。
禁止事項はありますか?
まわりの方の迷惑となりますので、シャッター音の鳴る機器、および、タブレットでの撮影を禁止します(スマホ、タブレット、コンデジ等、デバイスを問わず)。
スライドは、追ってダウンロードいただけるように、後日、フォローアップメールにてご案内します。
スライドはダウンロードできますか?
はい、終了後にお送りする「フォローアップメール」にて、ダウンロードのURLなどをご案内します。開催後、遅くても1週間以内にお送りしています。
無線LAN環境はありますか?
一応、ご用意しています。
「CSSNITE_A」「CSSNITE_G」、「CSS Nite参加者用」などのアクセスポイントをご利用ください(パスワードは設定していません)。ただし、接続に関して、確実にはお約束はできません。
電源はありますか?
会場内の電源を使用していただいて結構ですが、限りがあります。電源タップなどをご持参いただき、分け合って使ってください(ぜひ、電源タップなど延長できるものお持ちください)。
また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。
なお、受付周辺に、スマホ用の充電コーナーをご用意していますので、休憩時間にご利用ください。
途中で参加者を交代してもいいですか?
それはご勘弁ください。

キャンセルや払い戻しについて

急遽参加できなくなりました。代わりの人間が参加してもよいですか?
はい、どうぞ。その際には、フォームからご連絡ください。
当日、急用で欠席しました(領収書を紛失してしまいました)。領収書は発行いただけますか?
はい、発行いたします。こちらのフォームからご連絡ください。
PayPalでダブって決済してしまいました。
ご連絡いただければ払い戻し処理を行います。もちろん、こちらで気付いた場合にはご連絡します。なお、返金の際、手数料(500円)のみご負担ください。
諸事情により参加できなくなりました。
下記のキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。

キャンセルポリシー

決済後のキャンセルについては、下記のポリシーにて行わせていただきます。

請求書 PDFのみ発行(希望者)




会場参加者 OK
フォロー
アップ参加
OK
一般公開 およそ90日後




3日前まで フォローアップ参加費を
除いて返金
(フォローアップあり)
(計算例) 8,720円-3,000円=5,720円
前々日、
前日、
当日
返金なし(フォローアップあり)

参加費のキャンセル返金に関して

懇親会のキャンセルについて

懇親会のキャンセルについて、次のようにお願いします。最初の休憩時間の終了にてお店に人数確定の連絡を行うため、それ以降のキャンセルの場合、参加されなくても費用が発生してしまいます。

タイミング 返金額
開演後、
1つめの休憩が終了するまで
3,000円
それ以降、終演まで 2,000円
終演以降 1,000円

なお、懇親会を決済されていて、当日参加されない場合にも同様です(つまり、ご連絡いただければ、後日返金いたします)。

関連情報

バナー

ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。

CSS Nite LP39「コーディングスタイルの理想と現実」(幅200ピクセル×高さ200ピクセル)

協賛、協力

このページの上部に戻る