『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント | Peatix tag:peatix.com,2011:1 2015-10-14T04:00:42+09:00 Peatix 株式会社エムディエヌコーポレーション 『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント tag:peatix.com,2015:event-71834 2015-03-01T14:00:00JST 2015-03-01T14:00:00JST 『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント株式会社エムディエヌコーポレーションより2014年12月24日に発売された書籍『プロとして恥ずかしくない 新・WEBデザインの大原則』の発売記念イベントを開催いたします。本書で解説されているトピックのなかから、「書籍の解説を踏まえて、さらに深く知っておいてほしい」、「現場では実際にどのような作業が行われているのかを順を追って解説したい」といった本書では伝えきれなかった内容をお届けいたします。イベントのハッシュタグは #webdaigensoku となりますので、ぜひご共有ください!〈イベント概要〉イベント名:『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント開催日時 :2015年3月1日(日)14:00〜18:00(開場13:30)会場   :インプレスグループセミナールーム参加費  :1,000円(懇親会費込み)定員   :75名〈ご入場について〉当日のビルはエレベーターホールが閉鎖されております。北エントランスホール(タリーズコーヒー側)にご入場いただけましたら、係の者がセキュリティカードにて解錠してご案内申し上げます。エレベーターホールに入っていただき、「17……23」と書いてあるホールのエレベーターにて23階にお上がりください。タリーズコーヒー側入り口〈遅れてのご入場について〉係の者は14:10ごろに北エントランスホールを離れます。お手数おかけいたしますが、ご到着が遅れられた場合には、Twitterにて @MdN_WebBook 宛てにツイートしていただくか、Peatixの[主催者に連絡]機能にてエントランスホールにお着きになられた旨をご連絡ください。あわせてタリーズ側の入り口か、回転ドア側の入り口かもご連絡いただけますと幸いです。〈ご退出について〉エレベーターで1階に降りていただき、矢印の案内のある通用口よりご退出ください。施錠されておりますが、扉脇に設置された白いボタンを押すと鍵が開きます。〈会場についてのご注意〉・席には机がございますので、ノートPC等もご利用いただけます・無線LANはご利用いただける予定です(混雑によりつながりにくい場合があります)・電源はご利用いただけません・ビル内は禁煙です。ビル周囲に喫煙所もございません。ご喫煙される場合は休憩時間にビル1Fの喫茶店等をご利用いただくことになります。・23階以外のフロア、およびセミナールーム・隣接のラウンジスペース以外の場所へのお立ち入りはご遠慮ください〈イベント内容〉14:10〜14:40 [基調講演]デバイス多様化の時代のWeb制作(こもりまさあき)デバイスの多様化にともないWebサイトの制作手法も変わろうとしています。従来の制作手法を疑問もなく続けているだけでは、ビジネススピードの変化や閲覧対象の変化にともなう作業量の増大にも耐えきれないことが目に見えています。なぜ今この大原則なのか、をあらためてお伝えします。14:40〜15:40 CSSで泥沼にはまらない3つのアプローチ(久保知己)CSSはシンプルな文法で簡単に記述できる言語です。ただし、無計画に記述していると、更新を重ねるうちに表示にうまく反映できなくなり、セレクタを場当たりで改変したり、!importantを追加するといった対症療法が頻発して泥沼にはまりやすい側面を持っています。本セッションでは「プロパティ」「セレクタ」「ツール」の3つのアプローチから、CSS泥沼化の回避方法を模索していきます。〈20分休憩〉16:00〜17:00 JavaScriptの使いどころ(三留裕介)Webサイト制作に欠かせなくなってきたJavaScript。Webページでの使用はもちろんのこと、複雑化している制作工程を自動化するツールとしてもJavaScriptは活用されています。本セッションでは、Node.jsの導入、実際の制作現場で使用されているツールの導入を解説していきます。17:00〜17:30 Bootstrapはこう使う(こもりまさあき)世界中の知見の集まったCSSフレームワークは、制作効率をあげるだけでなくブラウザ対応の手間からも解放されます。「どれも似たようなものになる」というのは、「使い方がわかってない」の一言に尽きるでしょう。本セッションでは、Bootstrapのソースをベースにカスタマイズする手法をデモサイトを作りながら解説します。17:30〜 懇親会(1時間程度を予定)〈登壇者プロフィール〉こもり まさあき1972年生まれのフリーランス。1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行して従事。2001年、会社を退職しそのままフリーランスの道へ。Webサイトの企画・制作からサーバ管理、テクニカルライティング、セミナー講師など幅広く活動中。呼ばれる案件により業務内容や立ち位置が異なるため、職域的な肩書きはなし。執筆多数。久保知己(くぼ・ともき)1985年生まれ。専門学校でグラフィックデザインを学んだ後、デザイナーとして制作会社に入社。Webデザインやコーディング、CMSなどを中心に幅広く従事。2014年に株式会社まぼろしのマークアップエンジニアとして入社。著書に『現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール』(MdN/共著)、『CSS3&jQueryで作る スマートフォンサイトUI図鑑』(アスキー・メディアワークス/共著)がある。三留裕介(みとめ・ゆうすけ)中小Web制作会社専門のフロントエンド・エンジニア。HTMLやCSS、JavaScriptなどのコーディングについて、アドバイスおよびサポートを実施。デザインに強いWeb制作会社からは「デザインに集中できるので助かる」「エンジニアの人件費が浮いた」と好評。「Web標準に準拠した保守性・更新性の高さ」と「アクセシビリティの高さ」を同時に満たしたマークアップを日々探求している。〈書籍情報〉『プロとして恥ずかしくない 新・WEBデザインの大原則』書籍情報ページ:http://www.mdn.co.jp/di/book/3214203008/Facebookページ:https://www.facebook.com/webnewprinciple Updates tag:peatix.com,2015-02-28 01:24:04 2015-02-28 01:24:04 イベント詳細情報を更新しました。 Diff#77751 Updates tag:peatix.com,2015-02-28 01:23:05 2015-02-28 01:23:05 イベント詳細情報を更新しました。 Diff#77749 Updates tag:peatix.com,2015-02-27 14:11:39 2015-02-27 14:11:39 イベント詳細情報を更新しました。 Diff#77738 Updates tag:peatix.com,2015-02-27 11:22:20 2015-02-27 11:22:20 イベント詳細情報を更新しました。 Diff#77714 Updates tag:peatix.com,2015-02-27 11:21:44 2015-02-27 11:21:44 イベント詳細情報を更新しました。 Diff#77713 Updates tag:peatix.com,2015-02-27 11:19:58 2015-02-27 11:19:58 イベント詳細情報を更新しました。 Diff#77709 Updates tag:peatix.com,2015-02-27 11:18:40 2015-02-27 11:18:40 イベント詳細情報を更新しました。 Diff#77707 Updates tag:peatix.com,2015-02-27 11:18:25 2015-02-27 11:18:25 イベント詳細情報を更新しました。 Diff#77706 Updates tag:peatix.com,2015-02-27 11:18:00 2015-02-27 11:18:00 イベント詳細情報を更新しました。 Diff#77705 Updates tag:peatix.com,2015-02-27 11:17:21 2015-02-27 11:17:21 イベント詳細情報を更新しました。 Diff#77704 Updates tag:peatix.com,2015-02-25 13:15:37 2015-02-25 13:15:37 イベント詳細情報を更新しました。 Diff#77256 Updates tag:peatix.com,2015-02-25 13:14:15 2015-02-25 13:14:15 イベント詳細情報を更新しました。 Diff#77255 Updates tag:peatix.com,2015-02-25 11:09:52 2015-02-25 11:09:52 イベント詳細情報を更新しました。 Diff#77240 Updates tag:peatix.com,2015-02-25 11:08:39 2015-02-25 11:08:39 イベント詳細情報を更新しました。 Diff#77239 Updates tag:peatix.com,2015-02-25 11:07:26 2015-02-25 11:07:26 イベント詳細情報を更新しました。 Diff#77238 Updates tag:peatix.com,2015-02-25 10:30:14 2015-02-25 10:30:14 会場 は インプレスグループセミナールーム(23階) に変更されました。 Orig#77236 Updates tag:peatix.com,2015-02-25 10:29:03 2015-02-25 10:29:03 イベント詳細情報を更新しました。 Diff#77234 Updates tag:peatix.com,2015-02-25 10:28:45 2015-02-25 10:28:45 イベント詳細情報を更新しました。 Diff#77233 Updates tag:peatix.com,2015-02-25 08:26:17 2015-02-25 08:26:17 イベント詳細情報を更新しました。 Diff#77213 Updates tag:peatix.com,2015-02-12 09:35:30 2015-02-12 09:35:30 イベント詳細情報を更新しました。 Diff#75064 Updates tag:peatix.com,2015-02-12 09:00:11 2015-02-12 09:00:11 イベント詳細情報を更新しました。 Diff#75041 Updates tag:peatix.com,2015-02-12 08:59:46 2015-02-12 08:59:46 イベント詳細情報を更新しました。 Diff#75040 Updates tag:peatix.com,2015-02-12 08:59:33 2015-02-12 08:59:33 イベント詳細情報を更新しました。 Diff#75039 Updates tag:peatix.com,2015-02-12 08:59:17 2015-02-12 08:59:17 イベント詳細情報を更新しました。 Diff#75038 Updates tag:peatix.com,2015-02-12 08:59:07 2015-02-12 08:59:07 イベント詳細情報を更新しました。 Diff#75037 Updates tag:peatix.com,2015-02-12 08:58:08 2015-02-12 08:58:08 イベント詳細情報を更新しました。 Diff#75036 Updates tag:peatix.com,2015-02-12 08:57:40 2015-02-12 08:57:40 イベント詳細情報を更新しました。 Diff#75035 Updates tag:peatix.com,2015-02-12 08:57:21 2015-02-12 08:57:21 イベント詳細情報を更新しました。 Diff#75034 Updates tag:peatix.com,2015-02-12 08:57:11 2015-02-12 08:57:11 イベント詳細情報を更新しました。 Diff#75033 Updates tag:peatix.com,2015-02-12 08:57:03 2015-02-12 08:57:03 イベント詳細情報を更新しました。 Diff#75032 Updates tag:peatix.com,2015-02-12 08:56:48 2015-02-12 08:56:48 イベント詳細情報を更新しました。 Diff#75031 Updates tag:peatix.com,2015-02-12 08:55:09 2015-02-12 08:55:09 イベント詳細情報を更新しました。 Diff#75030 Updates tag:peatix.com,2015-02-12 08:53:28 2015-02-12 08:53:28 イベント詳細情報を更新しました。 Diff#75029 Updates tag:peatix.com,2015-02-12 08:51:57 2015-02-12 08:51:57 イベント詳細情報を更新しました。 Diff#75027 Updates tag:peatix.com,2015-02-12 03:09:35 2015-02-12 03:09:35 イベント詳細情報を更新しました。 Diff#74924 Updates tag:peatix.com,2015-02-12 02:47:03 2015-02-12 02:47:03 イベント詳細情報を更新しました。 Diff#74922 Updates tag:peatix.com,2015-02-04 05:10:43 2015-02-04 05:10:43 イベント詳細情報を更新しました。 Diff#73466 Updates tag:peatix.com,2015-02-04 05:10:25 2015-02-04 05:10:25 イベント詳細情報を更新しました。 Diff#73465 Updates tag:peatix.com,2015-02-04 05:08:51 2015-02-04 05:08:51 イベント詳細情報を更新しました。 Diff#73464