LP39「コーディングスタイルの理想と現実」(2015年2月7日開催)LPシリーズの39弾は、「コーディングスタイルの理想と現実」をテーマにお送りします。このイベントは終了しました。フォローアップを公開しました。フォローアップ参加あります。URLhttp://cssnite.jp/lp/lp39/懇親会セミナー終了後に懇親会を予定しています(別途実費)。会社名のうち「株式会社」などは省いています。予告なくセミナーイベントの仕様が変更になることがあります。修正事項は、開催までにお送りするカウントダウンメール(やFacebookページ、Twitterなど)でお知らせしていますので、ご一読ください。早割(早期のお申し込みによる割引)には、決済期限がありますのでご注意ください。会場プレゼント次の書籍などを出版社からご提供いただきました。ご来場の方に、じゃんけんなどでプレゼントします。時点での最新情報です。セッションタイトル、内容、出演者は、状況に応じて変更する可能性があります。プロフィールは、本セミナーイベント開催時のものです。基調講演:CSS設計の理想と現実CSSプリプロセッサや、フロントエンド周辺のタスク自動化をするツールが登場した前後から、ツールだけでは解決できないCSS設計について注目が集まっています。OOCSSやBEMといった方法論の触れながら、これらを実践した上でも解決しきれない問題についてお話します。CSS設計はどうあるべきか、またフロントエンドとしての心構えについてもお話します。フロントエンドエンジニア中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、現在はスマートフォンアプリの開発、テクニカルディレクションを担当している。主な著書に『Web制作者のためのCSS設計の教科書』、『魅せるiPhoneサイト』。inkdesign理想のCSSフレームワークを探してCSSフレームワークを使っていくなか、良いところだけではなくて不満な点も出てきました。これからもうまく付き合っていけるように、すこしでもあなたの理想にCSSフレームワークを合わせる方法をご紹介します。卒業後、2013年、有限会社アップルップルに入社。管理画面・公式テーマのコーディングを行っている。初心者に向けた記事を執筆。mkasumi.com5分でゼロからテストサイトまで立ち上げます!スタティック・サイト・ジェネレータを使って、たった5分で外部から閲覧可能なテストサイトを公開します。まさあきフリーランス・デザイナー、テクニカルライター1972年生まれ。黎明期からWebサイト構築などに関わる。現在はWeb関連業務に加えてテクニカルライティング、講師など業種を限定せずに活動し、仕事の合間にTwitter(@cipher)でたまに毒を吐く日々。近著に『レスポンシブEメールデザイン』(KADOKAWA/アスキー・メディアワークス刊)など。ビルドツールはじめの一歩(タスクランナー編)本セッションでは、タスクランナーGruntとGulpの導入方法を、Node.jsのインストールから順を追って解説します。らのタスクランナーを利用した2つのプロジェクトを通して、実際のタスクの構造、利用することの利点や問題点も感想としてあわせて共有します。株式会社ピクセルグリッド大手ソフトウェアダウンロード販売会社、ソーシャルアプリケーションプロバイダーなどで、デザイナー、マークアップ・エンジニア、フロントエンド・エンジニアとして、主にスマートフォン向けゲームの開発に携わる。2015年1月に株式会社ピクセルグリッドに入社。MVCフレームワークを用いたJavaScriptの実装や、メンテナブルなCSSの設計を得意とする。フロントエンドエンジニア大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。プログラマブルなCSSの設計、実装を得意とする。PANIC」は、JavaScriptを一切使わず、HTMLとCSSのみで実装。海外サイトで紹介されるなど話題となった。2006年よりweb制作会社におけるUI実装や運用を経験した後、2010年からフロントエンド・エンジニアとして(株)ピクセルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI実装を手がけている。Web関連雑誌での執筆活動や技術関連の講演も行うほか、個人のブログ「ヨモツネット」ではHTMLやXML、CSSなどに関する技術の情報を発信している。aftermusic.jpでモジュールを意識してリファクタリングし、スタイルガイドを導入しました。それによって運用体制やコストはどのように変わったのかを紹介します。実際の数字も見ながら、フロントエンド起点でのWebサービス改善について考えてみましょう。しんじ)株式会社まぼろし1980年、茨城県出身。Webディレクション、マークアップ、Webクリエーター向けの講義や執筆に従事。共著書に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。雑誌、メディアサイトへの寄稿多数。制作会社を経て、現在は株式会社エムティーアイにてアートディレクター/UXDとして、サイトレギュレーションの整備や制作の管理を行なうかたわら、自社ASPサービスの提供に伴うサイト設計や導入後のログ分析、改修プランの提案を行う。柔軟なコンポーネント設計のためのCSSレスポンシブなWebサイトが多く作られるようになり、そのためのフロント実装が求められるようになってきました。見栄えを表現するのは、ほとんどパズルのようであり、多くの知識や経験、時にトリッキーなCSSテクニックが必要とされます。見極め、デザインの調整を行う必要も出てきます。CMS等の、HTMLを書き出すシステムに組み込むHTMLテンプレートのことを考えてみます。プレートが複雑であれば、それに比例し、裏側で用意しなければならない仕組みも複雑になるはずです。CSSを書けるかが、運用やシステム構築にかかる工数を左右することもあるでしょう。いうことが、ある程度、他分野の作業工数を左右すると言ってよいのではないでしょうか。XPのサポートは終了し、旧世代のブラウザを無視できる環境になった今、私達は、より多くのCSSプロパティを利用できることになりました。CSSテクニックを紹介しながら、柔軟なコンポーネントとは何かを考えていきます。フロントエンドエンジニアWeb製作会社でHTML、CSS、JavaScriptエンジニアとして経験を積んだのち、フリーランスを経て、株式会社ピクセルグリッドに入社。企業サイト、WebサービスにおけるHTML実装に携わってきた。現在は主にJavaScriptが絡むUI実装全般の業務を行っている。技術情報の配信も行っている。jQuery入門』(技術評論社)ほか。ご参加いただくには参加登録と事前決済が必要です。キャンセル待ちの受け付けも終了しました。「懇親会のみ」を除き、すべて税別です。超早割/早割の〆切は決済ベースです。懇親会(3,500円)と一緒に事前決済されると、ちょっとおトクです。決済方法お申し込みからビジネスデーで3日以内の決済をお願いします。決済に関して銀行振込の場合、振込手数料はご負担ください(会社から数名でご参加の場合、まとめて振込可能です)。決済などの運営は「株式会社スイッチ」が行います。PayPalおよび銀行振込の支払先にもなります。お申し込みからビジネスデーで3日以内の決済をお願いします。社内の稟議の関係など、ご事情がある場合にはご一報ください。早期割引などは決済日ベースです。決済いただく日程によっては、差額が発生することがあります。決済のご確認(入金確認)PayPalでの決済PayPalからの自動返信メールをもって入金確認とさせていただきます。確認取れ次第、入金確認メールをお送りします。お振り込み後、3日から1週間ほどかかることもあります。Niteの有料版は、およそ90日後に、スライド/音声などを参加されていない方にも公開しています。当日ご都合が悪い、遠方で参加が困難という方のために、今回、フォローアップ(スライド/音声)を開催直後(1週間以内)に受け取れる「フォローアップ参加」を試験的に行います。フォローアップ参加するフォローアップ参加は、ストリーミング中継ではありません。開催から1週間後にフォローアップメールをお送りします。その中で、スライド、音声、ビデオのダウンロード方法についてご案内します。フォローアップ公開のスライドやビデオでは、コンテンツの一部がカットされることがあります。フォローアップ参加は3,000円(開催前)、3,500円(開催後)です。ビデオ撮影を行う予定です。公開可能なビデオは、開催から2週間以内にシェアします。会場参加の方にもフォローアップを提供しますので、会場参加される方はフォローアップ参加にお申し込みいただく必要はありません。会場参加をキャンセルされた方は、自動的にフォローアップ参加となります。フォローアップ参加にお申し込みいただく必要はありません。会場参加フォローアップ参加カウントダウンメール会場での参加フォローアップスライドビデオ開催の背景LP39「コーディングスタイルの理想と現実」についてここ数年、プリプロセッサーやタスクランナーなどがもてはやされ、コーディングスタイルが大きく変わりそうでしたが、「規模感に合わない」「逆に管理コストがかかる」など、フィットするもの/しないものの明暗も出てきました。同じ人でも、案件規模や要件、チームメンバーの構成によって使い分けることが求められる場面もあります。明確にし、そのデモ的な実演を行っていただきつつ、実案件でのスタディ、特に失敗例や悩みポイント/ハマりポイントなどを共有いただきます。現在、フロントエンドエンジニアやコーダーをやっている人が、テクニカルディレクター的な立ち位置になる、つまり、社内のコーディング環境を統一したり、環境改善を提案したり、ガイドラインを設けたり、フロントエンド部分の要件定義をまとめられる」というゴールを意識しながらのLPです。Nite(シーエスエス・ナイト)は、Web制作に関わる方のためのセミナーイベントです。2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。制作者にとって有益であろうトピック”を広く扱っています。海外では韓国でも開催。マークアップ系にとどまらず、WebディレクターやSEO/SEM、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっています。これまでに420回を越える関連イベントを通して、のべ5万名を超える方が参加するなど、Web制作業界セミナーイベントとしてはモンスター級(2014年9月現在)。Nite(現在は休止中)をシングル盤に見立てると、LP盤(アルバム)だよね、ということでVolではなく、Diskでカウントしています。LP今回はその第39弾。「LP39」はそこから来ています。お申し込みから開催当日まで振込連絡と入金確認メール次に該当する場合には、お振り込み後に、フォームから、ご連絡をお願いいたします。お申し込みフォームで選択した送金方法と異なるものにしたい場合(送金後にご連絡ください)例)「銀行振込を選択したが、PayPal決済した」お申し込みのお名前と、決済された者のお名前が異なる場合(結婚前後で姓が変わっている場合など)複数名分をまとめてお振り込みされる場合ビジネスデーで3日を過ぎてしまう場合、過ぎてしまった場合(ご連絡いただければ再申し込みは不要です)入金確認メールは、銀行振込された方のみにお送りしています。受講票、カウントダウンメール「カウントダウンメール」と称して、タイムテーブルの決定や、その他のご連絡事項をメールにてお送りします(不定期)。受講票は、開催の1週間ほど前にメールにてお送りします。可能であればプリントアウトしてご持参ください。難しい場合には、携帯電話に転送してご持参ください(A-99のような番号とお名前にて照合しています)。タイムテーブルはあくまでも目安であり、当日の流れによって調整しながら進行します。若干、早く終了したり、延長する可能性があります。18:25エンディング18:30終了FAQそれぞれの質問をクリックすると、回答が開きます。Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。撮影時に音が出る機器(携帯電話など)はご遠慮ください。パソコンを持参した方がいいですか?いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。電源はありますか?会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください(ぜひ、電源タップなど延長できるものお持ちください)。ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。Twitterで実況中継してもいいですか?はい、どうぞ。ハッシュタグは「#cssnite_lp39」です。場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。Ustreamで中継してもいいですか?こちらはご容赦ください(=NGです)。主催者サイドでUstream配信する予定はありません。お申し込み・決済に関して複数名で申し込む予定ですが、まとめて振り込んでもOKですか?はい。その場合、お振り込み後に「振込名義」と、どなたの分かをフォームからご連絡ください。お手数ですが、ご送金後にフォームからご連絡ください。請求書は発行いただけますか?PDFに限り、発行します。請求書発行依頼フォームからご連絡ください。領収書はいただけますか?はい。開催当日、全員にお渡しします。法人名などの宛名の記入が必要な場合には、休憩時間に受付にてお申し出ください(事前のご連絡は不要です)。銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。欠席された場合でも、ご連絡いただければ領収書をPDFで送付、または、郵送します。セミナー+懇親会のセットで申し込みました。領収書を分けて欲しいのですが...領収書はセミナーと懇親会で分けてご用意しています。(必要な方には合算にてお渡しします)諸事情で、遅刻(途中退席)しなければなりません。部分的な返金等はご容赦ください。遅刻される場合、(すでに着席されている方の注意を削ぐため)次の転換/休憩時まで、会場の後部にて待機いただきます。入金確認メールはいつ届きますか?早ければ翌日。状況によっては1週間くらいかかることもあります。Niteからのメールはお送りしていません。お申し込み者と振込名が異なる場合、こちらでは照合できません。ご連絡をお願いします。「ビジネスデーで3日以内の決済」とのことですが、社内稟議の関係上、ご猶予いただけませんか?はい、可能です。早期割引は決済ベースにて区切っていますので、早期割引の期限を越える場合には、差額を頂戴することがあります。請求書(PDF)が必要な場合には、請求書発行依頼フォームからご連絡ください。何を持参すればいいですか?筆記用具と受講票をお持ちください。長時間のセミナーですので、座布団をお持ちいただくのもよいと思います。ひざ掛けやカーディガン等をご持参ください。受講票はいつ届きますか?受講票は開催の1週間ほど前に、ご登録のメールアドレスにお送りします。プリントアウト不可の方は携帯電話に転送してご提示ください。それも不可能な場合には、受講者番号をお控えの上、ご来場ください。万が一、すべて忘れてしまった場合には、リストにてお名前を照合します。タイムテーブルは印刷したものをお渡しします。会場内は飲食可能ですか?はい、会場内は飲食可能です。長丁場ですので、軽食やおやつなどをご持参ください(ゴミはお持ち帰りいただけますようご協力をお願いします)。参加者の方のための飲み物などはご用意していません。ご自身でご用意ください(館内に自動販売機があります)。遅刻しても入場できますか?はい、ご入場いただけます。電話やメールでの連絡などは不要です。遅刻された方がセッション中に会場を移動されたり、また、関係者が誘導すると、すでに着席されている方の視界を遮り、注意をそいでしまいます。遅刻された場合、次の休憩、または、セッション間の転換まで後部にてお待ちいただくことがあります。指定席ですか?いいえ、自由席です。視力の弱い方は、お早めにご来場いただき、見やすいお席を確保してください。スクリーンは250インチとかなり大きいので、後ろの方のお席でも通常の視力であれば、問題なく観ることができます。見にくい場合には、途中でも席を移動してください。空席を荷物などでふさがないようにご協力お願いします。禁止事項はありますか?まわりの方の迷惑となりますので、シャッター音の鳴る機器、および、タブレットでの撮影を禁止します(スマホ、タブレット、コンデジ等、デバイスを問わず)。スライドは、追ってダウンロードいただけるように、後日、フォローアップメールにてご案内します。スライドはダウンロードできますか?はい、終了後にお送りする「フォローアップメール」にて、ダウンロードのURLなどをご案内します。開催後、遅くても1週間以内にお送りしています。無線LAN環境はありますか?一応、ご用意しています。Nite参加者用」などのアクセスポイントをご利用ください(パスワードは設定していません)。接続に関して、確実にはお約束はできません。電源はありますか?会場内の電源を使用していただいて結構ですが、限りがあります。電源タップなどをご持参いただき、分け合って使ってください(ぜひ、電源タップなど延長できるものお持ちください)。ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。受付周辺に、スマホ用の充電コーナーをご用意していますので、休憩時間にご利用ください。途中で参加者を交代してもいいですか?それはご勘弁ください。キャンセルや払い戻しについて急遽参加できなくなりました。代わりの人間が参加してもよいですか?はい、どうぞ。その際には、フォームからご連絡ください。当日、急用で欠席しました(領収書を紛失してしまいました)。領収書は発行いただけますか?はい、発行いたします。こちらのフォームからご連絡ください。PayPalでダブって決済してしまいました。ご連絡いただければ払い戻し処理を行います。こちらで気付いた場合にはご連絡します。返金の際、手数料(500円)のみご負担ください。諸事情により参加できなくなりました。下記のキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。決済後のキャンセルについては、下記のポリシーにて行わせていただきます。なし(フォローアップあり)参加費のキャンセル返金に関してキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。返金処理は、お申し出から1週間以内に実行します。Niteが負担します(ただし、ダブりなどのご送金の場合には、ご負担ください)。懇親会とセットでお申し込みの方も同様の計算です。希望される方には、領収書を発行いたします。こちらのフォームからご連絡ください。懇親会のキャンセルについて懇親会のキャンセルについて、次のようにお願いします。最初の休憩時間の終了にてお店に人数確定の連絡を行うため、それ以降のキャンセルの場合、参加されなくても費用が発生してしまいます。終演以降1,000円なお、懇親会を決済されていて、当日参加されない場合にも同様です(つまり、ご連絡いただければ、後日返金いたします)。関連情報バナーブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。会場プレゼントFAQ。