Submit Search
Upload
コードビュー中心で開発するDreamweaverテンプレート
•
1 like
•
1,867 views
Akira Maruyama
Follow
2007年3月23日に開催されたCSS Nite in OSAKA 2007春の陣 前夜祭の講演資料
Read less
Read more
Design
Report
Share
Report
Share
1 of 31
Download now
Download to read offline
Recommended
eZ Publish 2012年8月勉強会 - テンプレートオーバーライド
eZ Publish 2012年8月勉強会 - テンプレートオーバーライド
ericsagnes
今回の課題はテンプレートの第一回の「オーバーライドシステム」となります。 ベストプラクティス、実装方法とユースケースを含め、 eZ Publishの最強特徴であるテンプレートオーバーライドシステムを紹介いたします。
DW テンプレートをマスターして 楽々サイトメンテナンス
DW テンプレートをマスターして 楽々サイトメンテナンス
Akira Maruyama
CSS Nite Beginners Theme2 Dreamweaver in 高松の講演資料です。
eZ Publish勉強会9月〜テンプレート言語〜
eZ Publish勉強会9月〜テンプレート言語〜
ericsagnes
eZ Publishのテンプレート言語の紹介
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
arisu yano
CSS Nite in Matsuyama vol.1 - session 4 http://cssnite-matsuyama.com/vol01/profile/#yano
Magento cafe plus #12
Magento cafe plus #12
Hirokazu Nishi
Magento Cafe Plus #12で使用した資料です。 デザインテーマカスタマイズの話と、ユニットテストの話を取り上げています。
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
本資料は、WordPress のプラグイン作成の基本を解説しています。エンジニア寄りの解説ですが、デザイナーさんにも読んで頂ける内容かと思います。 セッション内容の出典は WordBench 神戸の元管理人 @horike37 さんです。ご本人に確認して本セッションでの利用の許可いただきました。 僕自身は、@horike37 さんのセッションでWordPress に感動し、WordPress の活用に目覚めた人でございます。本セッションでも、その感動を共有できたらと思っています。
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
2012/10/19 EC-CUBEプラグイン開発講義 本体カスタマイズとプラグイン制作
次世代DaoフレームワークDoma
次世代DaoフレームワークDoma
Toshihiro Nakamura
Recommended
eZ Publish 2012年8月勉強会 - テンプレートオーバーライド
eZ Publish 2012年8月勉強会 - テンプレートオーバーライド
ericsagnes
今回の課題はテンプレートの第一回の「オーバーライドシステム」となります。 ベストプラクティス、実装方法とユースケースを含め、 eZ Publishの最強特徴であるテンプレートオーバーライドシステムを紹介いたします。
DW テンプレートをマスターして 楽々サイトメンテナンス
DW テンプレートをマスターして 楽々サイトメンテナンス
Akira Maruyama
CSS Nite Beginners Theme2 Dreamweaver in 高松の講演資料です。
eZ Publish勉強会9月〜テンプレート言語〜
eZ Publish勉強会9月〜テンプレート言語〜
ericsagnes
eZ Publishのテンプレート言語の紹介
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
arisu yano
CSS Nite in Matsuyama vol.1 - session 4 http://cssnite-matsuyama.com/vol01/profile/#yano
Magento cafe plus #12
Magento cafe plus #12
Hirokazu Nishi
Magento Cafe Plus #12で使用した資料です。 デザインテーマカスタマイズの話と、ユニットテストの話を取り上げています。
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
本資料は、WordPress のプラグイン作成の基本を解説しています。エンジニア寄りの解説ですが、デザイナーさんにも読んで頂ける内容かと思います。 セッション内容の出典は WordBench 神戸の元管理人 @horike37 さんです。ご本人に確認して本セッションでの利用の許可いただきました。 僕自身は、@horike37 さんのセッションでWordPress に感動し、WordPress の活用に目覚めた人でございます。本セッションでも、その感動を共有できたらと思っています。
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
2012/10/19 EC-CUBEプラグイン開発講義 本体カスタマイズとプラグイン制作
次世代DaoフレームワークDoma
次世代DaoフレームワークDoma
Toshihiro Nakamura
AngularJS入門
AngularJS入門
Kenji Shirane
Drupal 勉強会の参考資料として AngularJS の入門チュートリアルを作ってみました。ウソ書いてるところもあるかもしれないので予めごめんなさい。教えてもらえたら直します。
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
Hishikawa Takuro
第27回concrete5大阪勉強会
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
Masashi Haga
第19回のプロ生にてしゃべらせていただいたときの資料です。
Doma SQLテンプレートのしくみ
Doma SQLテンプレートのしくみ
Toshihiro Nakamura
Doma SQLテンプレートのしくみ
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
Saeki Tominaga
HTMLの歴史や種類の紹介、DTDの読み方解説など。
a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
2012年9月8日の「a-sap::a-blog cms札幌勉強会06」のプレゼン資料です。
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
Cherry Pie Web
2013年9月29日 WordBench京都
2006 03 18_osc2006_x_cube_template
2006 03 18_osc2006_x_cube_template
Tom Hayakawa
2006年3月18日 OSC(オープンソースカンファレンス)2006 Tokyo/Spring 日本電子専門学校 XOOPS Cube2.1のテーマ・テンプレートの概要と新機能について
html for Kubo Semi 2014
html for Kubo Semi 2014
Toshiki NOGUCHI
html with python/bottle for beginners
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
Hirokazu Nishi
第1回 Magento Cafe Plus Kansaiで使用した資料です。 Magentoのディレクトリ構成やテンプレート・レイアウト構成について解説しています。
Mvpvm pattern
Mvpvm pattern
Mami Shiino
Gen-Template-for-Perl
Gen-Template-for-Perl
nasneg
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
kwatch
(PgDay2012発表資料) SQLにとって、なぜO/Rマッパーが重要かを説明した資料です。
これから使おう!Term metadataの使い方
これから使おう!Term metadataの使い方
Kasumi Ogawa
WordCamp Kansai 2016で行ったセッションのスライドです。
アプリコンテスト
アプリコンテスト
Tomonori Yamada
JavaScript入門-基礎編
JavaScript入門-基礎編
mactkg
by ishikawan
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
kwatch
SQLインジェクションを・・・駆逐してやる!! この世から・・・一匹残らず!! (PHPカンファレンス2015)
第4回Magento Cafe Plus〜Rewriteと独自テーブル
第4回Magento Cafe Plus〜Rewriteと独自テーブル
Hirokazu Nishi
第4回Magento Cafe Plusで使用した資料です。 Rewriteと独自テーブルを使う方法について説明しています。
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
miso- soup3
2012/08/25 に開催したASP.NET MVC入門。 ハンズオン形式で、アプリを作成しました。
20120118 titanium
20120118 titanium
Hiroshi Oyamada
Titanium+JavaScriptでiPhoneアプリ開発カフェ<vol.3> サンプルコードのブラッシュアップ編の資料
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
Yoshitaka Seo
ASP.NET MVC 2 概要 2010 Community Open Day セッション資料
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
Y Watanabe
More Related Content
What's hot
AngularJS入門
AngularJS入門
Kenji Shirane
Drupal 勉強会の参考資料として AngularJS の入門チュートリアルを作ってみました。ウソ書いてるところもあるかもしれないので予めごめんなさい。教えてもらえたら直します。
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
Hishikawa Takuro
第27回concrete5大阪勉強会
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
Masashi Haga
第19回のプロ生にてしゃべらせていただいたときの資料です。
Doma SQLテンプレートのしくみ
Doma SQLテンプレートのしくみ
Toshihiro Nakamura
Doma SQLテンプレートのしくみ
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
Saeki Tominaga
HTMLの歴史や種類の紹介、DTDの読み方解説など。
a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
2012年9月8日の「a-sap::a-blog cms札幌勉強会06」のプレゼン資料です。
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
Cherry Pie Web
2013年9月29日 WordBench京都
2006 03 18_osc2006_x_cube_template
2006 03 18_osc2006_x_cube_template
Tom Hayakawa
2006年3月18日 OSC(オープンソースカンファレンス)2006 Tokyo/Spring 日本電子専門学校 XOOPS Cube2.1のテーマ・テンプレートの概要と新機能について
html for Kubo Semi 2014
html for Kubo Semi 2014
Toshiki NOGUCHI
html with python/bottle for beginners
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
Hirokazu Nishi
第1回 Magento Cafe Plus Kansaiで使用した資料です。 Magentoのディレクトリ構成やテンプレート・レイアウト構成について解説しています。
Mvpvm pattern
Mvpvm pattern
Mami Shiino
Gen-Template-for-Perl
Gen-Template-for-Perl
nasneg
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
kwatch
(PgDay2012発表資料) SQLにとって、なぜO/Rマッパーが重要かを説明した資料です。
これから使おう!Term metadataの使い方
これから使おう!Term metadataの使い方
Kasumi Ogawa
WordCamp Kansai 2016で行ったセッションのスライドです。
アプリコンテスト
アプリコンテスト
Tomonori Yamada
JavaScript入門-基礎編
JavaScript入門-基礎編
mactkg
by ishikawan
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
kwatch
SQLインジェクションを・・・駆逐してやる!! この世から・・・一匹残らず!! (PHPカンファレンス2015)
第4回Magento Cafe Plus〜Rewriteと独自テーブル
第4回Magento Cafe Plus〜Rewriteと独自テーブル
Hirokazu Nishi
第4回Magento Cafe Plusで使用した資料です。 Rewriteと独自テーブルを使う方法について説明しています。
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
miso- soup3
2012/08/25 に開催したASP.NET MVC入門。 ハンズオン形式で、アプリを作成しました。
20120118 titanium
20120118 titanium
Hiroshi Oyamada
Titanium+JavaScriptでiPhoneアプリ開発カフェ<vol.3> サンプルコードのブラッシュアップ編の資料
What's hot
(20)
AngularJS入門
AngularJS入門
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
Doma SQLテンプレートのしくみ
Doma SQLテンプレートのしくみ
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
a-sap06「カスタムフィールドを使いこなす」
a-sap06「カスタムフィールドを使いこなす」
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
2006 03 18_osc2006_x_cube_template
2006 03 18_osc2006_x_cube_template
html for Kubo Semi 2014
html for Kubo Semi 2014
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
第1回 Magento Cafe Plus Kansai ~ Magentoカスタマイズ入門
Mvpvm pattern
Mvpvm pattern
Gen-Template-for-Perl
Gen-Template-for-Perl
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
SQL上級者こそ知って欲しい、なぜO/Rマッパーが重要か?
これから使おう!Term metadataの使い方
これから使おう!Term metadataの使い方
アプリコンテスト
アプリコンテスト
JavaScript入門-基礎編
JavaScript入門-基礎編
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
【SQLインジェクション対策】徳丸先生に怒られない、動的SQLの安全な組み立て方
第4回Magento Cafe Plus〜Rewriteと独自テーブル
第4回Magento Cafe Plus〜Rewriteと独自テーブル
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
20120118 titanium
20120118 titanium
Similar to コードビュー中心で開発するDreamweaverテンプレート
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
Yoshitaka Seo
ASP.NET MVC 2 概要 2010 Community Open Day セッション資料
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
Y Watanabe
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
normalian
CLR/H 69回目勉強会でお話しさせて頂いた、ASP.NET MVC での TDD 基礎見直しです。あじゅらーもASP.NET MVC な人も是非ご一読あれ
Mvc conf session_2_shibamura
Mvc conf session_2_shibamura
Hiroshi Okunushi
mvcConf @:Japan ~ ASP.NET MVC ブートキャンプ ~ の資料です
PHP 2大 web フレームワークの徹底比較!
PHP 2大 web フレームワークの徹底比較!
Shohei Okada
サポーターズ CoLab 勉強会の資料です。 2018/01/25 https://supporterzcolab.com/event/259/ ※タイトルを「【PHP7 実践編】事例で学ぶ CakePHP と Laravel の徹底比較」と改めています。 2017/09/13 https://supporterzcolab.com/event/137/
G * magazine 1
G * magazine 1
Tsuyoshi Yamamoto
Gアスタマガジン創刊号 ダウンロードはこちらから http://grails.jp/g_mag_jp/index.html
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
Shuyo Nakatani
WebDB Forum 2011 の技術報告セッションで発表した際の資料です。
MoteMote Compiler Plugin
MoteMote Compiler Plugin
yoshiaki iwanaga
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
2010年8月に開催されたWordBench名古屋勉強会「Twenty Ten大解剖」の秋バージョンとしまして、テーマの構成とテンプレートの中身を解読&解説していきます。
XPages 開発 Tips 百連発
XPages 開発 Tips 百連発
Mitsuru Katoh
2012年5月18日 XPagesDay でのプレゼンテーション
20141206 handson
20141206 handson
Six Apart
2014年12月6日のハンズオン用資料です
Vue入門
Vue入門
Takeo Noda
Vueの未経験者、初心者を対象とした入門書です。
Visual studio 2013 Overview
Visual studio 2013 Overview
一希 大田
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
フロントエンド実装者から見た PowerCMS X
フロントエンド実装者から見た PowerCMS X
Hideki Abe
2018年12月12日に開催された「PowerCMS X 製品発表会」での発表スライドです。
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
Mithril - 軽量/高速なMVCフレームワーク
Mithril - 軽量/高速なMVCフレームワーク
sairoutine
[Grand Frontend Osaka2016] DAY2 Frontend Sessions http://kfug.jp/gfo2016/
メディア芸術基礎 II jQuery入門
メディア芸術基礎 II jQuery入門
Atsushi Tadokoro
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
「14th Knock!」 第14回Knock! Knock! 勉強会(2013年 4月 19日、B-nest静岡市産学交流センターにて) http://knock3.hamnaly.com/vol14/
Similar to コードビュー中心で開発するDreamweaverテンプレート
(20)
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
基礎から見直す ASP.NET MVC の単体テスト自動化方法 ~ Windows Azure 関連もあるかも~
Mvc conf session_2_shibamura
Mvc conf session_2_shibamura
PHP 2大 web フレームワークの徹底比較!
PHP 2大 web フレームワークの徹底比較!
G * magazine 1
G * magazine 1
ブログの枠を超える?ためのWordPressカスタマイズ入門
ブログの枠を超える?ためのWordPressカスタマイズ入門
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
MoteMote Compiler Plugin
MoteMote Compiler Plugin
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
XPages 開発 Tips 百連発
XPages 開発 Tips 百連発
20141206 handson
20141206 handson
Vue入門
Vue入門
Visual studio 2013 Overview
Visual studio 2013 Overview
Webteko 20090925
Webteko 20090925
フロントエンド実装者から見た PowerCMS X
フロントエンド実装者から見た PowerCMS X
脱コピペ!デザイナーにもわかるPHPとWP_Query
脱コピペ!デザイナーにもわかるPHPとWP_Query
Mithril - 軽量/高速なMVCフレームワーク
Mithril - 軽量/高速なMVCフレームワーク
メディア芸術基礎 II jQuery入門
メディア芸術基礎 II jQuery入門
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
More from Akira Maruyama
設定のカスタマイズで まだまだ使える Dreamweaver
設定のカスタマイズで まだまだ使える Dreamweaver
Akira Maruyama
エディター ガチンコバトル勉強会 vs.2 in 大阪で登壇した際のスライドデータです
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Akira Maruyama
CSS Nite in OSAKA Vol.20 前夜祭でお話したDreamweaverのコードヒントのカスタマイズについてのスライドです
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
Akira Maruyama
PhotoshopのGeneratorとっても便利ですよね。Fireworksでも擬似的に可能になる拡張機能があるんです!その便利な拡張機能をさくっと紹介します。
Fireworksで作成したデータのリサイクル考察
Fireworksで作成したデータのリサイクル考察
Akira Maruyama
2013年8月24日に開催されたPs / Ai / Fw ガチンコバトル勉強会 in 大阪でのスライド資料。
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
Akira Maruyama
Ps / Ai / Fw / Sketch ガチンコバトル勉強会 in 岡山 勉強会資料
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
Akira Maruyama
2012年2月5日開催のFireworks Users Group第3回勉強会でのスライドです。
パワーユーザー必携の海外の拡張機能20選+α
パワーユーザー必携の海外の拡張機能20選+α
Akira Maruyama
2011年3月5日に開催されたCSS Nite LP, Disk 14「Photoshopper meets Fireworks」での公演資料です。
Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.
Akira Maruyama
2010年5月29日に開催されたDreamweaver Town Meeting in Tokyoで公演したスライド資料
Fireworksの潜在能力を拡張機能で引き出そう!
Fireworksの潜在能力を拡張機能で引き出そう!
Akira Maruyama
CSS Nite in OKAYAMA Vol.3での講演資料です。 紹介している自作のコマンドは以下よりDLしてください。 https://www.dropbox.com/s/e8p2jhc4hu4k9zo/CSSNiteinOKAYAMAV3_akira_maru.zip
HTML5コーディング環境を Dreamweaverで構築する
HTML5コーディング環境を Dreamweaverで構築する
Akira Maruyama
Dreamweaver Town Meeting in Kyotoで話した講演資料です。
実はこんなこともできる Fireworksの裏技
実はこんなこともできる Fireworksの裏技
Akira Maruyama
Re:Creator's Chat Vol.2の講演資料です。
More from Akira Maruyama
(11)
設定のカスタマイズで まだまだ使える Dreamweaver
設定のカスタマイズで まだまだ使える Dreamweaver
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
Fireworksで作成したデータのリサイクル考察
Fireworksで作成したデータのリサイクル考察
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
パワーユーザー必携の海外の拡張機能20選+α
パワーユーザー必携の海外の拡張機能20選+α
Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.
Fireworksの潜在能力を拡張機能で引き出そう!
Fireworksの潜在能力を拡張機能で引き出そう!
HTML5コーディング環境を Dreamweaverで構築する
HTML5コーディング環境を Dreamweaverで構築する
実はこんなこともできる Fireworksの裏技
実はこんなこともできる Fireworksの裏技
コードビュー中心で開発するDreamweaverテンプレート
1.
コードビュー中心で開発する Dreamweaverテンプレート
By Akira Maruyama 2007.3.23(Fri) in Apple Store Shinsaibashi
2.
簡単にプロフィールを… ‣
岡山県出身、 鳥取県在住。 ‣ Web業界10年ほど、現在次に向けて充電中。 ‣ 主にDreamweaver、Fireworksを利用。 ‣ mixiやってます。 http://mixi.jp/show_friend.pl?id=7200 ‣ FireworksやDreamweaverの機能拡張・カスタマイズを サイトで公開しています。 http://homepage.mac.com/akira_maru/fireworks/
3.
簡単にプロフィールを… ‣
CSS Nite LP, Disk 2に講師として参加しました。 (2006.12) ‣ 共著でDreamweaverプロフェッショナ ル・スタイルの執筆に参加しました。 (2006.12)
4.
全体の流れ ‣
Dreamweaver テンプレートとは? ・概要 ・テンプレートタグを理解しよう ‣ 編集可能領域 ・編集可能領域とは? ・コードビューで使えるTIPS ‣ オプション領域 ・オプション領域とは? ・パラメータ設定用タグと条件振り分け用タグ ・条件式を理解する ・テンプレート式の基本 ‣ リピート領域 ・リピート領域とは? ・リピート変数とリピートオブジェクト ・テンプレート式を使った制御
5.
Dreamweaverテンプレートとは? 概要 テンプレート=Dreamweaverの神髄となる機能の1つ ‣
ひな形としての機能 適 用 共通部分のデザインが完成された <HTML> ページが出来上がる テンプレート(DWT) テンプレートを適用したHTML 編集不可能領域 <HTML> ★ 不要な部分をロックして編集不可能にする ノーマルHTML ➡ 編集可能領域
6.
Dreamweaverテンプレートとは? 概要 ‣
同じデザインのページを“素早く”作成 新規ページ作成時にテンプレートから ページを新規作成できます。 ‣ テンプレートへの修正内容を 適用したページすべてに反映 テンプレート 適用したすべてのページ・ 修正 テンプレートに反映される 修正
7.
Dreamweaverテンプレートとは? 概要 ‣
単なる「 ひな形」として以外の強力な機能 Dreamweaver MX以降の機能 ➡ オプション領域 ➡ リピート領域 ➡ 編集可能タグ属性 ‣ これらの機能はContributeで利用可能 独自機能と合わせてクライアント側で簡易CMSが構築できる
8.
Dreamweaverテンプレートとは? テンプレートタグを理解する ‣
DWテンプレートは「タグ」を挿入するだけ Dreamweaverテンプレート(dwt) =(X) HTML + テンプレートタグ タグで理解することでより細かい制御が可能になる =マークアップと同じ 個人的にはメニューから作成するよりも楽だったりする? (コードスニペットなどの活用でさらに効率化) 条件式をマスターすることがテンプレート活用のキモ (テンプレート式をマスターしよう)
9.
編集可能領域 編集可能領域とは? ‣
テンプレート編集可能な部分 基本的にはテンプレートを作成した テンプレートを適用したHTML だけでは編集できないのでタグで指 <HTML> ロックされた領域 定する 編集可能な領域 ‣ タグ <!-- TemplateBeginEditable name="編集可能領域名" --> 開始タグ 数字または記号以外ではじまる任意の文字。日本語可能。 <!-- TemplateEndEditable --> 終了タグ 予め編集可能領域に内容を入れておくと新規にテンプレートが適用された際に反映される。
10.
編集可能領域 コードビューで使えるTIPS ‣
ヘッダに編集可能領域を追加 メニューからはヘッダーの中には「doctitle」「head」以外の編集 可能領域が作れない。 コードビューでは 任意の場所に可能
11.
編集可能領域 コードビューで使えるTIPS ‣
編集可能領域をロック テンプレートの入れ子の際に定義された編集可能領域は基本的に次 の子テンプレートや子ページに継承される。 テンプレートの入れ子とは? 親テンプレート(dwt) 子テンプレート(dwt) 孫ページ(html) <body> <body> <body> <!-- TemplateBeginEditable name="header" --> <!-- InstanceBeginEditable name="header" --> <!-- InstanceBeginEditable name="header" --> <!-- TemplateEndEditable --> <!-- InstanceEndEditable --> <!-- InstanceEndEditable --> </body> </body> </body>
12.
編集可能領域 コードビューで使えるTIPS ‣
編集可能領域をロック 編集可能領域のロック <!-- InstanceBeginEditable name="編集可能領域名" --> @@(" ")@@ <!-- InstanceEndEditable --> デザインビュー 子ページに反映 消える コードビュー <body> <body> <!-- InstanceBeginEditable name="header" --> @@(" ")@@ <!-- InstanceEndEditable --> 非表示になる </body> </body>
13.
オプション領域 オプション領域とは? ページの編集時に編集ユーザの制御により、指定したエリアの表示非表 示、複数箇所に同時に入力したテキストを挿入などを可能にします。 [修正]メニュー → [テンプレートプロパティ]
各パラメーター
14.
オプション領域 オプション領域とは? 一例)編集可能領域の表示非表示の制御
チェックすると「真」になる 領域が挿入される
15.
オプション領域 パラメータ設定用タグと条件振り分け用タグ ‣
オプション領域タグ パラメータ設定用タグと条件振り分け用タグがある ● パラメーター設定用タグ :TemplateParam ● 条件振り分け用タグ(括弧は終了タグ) : TemplateBeginIf(TemplateEndIf) TemplateBeginMultipleIf(TemplateEndMultipleIf) TemplateBeginIfClause(TemplateEndIfClause)
16.
オプション領域 パラメータ設定用タグと条件振り分け用タグ ‣ TemplateParam →
パラメーター設定用タグ <!-- TemplateParam name="パラメータ名" type="タイプ" value="初期値" --> ヘッダに記述する必要がある 5つのタイプ type="boolean" type="number" type="text" パラメーター名 初期値 type="URL" 注意: type="url" ではダメ! タイプ別入力領域 type="color" テンプレートを適用されたページでテンプレート プロパティーでの設定をコントロールする。
17.
オプション領域 パラメータ設定用タグと条件振り分け用タグ ‣
TemplateBeginIf <!-- TemplateBeginIf cond="パラメータ名または条件式" --> 開始タグ 条件がtrueのときにここに記述した内容を表示 <!-- TemplateEndIf --> 終了タグ cond属性で返される値はtrueまたはfalseのみ ●パラメータ名の時 TemplateParamのtypeはboolean ●条件式の時 パラメータ == 1、! パラメータa) (パラメータb== "aaa")など ( &&
18.
オプション領域 パラメータ設定用タグと条件振り分け用タグ ‣
TemplateBeginMultipleIf、TemplateBeginIfClause → 複数条件振り分け用タグ <!-- TemplateBeginMultipleIf --> <!-- TemplateBeginIfClause cond="条件式1" --> 条件式1がtrueの場合に表示して終了。falseの場合は条件式2に。 <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond="条件式2" --> 条件式2がtrueの場合に表示。 <!-- TemplateEndIfClause --> <!-- TemplateEndMultipleIf --> ※条件式1がtrueの場合、条件式2以降が trueでも表示は条件式1の内容のみです。
19.
オプション領域 条件式を理解する ‣
オプション領域の理解=条件式の克服 A && B → A かつ B A II B → A または B A)→ Aでない etc ( ! ‣ 例題:複数の条件を同時に満たしたときだけ表示 ●パラメーター(いずれもtype=boolean) <!-- TemplateParam name="第2階層" type="boolean" value="true" --> <!-- TemplateParam name="リード" type="boolean" value="true" --> ●振り分け条件式 <!-- TemplateBeginIf cond="(第2階層)&&(リード)" --> 内容 <!-- TemplateEndIf -->
20.
オプション領域 条件式を理解する ‣
例題:レイアウトを切り替える ●パラメーター(type=number) <!-- TemplateParam name="レイアウト" type="number" value="1" --> ●振り分け条件式 <!-- TemplateBeginMultipleIf --> <!-- TemplateBeginIfClause cond="(レイアウト)==1" --> レイアウト1 <!-- TemplateEndIfClause --> <!-- TemplateBeginIfClause cond= "(レイアウト)==2" --> レイアウト2 <!-- TemplateEndIfClause --> <!-- TemplateEndMultipleIf -->
21.
オプション領域 テンプレート式の基本 ‣
テンプレート式とは? @@(パラメータ名または条件式)@@ ●JavaScriptのシンタックスに準じている ●タグを含ませることができない ‣ 例題:複数箇所のテキストの一括更新 @@(パラメータ名)@@ ●パラメーター(type=text) <!-- TemplateParam name="title" type="text" value="" --> ●挿入タグ タイトル:<title>@@(title)@@ I CSSNite</title> 見出し: <h1>@@(title)@@</h1> ナビゲーション:<p><a href="../index.html">トップ</a> <span>>></span> @@(title)@@</p>
22.
オプション領域 テンプレート式の基本 ‣
@@(条件式)@@ ❖ 例題:バナーの差し換え ●パラメーター(type=boolean、type=URL) <!-- TemplateParam name="特価品" type="boolean" value="false" --> <!-- TemplateParam name="imgurl1" type="URL" value="" --> <!-- TemplateParam name="imgurl2" type="URL" value="" --> ●挿入タグ <p class="img"><img src="@@((特価品) ? imgurl1 : imgurl2 )@@" alt="" width="600" height="147"></p> @@((条件式) ? trueの値 : falseの値 )@@ 返す値は変数でない場合は " "内に記述する
23.
リピート領域 リピート領域とは? ●ブロックや表組みの行など、ある一定のレイアウトの反復を指定するために利用 ●基本的に編集可能領域と組み合わせて利用する
●入れ子での利用も可能 コントローラー 選択エントリーの下に 選択エントリーを削除 エントリーを追加 各エントリー 選択エントリーの順序 選択エントリーの順序 を下のエントリーと入 を上のエントリーと入 れ替え れ替え
24.
リピート領域 リピート領域とは? ‣
TemplateBeginRepeat <!-- TemplateBeginRepeat name="リピート領域名" --> 反復する内容 <!-- TemplateEndRepeat --> ‣ InstanceBeginRepeatEntry リピートエントリーを作成するとエントリー毎に自動で生成される
25.
リピート領域 リピート変数とリピートオブジェクト テンプレート式で利用可能。
_index 0から始まる現在のエントリ数を返す。値は半角数字 _numRows このリピート領域に含まれるエントリの合計数を返す。値は半角数字 _isFirst そのエントリがリピート領域の最初のエントリかどうかを判別。値はtrue/false _isLast そのエントリがリピート領域の最後のエントリかどうかを判別。値はtrue/false _prevRecord 前のエントリのリピートオブジェクト。 例)_prevRecord._index 領域の最初のエントリに対してこのプロパティを使用するとエラーになる _nextRecord 次のエントリのリピートオブジェクト。 例)_nextRecord._numRows 領域の最後のエントリに対してこのプロパティを使用するとエラーになる _parent 入れ子されたリピート領域で外側のリピート領域のリピートオブジェクトを指定する。 ネストされたリピート領域以外でこのプロパティを使用するとエラーになる。
26.
リピート領域 テンプレート式を使った制御 ‣
例題:現在x番目の番号を表示する リピート変数 _index を利用 エントリー数=_index+1 <!-- TemplateBeginRepeat name="リピート領域名" --> @@(_index+1)@@ <!-- TemplateEndRepeat -->
27.
一歩進んだリピート領域の使い方 ‣
例題: 1つおきに表示非表示 偶数、奇数を取得が必要。 _index&1を利用→偶数の時:1、奇数の時:0を返す 条件式:((_index&1) ? 偶数の時の値 : 奇数の時の値) <!-- TemplateBeginRepeat name="リピート領域名" --> @@((_index&1) ? 偶数の時の値 : 奇数の時の値)@@ <!-- TemplateEndRepeat -->
28.
一歩進んだリピート領域の使い方 ‣
例題: nおきに表示非表示 _indexをnで割り切れる時がtrue _index%nを利用→_indexをnで割ったときの余りを返す 条件式:((_index%n==0) ? 割り切れる時 : 余りがある時) <!-- TemplateBeginRepeat name="リピート領域名" --> @@((_index%n==0) ? 割り切れる時 : 余りがある時)@@ <!-- TemplateEndRepeat -->
29.
一歩進んだリピート領域の使い方 ‣
例題: 親リピート領域のエントリ番号を取得 親リピート リピート領域の入れ子の時に利用 親エントリ1 子リピート _parent._indexを利用 子エントリ1 子エントリ1 親エントリ2 子リピート <!-- TemplateBeginRepeat name="親リピート" --> 子エントリ1 <!-- TemplateBeginRepeat name="子リピート" --> 子エントリ1 @@((_parent._index+1))@@ <!-- TemplateEndRepeat --> <!-- TemplateEndRepeat -->
30.
おまけ ‣
もっと知りたい人は ●Dreamweaverヘルプ ページのレイアウト > テンプレートの管理 > Dreamweaverのテンプレートについて > テンプレート式 ページのレイアウト > テンプレートの管理 > Dreamweaverのテンプレートについて > テンプレート式 > テンプレートの言語 ページのレイアウト > テンプレートの管理 > Dreamweaverのテンプレートについて > テンプレート式 >テンプレートコードの複数の If 条件 ●Dreamweaver テクニカルノート一覧 Dreamweaver MX の新しいテンプレート機能 http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0385.html Dreamweaver MX テンプレートのカスタムパラメータと式 http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0414.html 継承された編集可能領域を編集不可能にする http://www.adobe.com/jp/support/dreamweaver/ts/documents/dw0415.html ●Dreamweaver デベロッパーセンター DreamweaverMXテンプレート機能を活用したContributeテンプレートファイルの作成 http://www.adobe.com/jp/devnet/dreamweaver/articles/contribute_page1.html Consistent Web Design with Dreamweaver Templates(英文) http://www.adobe.com/devnet/dreamweaver/articles/dw_templates.html
31.
ありがとうございました
Download now