Suche senden
Hochladen
webディレクターのためのレスポンシブwebデザインワークフロー
•
Als PPTX, PDF herunterladen
•
2 gefällt mir
•
960 views
Takeshiro Kani
Folgen
Melden
Teilen
Melden
Teilen
1 von 4
Jetzt herunterladen
Empfohlen
Cloudinaryの画像変換・配信で Webサイトを高速化
Cloudinaryの画像変換・配信で Webサイトを高速化
Mai Ito
01画像を切り抜き
01画像を切り抜き
tugrope
2015 casサービス案内資料
2015 casサービス案内資料
Tokushige Kobayashi
201706 EC-CUBE 3.1開発進捗説明会：デザインカスタマイズ＆新機能編 01_全体方針
201706 EC-CUBE 3.1開発進捗説明会：デザインカスタマイズ＆新機能編 01_全体方針
EC-CUBE
201703 EC-CUBE 3.1開発方針説明会：機能カスタマイズ編 01_全体方針
201703 EC-CUBE 3.1開発方針説明会：機能カスタマイズ編 01_全体方針
EC-CUBE
デザイナーに知っておいてほしい事
デザイナーに知っておいてほしい事
Ikeda Ryou
SW構成管理を実現するプロジェクト管理サーバー
SW構成管理を実現するプロジェクト管理サーバー
akipii Oga
201710_EC-CUBE 開発進捗説明会：開発背景・今後のスケジュール
201710_EC-CUBE 開発進捗説明会：開発背景・今後のスケジュール
EC-CUBE
Empfohlen
Cloudinaryの画像変換・配信で Webサイトを高速化
Cloudinaryの画像変換・配信で Webサイトを高速化
Mai Ito
01画像を切り抜き
01画像を切り抜き
tugrope
2015 casサービス案内資料
2015 casサービス案内資料
Tokushige Kobayashi
201706 EC-CUBE 3.1開発進捗説明会：デザインカスタマイズ＆新機能編 01_全体方針
201706 EC-CUBE 3.1開発進捗説明会：デザインカスタマイズ＆新機能編 01_全体方針
EC-CUBE
201703 EC-CUBE 3.1開発方針説明会：機能カスタマイズ編 01_全体方針
201703 EC-CUBE 3.1開発方針説明会：機能カスタマイズ編 01_全体方針
EC-CUBE
デザイナーに知っておいてほしい事
デザイナーに知っておいてほしい事
Ikeda Ryou
SW構成管理を実現するプロジェクト管理サーバー
SW構成管理を実現するプロジェクト管理サーバー
akipii Oga
201710_EC-CUBE 開発進捗説明会：開発背景・今後のスケジュール
201710_EC-CUBE 開発進捗説明会：開発背景・今後のスケジュール
EC-CUBE
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
semnil
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
onigiri764
GPUと戯れる
GPUと戯れる
Serverworks Co.,Ltd.
「強化されたテーマ機能と GitHub 連携」
「強化されたテーマ機能と GitHub 連携」
Alfasado
Awsでrailsアプリケーションサーバーを構築
Awsでrailsアプリケーションサーバーを構築
Kakigi Katuyuki
MTDDC 2012 TOKYO LT @riatw
MTDDC 2012 TOKYO LT @riatw
Kentaro Suzuki
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
Takuhito Hihara
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
Shinya Deguchi
イケてるビジネスパーソンは iPad でスケジュールを管理する
イケてるビジネスパーソンは iPad でスケジュールを管理する
Yasunari Goto (iChain. Inc.)
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
Keysuke Mizuno
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
naoki ando
WordCampKobe2013 Example employment WordPress site for Director megane
WordCampKobe2013 Example employment WordPress site for Director megane
Hajime Ogushi
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Yasufumi Nishiyama
0 d4s 20140323_共有用
0 d4s 20140323_共有用
Takehiko Goshi
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
高本 徹
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
Takahiro YAMAGUCHI
現場のプロが教える ディレクターのための見積作成 v.1.01
現場のプロが教える ディレクターのための見積作成 v.1.01
Yusuke Kojima
兼業主夫がディレクターさんと上手に付き合う方法
兼業主夫がディレクターさんと上手に付き合う方法
Yuichiro Yamakawa
0からのWebディレクション for Students 3月講義 WBS編
0からのWebディレクション for Students 3月講義 WBS編
Takehiko Goshi
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
（株）TAM
クックパッドの裏側見せます
クックパッドの裏側見せます
Yuta Shimizu
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
（株）TAM
Weitere ähnliche Inhalte
Was ist angesagt?
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
semnil
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
onigiri764
GPUと戯れる
GPUと戯れる
Serverworks Co.,Ltd.
「強化されたテーマ機能と GitHub 連携」
「強化されたテーマ機能と GitHub 連携」
Alfasado
Awsでrailsアプリケーションサーバーを構築
Awsでrailsアプリケーションサーバーを構築
Kakigi Katuyuki
MTDDC 2012 TOKYO LT @riatw
MTDDC 2012 TOKYO LT @riatw
Kentaro Suzuki
Was ist angesagt?
(6)
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
Alibaba Cloud Container Service で自作キーボードのファームウェアをビルドしてみた
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
GPUと戯れる
GPUと戯れる
「強化されたテーマ機能と GitHub 連携」
「強化されたテーマ機能と GitHub 連携」
Awsでrailsアプリケーションサーバーを構築
Awsでrailsアプリケーションサーバーを構築
MTDDC 2012 TOKYO LT @riatw
MTDDC 2012 TOKYO LT @riatw
Andere mochten auch
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
Takuhito Hihara
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
Shinya Deguchi
イケてるビジネスパーソンは iPad でスケジュールを管理する
イケてるビジネスパーソンは iPad でスケジュールを管理する
Yasunari Goto (iChain. Inc.)
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
Keysuke Mizuno
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
naoki ando
WordCampKobe2013 Example employment WordPress site for Director megane
WordCampKobe2013 Example employment WordPress site for Director megane
Hajime Ogushi
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Yasufumi Nishiyama
0 d4s 20140323_共有用
0 d4s 20140323_共有用
Takehiko Goshi
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
高本 徹
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
Takahiro YAMAGUCHI
現場のプロが教える ディレクターのための見積作成 v.1.01
現場のプロが教える ディレクターのための見積作成 v.1.01
Yusuke Kojima
兼業主夫がディレクターさんと上手に付き合う方法
兼業主夫がディレクターさんと上手に付き合う方法
Yuichiro Yamakawa
0からのWebディレクション for Students 3月講義 WBS編
0からのWebディレクション for Students 3月講義 WBS編
Takehiko Goshi
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
（株）TAM
クックパッドの裏側見せます
クックパッドの裏側見せます
Yuta Shimizu
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
（株）TAM
コピー講座（保存用）
コピー講座（保存用）
moyulog
【コピーライティングの全てをまとめてみた】はじめに
【コピーライティングの全てをまとめてみた】はじめに
Daiji Sato
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
コード進行について
コード進行について
Shun Yamashita
Andere mochten auch
(20)
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
クックパッドで学ぶデザイニングWEBインターフェース : 第５原則 トランジションを利用しよう
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
ディレクターだらけのLT大会「平成仮面ライダーシリーズから考える理想のwebディレクターとは？個人的ランキングベスト3」
イケてるビジネスパーソンは iPad でスケジュールを管理する
イケてるビジネスパーソンは iPad でスケジュールを管理する
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
「地方Webディレクターを救った、なーんか抽象的な話。」ミズノケイスケLT@WCAN2013Winter
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って？ 」
WordCampKobe2013 Example employment WordPress site for Director megane
WordCampKobe2013 Example employment WordPress site for Director megane
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
Movable TypeとSKELETON CARTで始める、ブログ・オン・“EC”マーケティング
0 d4s 20140323_共有用
0 d4s 20140323_共有用
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
アプリ時代はデザイナーとエンジニア！ 一方その頃ディレクターって？
現場のプロが教える ディレクターのための見積作成 v.1.01
現場のプロが教える ディレクターのための見積作成 v.1.01
兼業主夫がディレクターさんと上手に付き合う方法
兼業主夫がディレクターさんと上手に付き合う方法
0からのWebディレクション for Students 3月講義 WBS編
0からのWebディレクション for Students 3月講義 WBS編
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
TAM 新人ディレクター システムスキルアップ プログラム第3回「Webサーバの選定」
クックパッドの裏側見せます
クックパッドの裏側見せます
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
TAM 新人ディレクター システムスキルアップ プログラム第１回「サーバ概要」
コピー講座（保存用）
コピー講座（保存用）
【コピーライティングの全てをまとめてみた】はじめに
【コピーライティングの全てをまとめてみた】はじめに
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
コード進行について
コード進行について
webディレクターのためのレスポンシブwebデザインワークフロー
1.
Webディレクターのための レスポンシブwebデザインワークフロー
2.
レスポンシブwebデザインとは？ PC、タブレット、スマートフォンなど、あらゆる端末、画面サ イズに最適化したwebサイトを、単一のHTMLで実現する制作手 法です。 SERVE R PC用 HTML SP用 HTML PC用の HTMLを表示 するよー SP用の HTMLを表示 するよー 従来型 CSS HTML １コ 1200px用の 装飾・レイアウト 480px用の 装飾・レイアウト 768px用の 装飾・レイアウト レスポンシブ
3.
レスポンシブwebデザインのメリット ●メンテナンス性の向上 ●URLの統一 ●SEOに有効 ●開発コスト減 ・ ・ ただ従来のワークフローでは、逆に実装が複雑になりコストが倍 増します。
4.
従来のWeb制作ワークフロー サ イ ト 設 計 画 面 設 計 デ ザ イ ン 作 成 画 像 ス ラ イ ス コ ー デ ィ ン グ 検 証 公 開 レスポンシブWebデザインのワークフロー（デザイニングインブラウザ） サ イ ト 設 計 画 面 設 計 画 像 素 材 作 成 コ ー デ ィ ン グ 調 整 検 証 公 開
Jetzt herunterladen
