Submit Search
Upload
CSS設計とデザインとの距離
•
0 likes
•
1,811 views
Manabu Yasuda
Follow
TAM LT大会 2016 Winter
Read less
Read more
Design
Report
Share
Report
Share
1 of 14
Download now
Download to read offline
Recommended
DevLove関西「プロジェクトマネジメントの勘所」でご紹介した、PMO目線でのプロジェクトマネジメント。2017-02-09
DevLove関西_プロジェクトマネジメントの勘所
DevLove関西_プロジェクトマネジメントの勘所
mrmt c
CSS Talk Vol.2の資料です。
コンポーネント指向と余白の設計
コンポーネント指向と余白の設計
Manabu Yasuda
Webプロジェクトマネジメントにおけるノウハウ集
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
Mharu
2016/07/23 CPI MEGAMIX @KDDIウェブコミュニケーションズ
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
kenji goto
博報堂DYグループ x ピクト図解 新規ビジネスデザイン研修 http://business-design.pagedemo.co/ 生活者データから商品コンセプトを設計する独自のメソッドを持つSEEDATAとビジネスモデル設計において長年の実績があるリクルート出身のビジネスプロデューサーである板橋悟氏(ピクト図解®メソッド考案者)が1年以上に渡る議論を経て共同で開発した研修プログラムです。 ”商品コンセプト設計”と”ビジネスモデル設計”をワンステップで学ぶ SEEDATAのノウハウを活用した「生活者視点」からデザインする「商品コンセプト設計」と、ピクト図解メソッドを活用した「経営者視点」でデザインする「ビジネスモデル設計」の新規事業を設計する際に必要な2大スキルを2日間で一気に習得できます。 研修終了時には、ビジネスの上流行程から下流行程までを統合的に企画できるスキルが身につくことでしょう。
新規ビジネスデザイン研修 DYA2 テキスト<サンプル版>
新規ビジネスデザイン研修 DYA2 テキスト<サンプル版>
Satoru Itabashi
越境アジャイルにおけるRDRAの位置づけ、そこに向けたシステム地図の表現方法と既存システムの調査方法を示す
Rdra4越境アジャイル
Rdra4越境アジャイル
Zenji Kanzaki
ADの基礎とIaaS on ADの資料です。
AD設計の基礎から読み解くIaaS On AD
AD設計の基礎から読み解くIaaS On AD
Naoki Abe
20160827くまあずLT資料
Hyper-V仮想マシンをAzureへV2C移行
Hyper-V仮想マシンをAzureへV2C移行
wintechq
Recommended
DevLove関西「プロジェクトマネジメントの勘所」でご紹介した、PMO目線でのプロジェクトマネジメント。2017-02-09
DevLove関西_プロジェクトマネジメントの勘所
DevLove関西_プロジェクトマネジメントの勘所
mrmt c
CSS Talk Vol.2の資料です。
コンポーネント指向と余白の設計
コンポーネント指向と余白の設計
Manabu Yasuda
Webプロジェクトマネジメントにおけるノウハウ集
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
Mharu
2016/07/23 CPI MEGAMIX @KDDIウェブコミュニケーションズ
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
kenji goto
博報堂DYグループ x ピクト図解 新規ビジネスデザイン研修 http://business-design.pagedemo.co/ 生活者データから商品コンセプトを設計する独自のメソッドを持つSEEDATAとビジネスモデル設計において長年の実績があるリクルート出身のビジネスプロデューサーである板橋悟氏(ピクト図解®メソッド考案者)が1年以上に渡る議論を経て共同で開発した研修プログラムです。 ”商品コンセプト設計”と”ビジネスモデル設計”をワンステップで学ぶ SEEDATAのノウハウを活用した「生活者視点」からデザインする「商品コンセプト設計」と、ピクト図解メソッドを活用した「経営者視点」でデザインする「ビジネスモデル設計」の新規事業を設計する際に必要な2大スキルを2日間で一気に習得できます。 研修終了時には、ビジネスの上流行程から下流行程までを統合的に企画できるスキルが身につくことでしょう。
新規ビジネスデザイン研修 DYA2 テキスト<サンプル版>
新規ビジネスデザイン研修 DYA2 テキスト<サンプル版>
Satoru Itabashi
越境アジャイルにおけるRDRAの位置づけ、そこに向けたシステム地図の表現方法と既存システムの調査方法を示す
Rdra4越境アジャイル
Rdra4越境アジャイル
Zenji Kanzaki
ADの基礎とIaaS on ADの資料です。
AD設計の基礎から読み解くIaaS On AD
AD設計の基礎から読み解くIaaS On AD
Naoki Abe
20160827くまあずLT資料
Hyper-V仮想マシンをAzureへV2C移行
Hyper-V仮想マシンをAzureへV2C移行
wintechq
.NETラボ 勉強会 2016年03月の資料です。 Webプログラミングで作成したWebサイトをインターネットへの公開手順や手法について、比較的かんたんにお話しさせていただきました。
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
Sho Okada
Developers Summit 2016(デブサミ2016冬)【18-D-2】 明日の開発リーダーを育てる ~講師が語る「CodeZine Academy」のポイント~で説明した、Jenkins Boot Camp Premiumの資料です。
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
Masanori Satoh
2014年度CloudSpiral 夏合宿で行ったWebアプリ講義(2日目)の資料
CloudSpiral 2014年度 Webアプリ講義(2日目)
CloudSpiral 2014年度 Webアプリ講義(2日目)
Shin Matsumoto
IIBA 12/12
Agile and Business
Agile and Business
Kenji Hiranabe
第4回 関西DB勉強会 懇親会 LT
2016年を振り返って
2016年を振り返って
Oda Shinsuke
社内で行ったBigQueryの勉強会資料です
BigQuery勉強会 Standard SQL Dialect
BigQuery勉強会 Standard SQL Dialect
Ken Morishita
成功企業のビジネスモデル ・クックパッドの強さの理由は? ・アップルのプラットフォームビジネスとは? ・なぜドラクエ9は大ヒットしたのか? 事業成長ストーリーの描き方 ・複数のピクト図を“時間軸”に並べて描く ・アップルコンピュータからアップルへ ・進化するアスクル 手書きのピクト図
ピクト図解(R)表記ルールで作成したビジネスモデル事例
ピクト図解(R)表記ルールで作成したビジネスモデル事例
PICTO ZUKAI
https://cybozutech2016.qloba.com/ Cybozu Tech Conference 2016の発表資料です。 サイボウズにおける生産性向上チーム設立の経緯と具体的な取り組みについて話しました。
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
Jumpei Miyata
Cybozu Tech Conference 2016で発表した資料です。 https://cybozutech2016.qloba.com/
kintoneの開発プロセスとプロジェクト管理ツール
kintoneの開発プロセスとプロジェクト管理ツール
Yuki Okada
Event Driven Microservices with Spring Cloud Stream JJUG CCC Fall 2016 #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Toshiaki Maki
2016/11/18 の Spring Day 2016 Room4-5 の資料です
Spring bootで学ぶ初めてのwebアプリ開発
Spring bootで学ぶ初めてのwebアプリ開発
terahide
ディープラーニングを用いた画像認識の動向と、オープンソースを用いたデータセット作成について、おそ松さんを題材として
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
Yota Ishida
Mary poppendieck on Digitization
Digitization-software is eating the world
Digitization-software is eating the world
Kenji Hiranabe
Active Directory Domain Services Migration
160625 cloud samurai_adds_migration_160625
160625 cloud samurai_adds_migration_160625
wintechq
さくさく要件定義 in 東京 システム地図をさくっとつくる
Rdra in 東京
Rdra in 東京
Zenji Kanzaki
.NETラボ 勉強会 2016年01月の資料です。 時計型のウェラブルデバイスなどは最近販売されてきていますが、メガネ型のウェラブルデバイスは実験的なものが多く、まだまだ成熟されていない状態となっています。 具体的な将来の使い方を考えながら、現時点の機器情報での比較をしつつお話しさせていただきました。
メガネ型デバイスの未来について考える
メガネ型デバイスの未来について考える
Sho Okada
ピクト図解®メソッド入門コース 2時間 【入門A】 ピクト図解®でスッキリ分かる! 勝ち組企業のビジネスモデル ~なぜあの会社だけが儲かるのか?~ 『「記事トレ!」日経新聞で鍛えるビジュアル思考力』 (日本経済新聞出版社)準拠講座 ピクト図解®には3つの使い方があります。 ①自分の頭を整理する ②アイデアを発想する ③相手に説明する 入門は①・③をマスターするためのコース、初級は②をマスターするためのコースです。 「入門」→「初級」の順にステップアップ学習してください。【入門A】と【入門B】は どちらを先に受講されても学習効果は同じです。 開催日程はWEBでご確認ください。http://3w1h.jp/individual/
ピクト図解®メソッド【入門A】テキスト
ピクト図解®メソッド【入門A】テキスト
Satoru Itabashi
第十回 渋谷Javaにて発表したJenkins実践入門 第二版 What's newの資料です。
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
Masanori Satoh
HTML5 Conference 2013 HybridCast
HTML5 Conference 2013 HybridCast
Satoshi Shoda
ピクト図解(R)表記ルールver1.0
ピクト図解(R)表記ルールver1.0
ピクト図解(R)表記ルールver1.0
PICTO ZUKAI
More Related Content
Viewers also liked
.NETラボ 勉強会 2016年03月の資料です。 Webプログラミングで作成したWebサイトをインターネットへの公開手順や手法について、比較的かんたんにお話しさせていただきました。
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
Sho Okada
Developers Summit 2016(デブサミ2016冬)【18-D-2】 明日の開発リーダーを育てる ~講師が語る「CodeZine Academy」のポイント~で説明した、Jenkins Boot Camp Premiumの資料です。
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
Masanori Satoh
2014年度CloudSpiral 夏合宿で行ったWebアプリ講義(2日目)の資料
CloudSpiral 2014年度 Webアプリ講義(2日目)
CloudSpiral 2014年度 Webアプリ講義(2日目)
Shin Matsumoto
IIBA 12/12
Agile and Business
Agile and Business
Kenji Hiranabe
第4回 関西DB勉強会 懇親会 LT
2016年を振り返って
2016年を振り返って
Oda Shinsuke
社内で行ったBigQueryの勉強会資料です
BigQuery勉強会 Standard SQL Dialect
BigQuery勉強会 Standard SQL Dialect
Ken Morishita
成功企業のビジネスモデル ・クックパッドの強さの理由は? ・アップルのプラットフォームビジネスとは? ・なぜドラクエ9は大ヒットしたのか? 事業成長ストーリーの描き方 ・複数のピクト図を“時間軸”に並べて描く ・アップルコンピュータからアップルへ ・進化するアスクル 手書きのピクト図
ピクト図解(R)表記ルールで作成したビジネスモデル事例
ピクト図解(R)表記ルールで作成したビジネスモデル事例
PICTO ZUKAI
https://cybozutech2016.qloba.com/ Cybozu Tech Conference 2016の発表資料です。 サイボウズにおける生産性向上チーム設立の経緯と具体的な取り組みについて話しました。
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
Jumpei Miyata
Cybozu Tech Conference 2016で発表した資料です。 https://cybozutech2016.qloba.com/
kintoneの開発プロセスとプロジェクト管理ツール
kintoneの開発プロセスとプロジェクト管理ツール
Yuki Okada
Event Driven Microservices with Spring Cloud Stream JJUG CCC Fall 2016 #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Toshiaki Maki
2016/11/18 の Spring Day 2016 Room4-5 の資料です
Spring bootで学ぶ初めてのwebアプリ開発
Spring bootで学ぶ初めてのwebアプリ開発
terahide
ディープラーニングを用いた画像認識の動向と、オープンソースを用いたデータセット作成について、おそ松さんを題材として
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
Yota Ishida
Mary poppendieck on Digitization
Digitization-software is eating the world
Digitization-software is eating the world
Kenji Hiranabe
Active Directory Domain Services Migration
160625 cloud samurai_adds_migration_160625
160625 cloud samurai_adds_migration_160625
wintechq
さくさく要件定義 in 東京 システム地図をさくっとつくる
Rdra in 東京
Rdra in 東京
Zenji Kanzaki
.NETラボ 勉強会 2016年01月の資料です。 時計型のウェラブルデバイスなどは最近販売されてきていますが、メガネ型のウェラブルデバイスは実験的なものが多く、まだまだ成熟されていない状態となっています。 具体的な将来の使い方を考えながら、現時点の機器情報での比較をしつつお話しさせていただきました。
メガネ型デバイスの未来について考える
メガネ型デバイスの未来について考える
Sho Okada
ピクト図解®メソッド入門コース 2時間 【入門A】 ピクト図解®でスッキリ分かる! 勝ち組企業のビジネスモデル ~なぜあの会社だけが儲かるのか?~ 『「記事トレ!」日経新聞で鍛えるビジュアル思考力』 (日本経済新聞出版社)準拠講座 ピクト図解®には3つの使い方があります。 ①自分の頭を整理する ②アイデアを発想する ③相手に説明する 入門は①・③をマスターするためのコース、初級は②をマスターするためのコースです。 「入門」→「初級」の順にステップアップ学習してください。【入門A】と【入門B】は どちらを先に受講されても学習効果は同じです。 開催日程はWEBでご確認ください。http://3w1h.jp/individual/
ピクト図解®メソッド【入門A】テキスト
ピクト図解®メソッド【入門A】テキスト
Satoru Itabashi
第十回 渋谷Javaにて発表したJenkins実践入門 第二版 What's newの資料です。
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
Masanori Satoh
HTML5 Conference 2013 HybridCast
HTML5 Conference 2013 HybridCast
Satoshi Shoda
ピクト図解(R)表記ルールver1.0
ピクト図解(R)表記ルールver1.0
ピクト図解(R)表記ルールver1.0
PICTO ZUKAI
Viewers also liked
(20)
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
Jenkins Bootcamp Premiumのご紹介 in デブサミ2016冬
CloudSpiral 2014年度 Webアプリ講義(2日目)
CloudSpiral 2014年度 Webアプリ講義(2日目)
Agile and Business
Agile and Business
2016年を振り返って
2016年を振り返って
BigQuery勉強会 Standard SQL Dialect
BigQuery勉強会 Standard SQL Dialect
ピクト図解(R)表記ルールで作成したビジネスモデル事例
ピクト図解(R)表記ルールで作成したビジネスモデル事例
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
開発者を支える生産性向上チームの取り組み -CI, Browser Test, Tools and Infrastructure-
kintoneの開発プロセスとプロジェクト管理ツール
kintoneの開発プロセスとプロジェクト管理ツール
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Event Driven Microservices with Spring Cloud Stream #jjug_ccc #ccc_ab3
Spring bootで学ぶ初めてのwebアプリ開発
Spring bootで学ぶ初めてのwebアプリ開発
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
ディープラーニングでおそ松さんの6つ子は見分けられるのか? FIT2016
Digitization-software is eating the world
Digitization-software is eating the world
160625 cloud samurai_adds_migration_160625
160625 cloud samurai_adds_migration_160625
Rdra in 東京
Rdra in 東京
メガネ型デバイスの未来について考える
メガネ型デバイスの未来について考える
ピクト図解®メソッド【入門A】テキスト
ピクト図解®メソッド【入門A】テキスト
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
HTML5 Conference 2013 HybridCast
HTML5 Conference 2013 HybridCast
ピクト図解(R)表記ルールver1.0
ピクト図解(R)表記ルールver1.0
CSS設計とデザインとの距離
1.
TAM LT 大会
/ 2016 Winter Manabu Yasuda CSS設計とデザインとの距離 01TAM LT 大会 2016 Winter
2.
01TAM LT 大会
2016 Winter 今年、TipsNote に FLOCSS をベースにした CSS 設計の記事を書きました。 01TAM LT 大会 2016 Winter
3.
02TAM LT 大会
2016 Winter
4.
CSSは名前の付け方を整理しておくと、 理解しやすく、扱いやすくなる。 誰が書いても一定の水準が保てる。 記事の要約 03TAM LT 大会
2016 Winter
5.
実案件で設計はうまくいった? 04TAM LT 大会
2016 Winter
6.
まだまだ迷うことが多く 改善点がたくさん。 実案件で設計はうまくいった? 05TAM LT 大会
2016 Winter
7.
迷ってしまう理由。 自分の頭の中だけで想像しているから。 06TAM LT 大会
2016 Winter
8.
「これと同じスタイルはあるかな?」 「これは他にないスタイルだけど 共通化したほうがいいのかな?」 「なんていうクラス名をつけようかな?」 07TAM LT 大会
2016 Winter
9.
正解はこうだろうなと考えて実装しても、 答えが出るのはある程度組み上がってから。 08TAM LT 大会
2016 Winter
10.
やり直すことは簡単ではないし、 やり直せる範囲は案件が進むごとに狭くなる。 09TAM LT 大会
2016 Winter
11.
やり直しを最小限にするために、 感覚ではなく、 事実にもとづいた実装をする。 10TAM LT 大会
2016 Winter
12.
エンジニアも 情報設計やデザインに参画する必要性。 デザインの見た目と CSS の一致はとても脆い。 11TAM
LT 大会 2016 Winter
13.
見た目ではなく、 デザインの目的とCSSを一致させる必要性。 見た目は変更されるが、デザインの目的は変わらない。 12TAM LT 大会
2016 Winter
14.
- CSSの設計はエンジニアだけではできない - やり直すのは簡単ではない (感覚的なコーディングを避ける) -
エンジニアはもっとデザインに深く関わる必要がある まとめ 13TAM LT 大会 2016 Winter
Download now