DreamweaverでWeb標準(XHTMLとCSSでサイト構築) [まぐまぐ！]

2008/12/26

【DreamweaverではじめるWeb標準】第150号　　よいお年を！

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□　DreamweaverではじめるWeb標準　□□□
□□　〜XHTMLとCSSで構築するWebサイト〜　□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

　第150号
　発行日：2008年12月26日金
　ほぼ週刊（目標）
　発行：鷹野雅弘（株式会社スイッチ）

　---------------------------------------------------------------

　このメルマガでは、
　Dreamweaverを中心とした制作テクニック
　書籍、セミナー、有用サイトなどをご紹介しています。

┼──────────────────────────
　目次
──────────────────────────┼

　├ ミニコラム：Dreamweaverとスマート・オブジェクト
　├ クリッピング（12月20日-12月26日）
　├ セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー（大阪）
　├ セミナー紹介：矢野りんさんに学ぶ、“使える”デザイン基礎知識
　├ イベントカレンダー

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　ミニコラム：Dreamweaverとスマート・オブジェクト
──────────────────────────────────　
　Dreamweaver CS4では、［挿入］→［イメージ］で、
　Photoshop PSDファイルを指定することができます。
　その際、自動的に［画像プレビュー］ダイアログボックスが開き、
　GIFやJPEGへの最適化を行ったら、ファイル名を決めて保存します。
　
　すると、HTMLページ内には、最適化した画像が配置されつつ、
　元のPSDファイルの場所を覚えていてくれます。
　
　配置された画像を選択し、
　［プロパティ］パネルのPhotoshopアイコンをすれば、Photoshopが起動します。
　Photoshopで編集を終了して保存すれば、配置された画像も更新されます。
　
　マクロメディアでは「ラウンドトリップ編集」。
　アドビ（GoLiveの時代）では「スマート・オブジェクト」と呼びます。
　
　---
　
　Photoshop PSDは「スマート・オブジェクト」に対応しているのですが、
　Illustratorは依然、非対応です。
　
　そこで、Photoshop内にIllustratorのオブジェクトをスマートオブジェクトとして配置し、
　修正がある場合には、DreamweaverからPhotoshop、
　PhotoshopからIllustratorに戻るというフローが可能だよね、
　「Illustrator and Dreamweaver Integration」と紹介されていました。
　<http://rwillustrator.blogspot.com/2008/12/illustrator-and-dreamweaver-integration.html>
　
　元のファイルを探して再書き出しした方が早いかもしれませんが、ご紹介まで。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　クリッピング（12月20日-12月26日）
──────────────────────────────────　
　●オススメ

　　SEO基礎知識コラム　新規サイト立ち上げ編
　　<http://www.loftwork.jp/aboutus/column/article/seo_basic1.html?utm_source=jpmail&utm_medium=mail>
　　→　既に終了している以前のブログが検索結果に表示されてしまうことを回避
　　
　●アドビ系

　　AdobeTV
　　<http://tv.adobe.com/jp/>
　　→　Web系もかなり充実してきました。
　　
　　Dreamweaver CS4のSubversion機能で注意しておきたいこと
　　<http://www.t-studio.com/column/index.php?ID=503>
　　→　神森さんの記事。
　　　　「従来のチェックイン・チェックアウト機能を使いたい場合はSubversion機能は使えない」
　　
　　Cloak/Uncloak SCM Directories
　　<http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1018603>
　　→　DreamweaverでSubversionを使ったときに「.svn」をクロークする拡張機能
　　　　入れてみたんですが、私の環境（Mac OS X+CS4）ではDreamweaverが文字化けしてしまいました。
　　　　CS4ではそもそも不要？　お正月休みに研究してみます。
　　
　　ヒロ杉山、辻川幸一郎セレクトCD発売！アドビ音楽プロジェクト「Adobe Records」本格始動
　　<http://white-screen.jp/2008/12/adobe_records_adobe_creative_s.php>
　　→　「Adobe Records」の第一弾。

　　Fireworks AutoShapes
　　<http://fireworks.abeall.com/extensions/autoshapes/>
　　→　Sunburstとか使えそうです。
　　
　　75 Adobe Fireworks Extensions-It is better than Photoshop
　　<http://www.bspcn.com/2008/08/29/75-adobe-fireworks-extensions-it-is-better-than-photoshop/>
　　→　「Photoshopより優れている75のFireworksの拡張機能」

　●Movable Type関連

