tag:peatix.com,2011:1 2021-11-17T15:17:30+09:00 Peatix BA tag:peatix.com,2015:event-86552 2015-05-14T19:00:00JST 2015-05-14T19:00:00JST

WebサイトやWebアプリ制作の現場においては、マルチデバイス対応が当たり前となりつつあります。そういった状況に今後どうアプローチしていくべきなのか？その新たな指針となる書籍が相次いで出版されました。 『これからのWebサイト設計の新しい教科書　 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』 『CSS3&jQueryで作る スマートフォンサイトUI図鑑』 『コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション 』 この3冊のテーマは「モダンなアプローチを紹介する」という点で共通しています。そこで、この3冊の書籍出版を記念し、著者自らが登壇するセミナーイベントを開催します。新しいアプローチが求められる背景や、具体的な手法などを著者から直接聞けるチャンスです。当日は会場にて書籍の販売も行います。 日時：2015年5月14日（木）18:30～開場　19:00～開演 会場： 東京都千代田区富士見2-13-12 KADOKAWA富士見ビル2Fホール ※Googleマップ上では「タイムズ富士見第10」と表示されます。 料金：1000円（ドリンクつき） 主催：BA(株式会社ビジネス・アーキテクツ) http://www.b-architects.com/ 協力：株式会社KADOKAWA、株式会社ボーンデジタル、株式会社エムディエヌコーポレーション ※イベント当日のキャンセルにつきましては、ご返金いたしかねますので予めご了承ください。 18:30～　開場・受付開始 19:00～　セッション1 Bootstrapではじめる、Webサイト設計のモダンアプローチ スピーカー： 松田直樹、後藤賢司、こもりまさあき、田代豊 現在のWeb制作では「マルチデバイス対応」がもはや普遍的なものになりました。このセッションでは、CSSフレームワークとコンポーネント思考を取り入れたWeb制作について、事例を見ながら考えていきます。 (『これからのWebサイト設計の新しい教科書』より) 19:30～　セッション2 WAI-ARIAで実現するマルチデバイスの環境のWebアプリケーション スピーカー： 太田良典、伊原力也 HTML5やCSSフレームワークを駆使したモダンなサイトでも、アクセシビリティの問題が生じることがあります。WAI-ARIAの技術を活用すると、問題を解消し、さまざまなデバイスで使いやすいサイトにすることができます。このセッションでは、WAI-ARIAの考え方や概要を、事例を交えながら紹介します。 (『コーディングWebアクセシビリティ』より) 20:00～　セッション3 再考！スマートフォンサイト定番UI スピーカー： 礒田優、久保知己、近藤直人、宮田優希 ユーザーにとって最適なUIとは何なのでしょうか？ 今回は多くのスマートフォンサイトで見かけるようになったメニューアイコン、通称 "ハンバーガーアイコン" を使ったナビゲーションUIをユーザビリティ、実装面から再度見直します！ (『CSS3&jQueryで作るスマートフォンサイトUI図鑑』より) 20:30～　質疑応答とまとめ 21:00～　書籍販売 21:30　　イベント終了 スピーカープロフィール（敬称略） セッション1 松田直樹（まつだ・なおき） ゲーム業界にて企画開発に従事した後、Web業界に転身。2011年より株式会社まぼろしにCCOとして参加。ゲーム業界で培った企画力を生かしつつ、デザイン・マークアップ・プログラム、書籍の執筆や講演といった業務を幅広く担当している。また、日本史の歴史系ライティング活動も行っている。主な著書に『現場のプロが教えるWeb制作の最新常識　知らないと困るWebデザインの新ルール』（MdN監修）がある。 http://rekishi.maboroshi.biz/http://twitter.com/rekishizatsudan 後藤賢司（ごとう・けんじ） Webサイトの企画、デザイン、運営。CPIエバンジェリスト。和菓子好き。「ゼロから始めるWordPress勉強会」、「Webクリエイターのための情報交換所」運営。 共著に『WordPressプロフェッショナル養成読本』（技術評論社）『現場でかならず使われているWordPressデザインメソッド』（MdN）、『プロが選ぶWordPress優良プラグイン事典』（MdN）がある。 http://yotsuba-d.com http://cocomag.net こもりまさあき（こもり・まさあき） 1972年生まれ。黎明期からWebサイト構築、携帯公式サイト構築などに関わる。現在はWebサイトの企画・制作からサーバー管理、テクニカルライティング、セミナー講師など幅広く活躍中。呼ばれる案件により業務内容な立ち位置が異なるため、職域的な肩書きはなし。主な著書に『基礎から覚える、深く理解できる。Webデザインの新しい教科書』（MdN共著）、監修書に『プロとして恥ずかしくない新・WEBデザインの大原則』（MdN）など。 田代豊（たしろ・ゆたか） 1983年、千葉県出身。20歳からWeb制作会社で企業サイトのデザインやマークアップ、CMS、JavaScriptなどの実装を経験したのち、2005年、QUONとして独立。現在は主にディレクションやデザイン、HTML5/CSS3などを利用した企業サイト制作を行っている。 セッション２ 太田良典（おおた・よしのり） BA テクノロジー本部 システムソリューション部 セキュリティスペシャリスト / アクセシビリティスペシャリスト ウェブアクセシビリティ基盤委員会(WAIC) 実装作業部会副主査 / JIS X 8341-3改正原案作成委員会委員 HTML4.01のW3C仕様書を翻訳した「HTML4仕様書邦訳計画補完委員会」の委員を務めた後、2001年にBAに参加。Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞（情報セキュリティ部門）」を受賞。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員として活動している。著書（共著）に「Dreamweaverプロフェッショナル・スタイル」「ウェブの仕事力が上がる標準ガイドブック5 Webプログラミング」など。 http://www.b-architects.com http://bakera.jp/ http://twitter.com/bakera/ 伊原力也（いはら・りきや） BA ソリューションデザイン事業部 シニアインフォメーションアーキテクト。HCD-Net認定 人間中心設計専門家。1999年よりWeb標準に則ったWebサイトの構築業務に従事。2004年にBAに参加。マークアップデザインエンジニアとして業務を行う傍ら、HCD（人間中心設計）プロセス導入を推進。現在はプロジェクト設計、調査分析、コンセプト立案から、アクセシビリティおよびユーザビリティを確保したインタラクションデザイン、さらにフロントエンド実装のディレクションまでを一貫して手がける。クリエイティブユニットmokuva所属。 http://www.b-architects.com http://mokuva.com http://twitter.com/magi1125 セッション３ 礒田優（いそだ・ゆう） 1993年生まれ。Webデザイン系の専門学校を卒業した後、2014年3月から株式会社まぼろしにフロントエンドエンジニアとして入社。マークアップ、JavaScript実装をメインにWebサイト、Webアプリ制作の業務を行う。 http://maboroshi.biz/ 久保知己（くぼ・ともき） 1985年生まれ。専門学校でグラフィックデザインを学んだ後、デザイナーとして制作会社に入社。その後、2014年に株式会社まぼろしのマークアップデザインエンジニアとして入社する。個人活動ではブログ「KOJIKA17」の運営や執筆、登壇なども行っている。著書に『プロとして恥ずかしくない新・WEBデザインの大原則』『現場プロが教えるWebデザイン制作の最新常識』（いずれも共著、MdN刊）などがある。 http://maboroshi.biz/ http://kojika17.com/ 近藤直人（こんどう・なおと） 1990年生まれ。2011年からSEO会社でWeb制作を学び、2014年にフロントエンドエンジニアとして株式会社まぼろし入社。個人活動として「isee」というブログを運営。 http://maboroshi.biz/ http://isee-web.net/ 宮田優希（みやた・ゆうき） 1986年生まれ。システム開発会社を退社後、専門学校、アルバイトを経て、2014年よりWebデザイナーとして株式会社まぼろし入社。サイトデザイン、HTML/XHTMLのマークアップ、CSS設計等を行う。 http://maboroshi.biz/

