2009/08/18
【DreamweaverではじめるWeb標準】第176号
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ □□□ DreamweaverではじめるWeb標準 □□□ □□ 〜XHTMLとCSSで構築するWebサイト〜 □□□ □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第176号 発行日：2009年8月18日 ほぼ週刊（目標） 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、 Dreamweaverを中心とした制作テクニック 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ クリッピング（8月8日-8月18日） ├ セミナー案内：SEO最新事情とライティング講座（再掲） ├ セミナー案内：DESIGN IT! Forum 2009（情報転載） ├ イベントカレンダー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ クリッピング（8月8日-8月18日） ────────────────────────────────── “”内は引用です。 ●オススメ “Misunderstanding Markup” 日本語訳 <http://standards.mitsue.co.jp/resources/mm_comic/> → ミツエーの矢倉さんによる邦訳。 URLで使用する記号はアンダースコア(_)とハイフン(-)のどちらを使っても同じですか？｜αSEO(アルファSEO) <http://www.alphaseo.jp/seo-faq/outside/090811_164022.html> → 素朴な疑問への回答がたくさん。 ●コーディング/jQuery/ブラウザ HTML5 enabling script <http://remysharp.com/2009/01/07/html5-enabling-script/> → HTML5での新しい要素を、divとして扱うためのスクリプト HTML5 Gallery | A showcase of sites using HTML 5 markup <http://html5gallery.com/> → どんどん増えていますね。 細かすぎて伝わらないjQueryの機能5選 : tech.kayac.com - KAYAC engineers' blog <http://tech.kayac.com/archive/jquery-detail-tips.html> → へ〜 ゴーガ、ウェブページの任意の位置を頭出しする「peatea」を公開 - VENTURE VIEW <http://v.japan.cnet.com/news/article/story/0,2000067548,20398213,00.htm> → 使えるかも。 URI変えるな，ページ消すな | Okumura's Blog <http://oku.edu.mie-u.ac.jp/~okumura/blog/node/2470> → はい。 [CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編 | コリス <http://coliss.com/articles/build-websites/operation/css/css-mastering-styling-design-elements.html> → 復習的な感じで。 マウスオーバーをデザインする | DesignWalker <http://www.designwalker.com/2009/08/hover.html> → ショーケース的な感じ。 Macのカラーパネルを便利にするColorPickersプラグイン7選 | kotaログ from Magical Remix&Co. <http://blog.magical-remix.net/kotalog/archives/759> → Macユーザーは必見。 tshinobu.com - document.write() 複数行の記述方法いろいろ <http://tshinobu.com/blog/archives/73> → ほほ〜 株式会社ワンパクのWebサイトで、SOY CMS採用: 世界中の１％の人々へ <http://www.dakiny.com/archives/cms/1pac_web_soy_cms/> → リニューアルしたワンパクのサイトの裏側はSOY CMS！ ●アドビ系 Fireworks スライスやインスタンス名等を置換する拡張パネル きんくまデザイン <http://www.kuma-de.com/blog/1-programming/1-javascript/2009-01-21/286> → これは使えそうですね！ ひらさんから教えていただきました（ありがとうございます！）。 Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA <http://www.ideaxidea.com/archives/2009/08/fireworks_cs4_tutorials.html> → 主に海外系。 ●セミナー・イベント WISH2009 ウェブの未来を担う可能性を発掘・共有・応援 <http://agilemedia.jp/wish2009/index.html> → おもしろそうです。 アドテック東京の楽しみ方 | AyakoFromJapan.com <http://ayakofromjapan.com/how-to-enjoy-adtech-tokyo/> → 「アドテック東京」というのが開催されるそうです。 第24回WebSig会議 100人で考える、理想的なサイトマップの形と標準書式 (WebSig24/7) <http://websig247.jp/meeting/000149.html> → 非常におもしそうな試みです！ ●iPhone関連 気付き難かったiPhoneの操作 - ザリガニが見ていた...。 <http://d.hatena.ne.jp/zariganitosh/20090804/1249366747> → 知らないのがたくさんありました。 iPhoneのメールで引用せずに返信する裏技 <http://blog.sohaya.com/2009/07/30/a-tip-to-reply-without-quoting-it-by-an-email-of-iphone/> → ちょっとビミョー... ASCII.jp：iPhone累計出荷台数3000万台突破 <http://ascii.jp/elem/000/000/448/448992/index-2.html> → “iPhoneの強烈な満足度の高さが、世界シェアの70％を握るiPodのそれに近いと思える” 制作作業で使えそうなiPhoneアプリ - DTP Transit <http://www.dtp-transit.jp/apple/iphone/post_904.html> → 「Mobile Air Mouse」が結構使えます。 iPhoneみたいなオープンプラットフォームは胴元しか儲からないし、iPhoneコンテンツは最後はアタリショックになる - VENTURE VIEW <http://v.japan.cnet.com/blog/murakami/2009/08/10/entry_27024237/> → とりあえず、読んでおきたい。 ●その他 トップページ - 小林聡美.jp <http://kobayashisatomi.jp/> → レイアウトが斬新。 NAVERまとめとは？［はじめに］ ‐ NAVER INSIDE <http://inside.naver.jp/matome/index.html#> → 漫画や吹き出しでの口語って読みやすいですよね。 島国大和のド畜生「不味しんぼ」 <http://homepage3.nifty.com/dochikushow/diary/comic/mazu.htm> → すごいね... 結果発表 | 第4回 アックゼロヨン・アワード <http://www.acc04.jp/results/> → 発表されました。 視点：雑誌は変わらなければ消える可能性 - 広告業界の現状と未来を語る - Yahoo!ブログ <http://blogs.yahoo.co.jp/yassylucky/48927177.html> → 休刊・廃刊ってこんなにあるんですね。 長くて醜い URL（the longer crappy url） - maclalala2 <http://maclalala2.wordpress.com/2009/08/16/%e9%95%b7%e3%81%8f%e3%81%a6%e9%86%9c%e3%81%84-url%ef%bc%88the-longer-crappy-url%ef%bc%89/> → 短縮URLの光と影 MTOSでもPowered by Movable Typeは入れないとだめ？ | Takazudo Clipping* <http://gyauza.egoism.jp/clip/archives/2009/08/mtospowered-by-movable-type/> → “MTOSの場合は、「Powered by Movable Type」は入れなくていいらしい” 噴水効果とかシャワー効果とかマーケティングとか | バシャログ。 <http://c-brains.jp/blog/wsg/09/08/13-195005.php> → 「ユーザーインサイト」を使用した図が興味深い。 『Webアナリスト養成講座』を読んだ｜makitani.com <http://makitani.com/2009/08/web_analytics_an_hour_a_day.html> → この本、なかなかよさげです。 9割の会社は間違っている「ウェブ担当の育て方」 | 新・会社論 <http://president.jp.reuters.com/article/2009/08/10/01E128C8-7CED-11DE-8D01-F7063F99CD51.php?rpc=159> → 釣りっぽいけど、真っ当。 「さん」と「容疑者」の落差: Party in Preparation <http://partyinmylibrary.cocolog-nifty.com/party_in_preparation/2009/08/post-da90.html?cid=38216992> → まだまだ騒ぎっぱなしですね。それにしてもこの写真の使い方はえげつない。 「未来の会社」を象徴する存在だ：日経ビジネスオンライン <http://business.nikkeibp.co.jp/article/manage/20090804/201682/?P=2> → メール/twitterなどメッセージングに関する考察が興味深いです。 ●おもしろ系 ピラミッドパワー - 東京スイカ研究会 <http://suicup.jp/blog/archives/238> → なんだかすごい企画です。 John Nack on Adobe: The Longest Way: Great visual storytelling <http://blogs.adobe.com/jnack/2009/08/the_longest_way_great_visual_storytelling.html> → これは（作った手間暇が）すごい。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー案内：SEO最新事情とライティング講座 ────────────────────────────────── 前半をSEOの最新事情と戦略、後半をSEOライティングで構成。 演習を取り入れた実践的な講座。 ・日時：2009年8月26日 水曜日 13:30-18:00 ・会場：T's 銀座 ・出演：益子 貴寛（サイバーガーデン）、西畑一馬（to-R） ・主催：サイバーガーデンbiz ・受講料：18,000円 （税込） ・詳細・お申し込み：<http://cybergarden.biz/lectures/seo-writing-200908.html> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ セミナー案内：SEO最新事情とライティング講座（情報転載） ────────────────────────────────── この度、昨年に引き続き「DESIGN IT!」のイベントとして "コンテンツマネジメント"を主テーマに据えた、 『DESIGN IT! Forum 2009 - 企業情報の構造改革：DITA-XML-CMSによるコンテンツマネジメント戦略 -』 を、8月27日（木）、28日（金）に開催することとなりました。 <http://www.designit.jp/events/> イベント開催まであとわずかとなりました。 本日はイベントのポイントをWeb制作・企画・ディレクションなどの業務に 携わっている方を対象にした具体例としてご紹介します。 お申し込みはどうぞお早めに！ --------------------------------------------------------- ◆◆Web担当、ディレクター、デザイナーの皆さま、 こんなことで悩んでいませんか？◆◆ 「情報設計と社内調整が大変」（企業のWebコンテンツ担当者） CMSの導入によるWEBサイト構築を考える際に、単にWebだけではない、 その組織内の情報そのものの設計につながると感じる方も多いはずです。 従来では一見関連がないと思われがちな情報も、 どのように構成・整理し関連づけていくか、 またUI設計も含めどのように構築していくかが重要になってきます。 →『DESIGN IT! Forum 2009』では、 アウトプットの一つとしてのWebを考える際に、 どういったフレームで考えればよいか、 また膨大な情報をいかに関連づけながら構築し設計していくか などについて海外の最新事例を紹介いたします。 -------------------------------------------------------------- 「機能要件とワークフローの共有が必要」（Webディレクター） ディレクターはWEB制作プロジェクトにおける全ての段取りや お膳立て、マネージメントをすることが求められます。 「大規模、複雑化するWebサイト」プロジェクトでは ワークフローをつくり、制作工程を関係者すべてが理解できるようにする など、プロジェクト管理をしていくことが重要になってきます。 →『DESIGN IT! Forum 2009』では、 プロジェクト管理で必要な要素を分け、プロジェクトマネージャーの タイプごとに必要なスキルを見直します。 また、社内におけるディレクション業務に対して認識を高めていく ための事例を紹介します。 ----------------------------------------------------------------- 「ターゲットユーザーが曖昧で混乱」（Web制作会社デザイナー） コンテンツをどのように見せていくか、デザインを考える際に、 ターゲットユーザーが不明瞭だったりが原因で二転三転した経験などから、 Webデザインだけではなく、デザインが情報の設計につながると感じる方も多いはずです。 従来では一見関連のないと思われがちな情報も、ターゲットユーザーを明確にしたり、 Web以外でどうデザインされているのかを把握する意味で重要となってきます。 →『DESIGN IT! Forum 2009』では、 アウトプットの一つとしてのWebをデザインする際に、 どのように構成・整理し関連づけていくか、 またUI設計をどのようにしていくかなど、国内外の最新事例を紹介します。 ---------------------------------------------------------------------- 最新情報は、ウェブサイトにて日々更新中！ 会場で皆さんにお目にかかれることを心から楽しみにしております。 ★イベント詳細 <http://www.designit.jp/events/> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ イベント・カレンダー ────────────────────────────────── ◇8月20日木：CSS Nite in Ginza, Vol.38（銀座）今週の木曜日です ◇8月22日土：CSS Nite in SENDAI, Vol.4（仙台） ◇9月12日土：CSS Nite LP, Disk 7（IA特集）※キャンセル待ち ┼────────────────────────── あとがき ─────────────────────────── Wii Sports Resortがおもしろいです！ お気に入りは「バスケ」と「居合い斬り」。 http://www.nintendo.co.jp/wii/rztj/resort/index.html ─［発行］───────────────────────────────── 株式会社スイッチ http://swwwitch.com/ 鷹野雅弘 takano[at]swwwitch.com 東京都足立区足立4-13-18 #307 ────────────────────────────────────── 現在、4,403名の方にご購読いただいています。ありがとうございます。 お知り合いの方、同僚、クライアント等にご紹介いただければ嬉しいです。 ご自由に転送ください。 こちらも↓よろしくお願いいたします。 ・『現場のプロから学ぶXHTML+CSS』 <http://tinyurl.com/55knox> ・『Dreamweaverプロフェッショナル・スタイル［CS3対応］』 <http://tinyurl.com/23pe3f> ・『できるクリエーターDreamweaver独習ナビ』 <http://tinyurl.com/ytfnbf> セミナー情報や書籍情報などお持ちの方いらっしゃいましたら、 ご連絡くだされば幸いです。掲載料はいただいていません。 情報商材など、Web系と無関係な掲載依頼はお断りしています。 登録・解除・バックナンバーはこちらからです。 http://blog.mag2.com/m/log/0000169311/ Copyright(c） 2005-2009 Swwwitch, Inc. Some rights reserved. 記事が正確であることの保証はありません。 ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。 書名、製品名および会社名は、それぞれ該当する権利者の登録商標または権利です。