　　今日のMovable Type:Movable Type 4.25b1で選べる6つのテンプレートセット
　　<http://www.dakiny.com/archives/movable-type/movable_type_425_6_template_set/>
　　→　テンプレートセットが増えるようです。
　　
　　Movable Type のテンプレートで作る meta タグの keywords と description
　　<http://www.tinybeans.net/blog/2008/08/movable-type-meta-keywords-des.html>
　　→　スマートな解決方法かも。
　　
　　PowerEdit プラグイン
　　<http://www.koikikukan.com/archives/2008/11/13-111111.php>
　　→　複数の記事を一括で編集できるプラグイン

　●2008年振り返り系

　　2008 Most Popular Design posts, Tutorials and Resources
　　<http://www.noupe.com/best-of/2008-most-popular-design-posts-tutorials-and-resources.html>
　　→　2008年の人気記事。
　　
　　海外Webデザイン、2008年の潮流
　　<http://ascii.jp/elem/000/000/197/197136/>
　　→　こちらはAscii.jpの記事。

　●jQuery関連

　　jQuery UI
　　<http://ui.jquery.com/themeroller>
　　→　jQueryのUIのカラーリングを変更できる
　　
　　jGlycy
　　<http://semooh.jp/jglycy/>
　　→　なんかすごいですよ。
　　
　　jQuery日本語リファレンス
　　<http://semooh.jp/jquery/>
　　→　役立ちそうです。
　　
　　第5回　jQuery UIによるユーザインターフェースの改良
　　<http://gihyo.jp/dev/feature/01/jquery-ajax/0005>
　　→　こんなことまで対応しているんですね。
　　
　　jQuery Tutorials for Designers
　　<http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/>
　　→　「デザイナーのためのjQueryのチュートリアル」（英語）

　　優雅なWeb製作者の為の『yuga.js』
　　<http://javascript.webcreativepark.net/library/yuga>
　　→　to-Rの西畑さんの解説。知っているつもりで知らないことがありました。

　●その他

　　既存のデジタルフォントを使って、ロゴを制作してもかまわない？
　　<http://withd.jp/dtp/trend/030303/3649.html>
　　→　とりあえず、チェックしておきたいですね。
　　
　　「できる」のレベル、5段階
　　<http://withd.jp/news/career/000701/3695.html>
　　→　けっこう深い。
　　
　　Google AJAX APIを使ってjQueryを読み込む
　　<http://blog.kyosuke.jp/2008/06/04/55>
　　→　「# 普及すればネット全体でjQueryをキャッシュできる」！
　　
　　WOMマーケティング協議会設立準備会　発足
　　<http://next.current.co.jp/archives/2008/12/post_141.html>
　　→　だそうです。
　　
　　レコメンデーションエンジン「Cicindela」をオープンソースにて配布開始しました
　　<http://blog.livedoor.jp/edge_labs/archives/648107.html>
　　→　自分のサイトにも組み込めるそうです。
　　
　　第1回MISO WEBカンファレンス
　　<http://www.mi-so.jp/seminar_event/seminar/64.php>
　　→　終わったしまったんですが、名古屋にてこのような活動がスタートしているそうです。
　　
　　ドラッグ＆ドロップでマルチカラムレイアウト
　　<http://admn.air-nifty.com/monkeyish_studio/2008/12/post-e96d.html>
　　→　RapidWeaverのプラグイン。［プロパティ］パネル向けではない、ということですが。
　　
　　Windowsのプロダクトキーを表示する
　　<http://www.itmedia.co.jp/bizid/articles/0706/25/news052.html>
　　→　ちょっと探したので、ご参考までに。
　　
　　『Dapper』を使ってRSS化されていないページの特定データを抽出する。
　　<http://haaya.net/2282>
　　→　RSS吐いていないと見なくなっちゃうんですよね。
　　
　　改正迷惑メール対策法に関するＱ＆Ａ
　　<http://www.iajapan.org/anti_spam/portal/Operation/Law/QandA/QAindex.html>
　　→　大事なことなのに、なんだか読みにくい。
　　
　　ユーザーのポケットに飛び込まないと、勝負に負ける
　　<http://ohnishi.livedoor.biz/archives/50875320.html>
　　→　産経新聞のiPhone対応についての考察。
　　産経新聞、なぜ無料でiPhoneに　「失敗続き」の電子新聞チャレンジに手応え
　　→　こちらも。
　　
　　地下鉄乗り換え案内
　　<http://www.henyohenyo.com/subway/index.html>
　　→　iPhoneのアプリになると嬉しい。
　　
　　ブラウザから１分でウェブページを作成できる『Googleサイト』が日本語に対応
　　<http://google-mania.net/archives/1108>
　　→　とりあえずおさえておきたい。

　●UIとしておもしろいサイト