tag:peatix.com,2015-05-13 06:54:32 2015-05-13 06:54:32 イベント詳細情報を更新しました。 Diff#91500 tag:peatix.com,2015-05-12 10:55:52 2015-05-12 10:55:52 イベント詳細情報を更新しました。 Diff#91363 tag:peatix.com,2015-05-12 07:39:39 2015-05-12 07:39:39 イベント詳細情報を更新しました。 Diff#91319 tag:peatix.com,2015-04-28 06:15:46 2015-04-28 06:15:46 イベント詳細情報を更新しました。 Diff#88435 tag:peatix.com,2015-04-28 06:15:12 2015-04-28 06:15:12 イベント詳細情報を更新しました。 Diff#88434 tag:peatix.com,2015-04-28 06:14:53 2015-04-28 06:14:53 イベント詳細情報を更新しました。 Diff#88433 tag:peatix.com,2015-04-28 06:14:28 2015-04-28 06:14:28 イベント詳細情報を更新しました。 Diff#88431 tag:peatix.com,2015-04-28 06:12:44 2015-04-28 06:12:44 副題 は 2015年5月14日（木）18:30 開場・受付　KADOKAWA富士見ビル2Fホール に変更されました。 Orig#88430 tag:peatix.com,2015-04-28 06:12:36 2015-04-28 06:12:36 副題 は 2015年5月14日（木）18:30 開場・受付　KADOKAWA富士見ビル2Fホールにて に変更されました。 Orig#88428 tag:peatix.com,2015-04-28 06:12:00 2015-04-28 06:12:00 副題 は 2015年5月14日（木）18:30～開場　19:00～開演　KADOKAWA富士見ビル2Fホールにて に変更されました。 Orig#88426 tag:peatix.com,2015-04-28 06:08:12 2015-04-28 06:08:12 イベント詳細情報を更新しました。 Diff#88422 tag:peatix.com,2015-04-28 05:58:45 2015-04-28 05:58:45 イベント詳細情報を更新しました。 Diff#88421 tag:peatix.com,2015-04-28 05:56:45 2015-04-28 05:56:45 イベント詳細情報を更新しました。 Diff#88420 tag:peatix.com,2015-04-28 05:50:04 2015-04-28 05:50:04 イベント詳細情報を更新しました。 Diff#88415 tag:peatix.com,2015-04-28 05:49:13 2015-04-28 05:49:13 イベント詳細情報を更新しました。 Diff#88414 tag:peatix.com,2015-04-28 05:47:44 2015-04-28 05:47:44 イベント詳細情報を更新しました。 Diff#88413 tag:peatix.com,2015-04-28 05:47:05 2015-04-28 05:47:05 イベント詳細情報を更新しました。 Diff#88412 tag:peatix.com,2015-04-28 05:46:13 2015-04-28 05:46:13 イベント詳細情報を更新しました。 Diff#88411 tag:peatix.com,2015-04-28 05:45:09 2015-04-28 05:45:09 イベント詳細情報を更新しました。 Diff#88410 tag:peatix.com,2015-04-28 05:44:21 2015-04-28 05:44:21 イベント詳細情報を更新しました。 Diff#88409 tag:peatix.com,2015-04-28 05:43:10 2015-04-28 05:43:10 イベント詳細情報を更新しました。 Diff#88408 tag:peatix.com,2015-04-28 05:40:31 2015-04-28 05:40:31 イベント詳細情報を更新しました。 Diff#88407 tag:peatix.com,2015-04-28 05:40:10 2015-04-28 05:40:10 イベント詳細情報を更新しました。 Diff#88406 tag:peatix.com,2015-04-28 05:39:09 2015-04-28 05:39:09 イベント詳細情報を更新しました。 Diff#88404 tag:peatix.com,2015-04-28 05:37:12 2015-04-28 05:37:12 イベント詳細情報を更新しました。 Diff#88403 tag:peatix.com,2015-04-28 05:33:42 2015-04-28 05:33:42 イベント詳細情報を更新しました。 Diff#88402 tag:peatix.com,2015-04-28 05:32:45 2015-04-28 05:32:45 イベント詳細情報を更新しました。 Diff#88401 tag:peatix.com,2015-04-28 05:31:52 2015-04-28 05:31:52 イベント詳細情報を更新しました。 Diff#88400 tag:peatix.com,2015-04-28 05:30:59 2015-04-28 05:30:59 イベント詳細情報を更新しました。 Diff#88399 tag:peatix.com,2015-04-28 05:29:12 2015-04-28 05:29:12 イベント詳細情報を更新しました。 Diff#88398 tag:peatix.com,2015-04-28 05:28:17 2015-04-28 05:28:17 イベント詳細情報を更新しました。 Diff#88397 tag:peatix.com,2015-04-28 05:27:37 2015-04-28 05:27:37 イベント詳細情報を更新しました。 Diff#88396 tag:peatix.com,2015-04-28 05:24:48 2015-04-28 05:24:48 イベント詳細情報を更新しました。 Diff#88395 tag:peatix.com,2015-04-28 05:24:01 2015-04-28 05:24:01 イベント詳細情報を更新しました。 Diff#88394 tag:peatix.com,2015-04-28 05:23:16 2015-04-28 05:23:16 イベント詳細情報を更新しました。 Diff#88393 tag:peatix.com,2015-04-28 05:21:57 2015-04-28 05:21:57 イベント詳細情報を更新しました。 Diff#88391 tag:peatix.com,2015-04-28 05:21:06 2015-04-28 05:21:06 イベント詳細情報を更新しました。 Diff#88390 tag:peatix.com,2015-04-28 05:15:29 2015-04-28 05:15:29 イベント詳細情報を更新しました。 Diff#88389 tag:peatix.com,2015-04-28 05:14:45 2015-04-28 05:14:45 イベント詳細情報を更新しました。 Diff#88388 tag:peatix.com,2015-04-28 05:14:17 2015-04-28 05:14:17 イベント詳細情報を更新しました。 Diff#88387 tag:peatix.com,2015-04-28 05:14:04 2015-04-28 05:14:04 イベント詳細情報を更新しました。 Diff#88386 tag:peatix.com,2015-04-28 05:11:43 2015-04-28 05:11:43 イベント詳細情報を更新しました。 Diff#88385 tag:peatix.com,2015-04-28 05:09:10 2015-04-28 05:09:10 イベント詳細情報を更新しました。 Diff#88384 tag:peatix.com,2015-04-28 04:51:38 2015-04-28 04:51:38 イベント詳細情報を更新しました。 Diff#88380 tag:peatix.com,2015-04-28 04:29:37 2015-04-28 04:29:37 イベント詳細情報を更新しました。 Diff#88374 tag:peatix.com,2015-04-28 02:57:50 2015-04-28 02:57:50 イベント詳細情報を更新しました。 Diff#88363 tag:peatix.com,2015-04-28 02:56:52 2015-04-28 02:56:52 イベント詳細情報を更新しました。 Diff#88362 tag:peatix.com,2015-04-28 02:53:54 2015-04-28 02:53:54 イベント詳細情報を更新しました。 Diff#88361 tag:peatix.com,2015-04-28 02:50:02 2015-04-28 02:50:02 イベント詳細情報を更新しました。 Diff#88360 tag:peatix.com,2015-04-28 02:45:19 2015-04-28 02:45:19 イベント詳細情報を更新しました。 Diff#88351 tag:peatix.com,2015-04-28 02:42:23 2015-04-28 02:42:23 イベント詳細情報を更新しました。 Diff#88349 tag:peatix.com,2015-04-28 02:37:29 2015-04-28 02:37:29 イベント詳細情報を更新しました。 Diff#88346 tag:peatix.com,2015-04-28 02:34:53 2015-04-28 02:34:53 イベント詳細情報を更新しました。 Diff#88345 tag:peatix.com,2015-04-28 02:31:46 2015-04-28 02:31:46 イベント詳細情報を更新しました。 Diff#88344 tag:peatix.com,2015-04-28 02:30:24 2015-04-28 02:30:24 イベント詳細情報を更新しました。 Diff#88343 tag:peatix.com,2015-04-28 02:28:44 2015-04-28 02:28:44 イベント詳細情報を更新しました。 Diff#88342 tag:peatix.com,2015-04-28 02:27:07 2015-04-28 02:27:07 イベント詳細情報を更新しました。 Diff#88341 tag:peatix.com,2015-04-28 02:25:55 2015-04-28 02:25:55 イベント詳細情報を更新しました。 Diff#88340 tag:peatix.com,2015-04-28 02:04:05 2015-04-28 02:04:05 イベント詳細情報を更新しました。 Diff#88338 tag:peatix.com,2015-04-27 13:30:18 2015-04-27 13:30:18 イベント詳細情報を更新しました。 Diff#88291 tag:peatix.com,2015-04-24 01:41:00 2015-04-24 01:41:00 イベント詳細情報を更新しました。 Diff#87564 tag:peatix.com,2015-04-24 01:26:56 2015-04-24 01:26:56 イベント詳細情報を更新しました。 Diff#87562