Enviar pesquisa
Carregar
Movable type-seminar-20120411-ideamans
•
1 gostou
•
1,379 visualizações
Kunihiko Miyanaga
Seguir
Tecnologia
Vista de apresentação de diapositivos
Denunciar
Compartilhar
Vista de apresentação de diapositivos
Denunciar
Compartilhar
1 de 68
Baixar agora
Baixar para ler offline
Recomendados
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
Movable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamans
Kunihiko Miyanaga
Movable type-semianar-20111121-ideamans
Movable type-semianar-20111121-ideamans
Kunihiko Miyanaga
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
Yusuke Hirano
いま、ケータイサイトのデザインに注目すべきワケ
いま、ケータイサイトのデザインに注目すべきワケ
Cazuki HOSHINA
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
最近のブラウザ状況
最近のブラウザ状況
yoshikawa_t
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
Recomendados
Sixapart day-2012-ideamans
Sixapart day-2012-ideamans
Kunihiko Miyanaga
Movable type-semianar-20111117-ideamans
Movable type-semianar-20111117-ideamans
Kunihiko Miyanaga
Movable type-semianar-20111121-ideamans
Movable type-semianar-20111121-ideamans
Kunihiko Miyanaga
The return of Mobile5 #mobile5
The return of Mobile5 #mobile5
Yusuke Hirano
いま、ケータイサイトのデザインに注目すべきワケ
いま、ケータイサイトのデザインに注目すべきワケ
Cazuki HOSHINA
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
最近のブラウザ状況
最近のブラウザ状況
yoshikawa_t
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
Tetsuji Hayashi
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
Yasunobu Ikeda
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
Junko Nukaga
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
パソナプレゼン資料
パソナプレゼン資料
Daisuke Imai
「ほげエンジニア」の定義について #operationcasual
「ほげエンジニア」の定義について #operationcasual
SATOSHI TAGOMORI
PhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーション
Masahiko Tachizono
DDD入門以前
DDD入門以前
yusuke kokubo
つ部 Android 勉強会 2013年4月 発表資料
つ部 Android 勉強会 2013年4月 発表資料
Kenji Nagase
CMS / BLOG and SnoWOman
CMS / BLOG and SnoWOman
WO Community
「ドメイン駆動設計」の複雑さに立ち向かう
「ドメイン駆動設計」の複雑さに立ち向かう
増田 亨
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Etsuji Kameyama
Kddi mugen lab
Kddi mugen lab
Kazuya Hiruma
セプテーニさんでのセミナー
セプテーニさんでのセミナー
Tokusei Noborio
バージョンアップに負けないためのプラクティス
バージョンアップに負けないためのプラクティス
Yuji Tokuda
Mais conteúdo relacionado
Mais procurados
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
文樹 高橋
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Akira Tachibana
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
Tetsuji Hayashi
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
HTML5時代のWebデザイン
HTML5時代のWebデザイン
masaaki komori
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
Yasunobu Ikeda
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
Mais procurados
(8)
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
テーマに機能を含めちゃダメなんて誰が決めた! テーマをモリモリにカスタマイズする
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
実録 WordPress Twenty Sixteen のカスタマイズ | WordBench東京 2月勉強会 「みんなのテーマ開発」〜自分の好きな作り方...
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
20151106ノーツコンソ大阪notesアプリのデザインをcoolに(公開用)
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
HTML5時代のWebデザイン
HTML5時代のWebデザイン
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
F-site発表資料「Flashユーザーが今覚えておきたいHTML5」
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Semelhante a Movable type-seminar-20120411-ideamans
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
Junko Nukaga
Aiming study#6pdf
Aiming study#6pdf
Koutaro Chikuba
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
パソナプレゼン資料
パソナプレゼン資料
Daisuke Imai
「ほげエンジニア」の定義について #operationcasual
「ほげエンジニア」の定義について #operationcasual
SATOSHI TAGOMORI
PhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーション
Masahiko Tachizono
DDD入門以前
DDD入門以前
yusuke kokubo
つ部 Android 勉強会 2013年4月 発表資料
つ部 Android 勉強会 2013年4月 発表資料
Kenji Nagase
CMS / BLOG and SnoWOman
CMS / BLOG and SnoWOman
WO Community
「ドメイン駆動設計」の複雑さに立ち向かう
「ドメイン駆動設計」の複雑さに立ち向かう
増田 亨
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Etsuji Kameyama
Kddi mugen lab
Kddi mugen lab
Kazuya Hiruma
セプテーニさんでのセミナー
セプテーニさんでのセミナー
Tokusei Noborio
バージョンアップに負けないためのプラクティス
バージョンアップに負けないためのプラクティス
Yuji Tokuda
Heroku入門
Heroku入門
Salesforce Developers Japan
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
Kei Nakazawa
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
亮 門屋
データベースアプリケーション開発セミナー・最新のデータベースとアプリケーション開発の関係
データベースアプリケーション開発セミナー・最新のデータベースとアプリケーション開発の関係
Kaz Aiso
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
masaaki komori
Development - International Open Data Hackathon Tokyo - Chiyoda ward geolocat...
Development - International Open Data Hackathon Tokyo - Chiyoda ward geolocat...
Tajima Itsuro
Semelhante a Movable type-seminar-20120411-ideamans
(20)
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
Aiming study#6pdf
Aiming study#6pdf
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
パソナプレゼン資料
パソナプレゼン資料
「ほげエンジニア」の定義について #operationcasual
「ほげエンジニア」の定義について #operationcasual
PhoneGapで作るハイブリッドアプリケーション
PhoneGapで作るハイブリッドアプリケーション
DDD入門以前
DDD入門以前
つ部 Android 勉強会 2013年4月 発表資料
つ部 Android 勉強会 2013年4月 発表資料
CMS / BLOG and SnoWOman
CMS / BLOG and SnoWOman
「ドメイン駆動設計」の複雑さに立ち向かう
「ドメイン駆動設計」の複雑さに立ち向かう
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Kddi mugen lab
Kddi mugen lab
セプテーニさんでのセミナー
セプテーニさんでのセミナー
バージョンアップに負けないためのプラクティス
バージョンアップに負けないためのプラクティス
Heroku入門
Heroku入門
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
とある会社のエンジニアたちのAndroidへのフリーダムな取り組み
レスポンシブWebデザインによる開発効率化
レスポンシブWebデザインによる開発効率化
データベースアプリケーション開発セミナー・最新のデータベースとアプリケーション開発の関係
データベースアプリケーション開発セミナー・最新のデータベースとアプリケーション開発の関係
レスポンシブ・ウェブデザイン基礎
レスポンシブ・ウェブデザイン基礎
Development - International Open Data Hackathon Tokyo - Chiyoda ward geolocat...
Development - International Open Data Hackathon Tokyo - Chiyoda ward geolocat...
Mais de Kunihiko Miyanaga
Movable type-semianar-20111031-ideamans
Movable type-semianar-20111031-ideamans
Kunihiko Miyanaga
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Kunihiko Miyanaga
Movable Typeセミナー2011年6月27日@原宿
Movable Typeセミナー2011年6月27日@原宿
Kunihiko Miyanaga
Movable Typeセミナー2011年4月20日 in 名古屋 アイデアマンズ
Movable Typeセミナー2011年4月20日 in 名古屋 アイデアマンズ
Kunihiko Miyanaga
Movable Typeセミナー 2010年4月5日 アイデアマンズ
Movable Typeセミナー 2010年4月5日 アイデアマンズ
Kunihiko Miyanaga
MTセミナー2011/2/21 アイデアマンズ株式会社
MTセミナー2011/2/21 アイデアマンズ株式会社
Kunihiko Miyanaga
Mtddc hokkaido-2010-ideamans-session
Mtddc hokkaido-2010-ideamans-session
Kunihiko Miyanaga
Movable Type CPI Seminar 2010/11/15 session2
Movable Type CPI Seminar 2010/11/15 session2
Kunihiko Miyanaga
Mais de Kunihiko Miyanaga
(8)
Movable type-semianar-20111031-ideamans
Movable type-semianar-20111031-ideamans
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー8月9日@大久保 アイデアマンズ
Movable Typeセミナー2011年6月27日@原宿
Movable Typeセミナー2011年6月27日@原宿
Movable Typeセミナー2011年4月20日 in 名古屋 アイデアマンズ
Movable Typeセミナー2011年4月20日 in 名古屋 アイデアマンズ
Movable Typeセミナー 2010年4月5日 アイデアマンズ
Movable Typeセミナー 2010年4月5日 アイデアマンズ
MTセミナー2011/2/21 アイデアマンズ株式会社
MTセミナー2011/2/21 アイデアマンズ株式会社
Mtddc hokkaido-2010-ideamans-session
Mtddc hokkaido-2010-ideamans-session
Movable Type CPI Seminar 2010/11/15 session2
Movable Type CPI Seminar 2010/11/15 session2
Último
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Último
(11)
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Movable type-seminar-20120411-ideamans
1.
スマートフォン向けウェブサイト制作の
最新事情とMovable Typeによる マルチデバイス対応 アイデアマンズ株式会社 宮永邦彦 12年4月13日金曜日 1
2.
アイデアマンズ株式会社 •
2005年11月設立 • 高専時代の友人3人で脱サラ • @ideamans • Six Apart Solution Partner 12年4月13日金曜日 2
3.
MT携帯対応プラグイン 12年4月13日金曜日
3
4.
ケータイキット •
Movable Type携帯対応プラグインのデファ クトスタンダード • 1,500ライセンス以上のライセンス販売実績 • 1,000機種以上のフィーチャーフォンと、ス マートフォン(iPhone/Android)に対応 12年4月13日金曜日 4
5.
さっそくですが 12年4月13日金曜日
5
6.
jQuery Mobile
vs. レスポンシブWebデザイン 12年4月13日金曜日 6
7.
スマートフォンサイト制作
話題の技術対決 12年4月13日金曜日 7
8.
jQuery Mobile 12年4月13日金曜日
8
9.
jQuery Mobile •
モバイルデバイス向けフレームワーク • HTMLだけでスマートフォンサイト制作 • 見た目が実にスマホらしい • 動きがダイナミックでウケがいい 12年4月13日金曜日 9
10.
事例
DODA 12年4月13日金曜日 10
11.
事例
じゃらん 12年4月13日金曜日 11
12.
jQuery Mobileを使った国内スマホサイトまとめ
http://ascii.jp/elem/000/000/674/674677/ 12年4月13日金曜日 12
13.
Dreamweaver CS5.5
作成支援機能 12年4月13日金曜日 13
14.
Movable Typeスマートフォンオプション
jQuery Mobileによるテーマが同梱 12年4月13日金曜日 14
15.
レスポンシブWebデザイン 12年4月13日金曜日
15
16.
レスポンシブWebデザイン •
標準的なCSS3だけでマルチデバイス対応 • Media Queries • 全体の共通するCSSと画面サイズごとのCSS • PC・タブレット・スマートフォンに効率良く 対応 12年4月13日金曜日 16
17.
Media Queriesの例
body { /* 背景色は共通で指定 */ background-color: #FFFFFF; } @media screen and ( min-width: 481px ) { /* 横480pxより大きい画面(タブレット以上)の場合は */ #banner { /* バナーは回りこませて段組する */ float: left; } } 12年4月13日金曜日 17
18.
あのオバマ大統領も愛用 12年4月13日金曜日
18
19.
首相官邸御用達 12年4月13日金曜日
19
20.
Media
Queries http://mediaqueri.es/ 12年4月13日金曜日 20
21.
メリット・デメリット 12年4月13日金曜日
21
22.
jQuery MobileのGOOD •
HTMLベースだからはじめやすい • 高機能 • オープンソース(MIT/GPL) • デバイス・OSの細かな差異も吸収 12年4月13日金曜日 22
23.
レスポンシブのGOOD •
標準技術(W3C勧告候補) • 自由度が高い • 従来のWebコーディング技術が活かせる • オバマ大統領も愛用(野田首相も愛用) 12年4月13日金曜日 23
24.
jQuery MobileのBAD •
縛りが強くロックインされやすい • 一定のラインを超えるとカスタマイズが難しい • 見た目や動作の面において • バージョンアップによる互換性リスク • 良くも悪くもMobile First(いかにもなサイト) 12年4月13日金曜日 24
25.
レスポンシブのBAD •
事前のルール作りが重要 • 情報設計・UI・コーディング規約などの標準化 • JavaScriptは自前で用意(jQueryなどを活用) • デバイス・OSの差異は自分で確認 • 違うデバイス向けの不用なCSSも読み込ませる 12年4月13日金曜日 25
26.
プロジェクトへの
適応度をどう評価するか 12年4月13日金曜日 26
27.
技術的な難易度
jQuery Mobile レスポンシブ 学習曲線のイメージ 要件の細かさ・カスタマイズ度合い 12年4月13日金曜日 27
28.
技術的な難易度
jQuery Mobile レスポンシブ JavaScriptの知識 フレームワーク内部の理解 要件の細かさ・カスタマイズ度合い 12年4月13日金曜日 28
29.
技術的な難易度
jQuery Mobile レスポンシブ このラインの共通認識を 受発注両サイドで どう揃えるかが重要 要件の細かさ・カスタマイズ度合い 12年4月13日金曜日 29
30.
余談ですが:
CMSも似ている 12年4月13日金曜日 30
31.
MT vs. WP
and etc. • Movable Type Professional/Advanced • 有償 • 静的ファイル書き出し • HTMLライクなテンプレートタグ • WordPress(Drupal, Joomla!, etc.) • オープンソース、フリーのテーマやプラグインが多い • 都度ページを動的生成 • PHPによるカスタマイズ 12年4月13日金曜日 31
32.
技術的な難易度
WordPress Movable Type PHPの知識 フレームワークの理解 サーバーチューニング 要件の細かさ・カスタマイズ度合い 12年4月13日金曜日 32
33.
サイトの性格による
向き・不向き 12年4月13日金曜日 33
34.
jQuery Mobile •
アプリケーション的なサイト • サイト自体のメッセージ性よりもコンテンツや 機能が大事なサイト • ポータルサイト • 情報検索などのサービスサイト 12年4月13日金曜日 34
35.
レスポンシブ •
サイト自体がメッセージ性を持つ • デザインが重視されるサイト • ブランド/コーポレートサイト • メディアサイト • キャンペーンサイト 12年4月13日金曜日 35
36.
例えばECサイトで
• トップページ∼商品詳細ページまではレスポ ンシブ • ショッピングカート∼購入フローはjQuery Mobile 12年4月13日金曜日 36
37.
やっぱり日本人は
細かな見た目に こだわりたい 12年4月13日金曜日 37
38.
汎用的に適用でき
デザイナーの裁量が 大きいのはレスポンシブ 「レスポンシブいいよ!」 ※個人の感想です 12年4月13日金曜日 38
39.
Movable Typeによる
マルチデバイス対応戦略 これからのWebサイトに必要なこと 12年4月13日金曜日 39
40.
インターネットデバイスは
増える一方 12年4月13日金曜日 40
41.
いままでのモバイル対応は
やるか 見送るか 12年4月13日金曜日 41
42.
スマートフォン対応の
本質はマルチデバイス対応 12年4月13日金曜日 42
43.
CMS導入は大前提 •
コンテンツ(伝えたいこと)は一元管理 • 多重管理の発生を避ける • ワンソース・マルチユースの実現を目指す 12年4月13日金曜日 43
44.
コストを抑えるには •
サイト数×デバイス数となる予算構造を避ける • 構築の費用 • デバイス間で共通化できるものは共通化 • できるだけテンプレートではなくCSS/JavaScriptで対応 • 運用の費用 • 更新頻度の高い領域から共通化・フレームワーク活用 12年4月13日金曜日 44
45.
更新頻度が高い
コンテンツ CMSで管理 デザイン jQuery Mobile システム レスポンシブ インフラ 12年4月13日金曜日 45
46.
ガラケーはもういい? 12年4月13日金曜日
46
47.
2014年までは
フィーチャーフォンが 過半数を占めると予想 現在約25% スマートフォン市場規模の推移・予測(12年3月) ※MM総研調べ http://www.m2ri.jp/newsreleases/main.php? id=010120120313500 12年4月13日金曜日 47
48.
アイデアマンズの
新規・リニューアル 提案スタイル 12年4月13日金曜日 48
49.
レスポンシブWebデザイン
Movable Type フィーチャーフォンテンプレート 12年4月13日金曜日 49
50.
既存のPCサイトを
まず モバイル対応させる場合 12年4月13日金曜日 50
51.
PC・タブレット
Movable Type モバイルテンプレート 12年4月13日金曜日 51
52.
M9テーマ
てっとり早くマルチデバイス対応可能なテーマ 12年4月13日金曜日 52
53.
管理画面から選択するだけで 12年4月13日金曜日
53
54.
レスポンシブなWebサイト・ブログを作成 12年4月13日金曜日
54
55.
PC
タブレット タッチデバイスではボタンやリンクを押しやすく 12年4月13日金曜日 55
56.
スケルトンモード
レスポンシブなレイアウトだけ利用して 見た目をフルカスタマイズ可能 12年4月13日金曜日 56
57.
スケルトンモード
背景・ヘッダー・メニュー・見出しを オリジナルにデザイン 12年4月13日金曜日 57
58.
M9テーマ •
1ライセンス 10,500円 • 安心サポート 21,000円 • Movable Typeライセンス単位 • 4月13日発売開始予定 12年4月13日金曜日 58
59.
jQuery Mobile
Alternative Ghost Track #1 12年4月13日金曜日 59
60.
Sencha Touch 2
http://www.sencha.com/products/touch 12年4月13日金曜日 60
61.
Dojo Mobile
http://dojotoolkit.org/features/mobile 12年4月13日金曜日 61
62.
Wink Toolkit
http://www.winktoolkit.org/ 12年4月13日金曜日 62
63.
Responsive Web
Design Framework Ghost Track #2 12年4月13日金曜日 63
64.
Twitter
Bootstrap Ver.2 http://twitter.github.com/ bootstrap/ 12年4月13日金曜日 64
65.
Foundation
http://foundation.zurb.com/ 12年4月13日金曜日 65
66.
スマートフォンサイトの 本当に正しい作り方は 業界全体が模索の最中 12年4月13日金曜日
66
67.
その答えが早く得られるよう 皆様のモバイルサイトへの 挑戦をアイデアマンズは
全力で応援します! 12年4月13日金曜日 67
68.
ご清聴
ありがとうございました 12年4月13日金曜日 68
Baixar agora