　　可視化
　　<http://www.ultra-l.net/note/2008/12/post_179.php>
　　→　このような見せ方もおもしろいですね。
　　
　　POOL inc.
　　<http://www.pool-inc.net/>
　　→　DSのアタマのよくなる系
　　
　　HelloEnjoy
　　<http://lancamento.jugem.cc/?eid=2730>
　　→　紹介されているHelloEnjoyのサイト。

　●おもしろ系

　　LiftMagic─顔写真が若返る奇跡(?)のジェネレータ
　　<http://mbdb.jp/?eid=1296>
　　→　すごいですね！
　　
　　偽印良品
　　<http://blog.310326.com/2008/10/post_147.html>
　　→　こういうの好きですね。
　　
　　Apple社フレーバーの二輪自動車デザイン『iMo』
　　<http://wiredvision.jp/news/200812/2008121921.html>
　　→　掃除機だと思って見ていました。
　　
　　名探偵むっちんの密室脱出ゲーム
　　<http://www.imomucchin.com/>
　　→　可愛いクリムゾンルームみたいな感じ？

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　セミナー紹介：Adobe Creative Suite 4 最新機能紹介セミナー（大阪）
──────────────────────────────────
　1月16日、宝塚造形芸術大学　梅田キャンパスにて
　主催Adobe CS4最新機能紹介セミナーが開催されます。
　
　詳細：<http://www.multi-bits.com/dat/adobe/seminar/>
　
　私（鷹野）が出演します。
　お近くの方で、ご都合がつけば、ぜひご参加ください。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　セミナー紹介：矢野りんさんに学ぶ、“使える”デザイン基礎知識
──────────────────────────────────
　3月21日と28日、デジタルスケープ（渋谷）にて、
　「矢野りんさんに学ぶ、"使える"デザイン基礎知識」が開催されます。
　
　　デザイン理論についてきちんと学んだ経験がなくなんとなくやってきてしまった、
　　うまく説明ができずクライアントの好き嫌いに翻弄されることもしばしば…という方に最適な講座。
　　「画面構成」「テキスト」「グラフィック」「配色」の4軸からデザインの基礎を理解した上で、
　　実務を想定した大小のエクササイズを通して制作実務での活用方法と
　　クリエイティブディレクションの勘所を学びます。

　詳細・お申し込みは、デジタルスケープのサイトから。
　<http://www.dsp.co.jp/seminar_training/detail.php?id=74>

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　イベント・カレンダー
──────────────────────────────────
　◇1月10日土：CSS Nite ビギナーズ（仙台版）残席5席
　　<http://cssnite.bluebeck.jp/vol03/outline/>
　◇1月15日木：CSS Nite in Ginza, Vol.30
　　<http://cssnite.jp/ginza/vol30/>
　◇1月17日土：CSS Nite ビギナーズ（大阪版）
　　<http://cssnite.jp/beginners/osaka/index.html>
　
┼──────────────────────────
　　あとがき
───────────────────────────

　ついに日本で発売になったEye-Fiカードを購入してみました。
　ものすごく便利。
　カメラからカードを抜かずにiPhotoとFlickrの両方にアップロードできます。
　これは使わないのはソンだと思います。

　30 daysも対応
　<http://30d.jp/guide/eye-fi>

　---

　2008年の発行はこれが最終です。
　よいお年をお迎えください。

─［発行］─────────────────────────────────
　株式会社スイッチ　http://swwwitch.com/
　鷹野雅弘　takano @ swwwitch.com
　東京都足立区足立4-13-18 #307
──────────────────────────────────────

　現在、4,462名の方にご購読いただいています。ありがとうございます。
　お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。
　ご自由に転送ください。
　
　こちら↓もよろしくお願いいたします。
　
　・『Dreamweaverプロフェッショナル・スタイル［CS3対応］』
　　<http://tinyurl.com/23pe3f>
　・『できるクリエーターDreamweaver独習ナビ』
　　<http://tinyurl.com/ytfnbf>　
　・『Adobe Dreamweaver CS3 Essential Book』
　　<http://tinyurl.com/yorh7z>
　・『1ランク上の技を身につけるFlashの強化書』
　　<http://tinyurl.com/33ez23>
　・『Movable Typeプロフェッショナル・スタイル』
　　<http://tinyurl.com/24mpm4>
　・『現場のプロから学ぶXHTML+CSS』
　　<http://tinyurl.com/55knox>

　セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、
　ご連絡くだされば幸いです。掲載料はいただいていません。
　情報商材など、Web系と無関係な掲載依頼はお断りしています。

　登録・解除・バックナンバーはこちらからです。
　http://blog.mag2.com/m/log/0000169311/

　Copyright(c） 2008 Swwwitch, Inc. Some rights reserved.
　記事が正確であることの保証はありません。
　ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。
　書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。