tag:lh3.jp,2008-07-10://1 2009-04-17T14:14:24Z lh3.jp は lucky bag と hxxk.jp と 3ping.org のトリオがドメインを共有して、色々な何かをお届けするサイトです。 Movable Type Open Source 4.1 tag:lh3.jp,2009://1.222 2009-04-17T14:12:50Z 2009-04-17T14:14:24Z

技術評論社版のホップ本が、この度増刷となりました。九天社版と通算すると、これにより発行部数が 15,000 部を超えることになります。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/2008/11/01/2350" title="lh3.jp - 技術評論社版 実践 Web Standards Design の書籍情報の紹介">技術評論社版の実践 Web Standards Design</a> の初版第 2 刷ができあがりました ! 今日、私の手元に見本誌が届いたところです。 </p> <p> 実は増刷自体は先月から話があっていたのですが、一定の形ができるまでは告知しないほうがいいかなと思い、情報公開のタイミングを今か今かと待っていました。 第 1 刷の書店在庫も関係してくるので、一律に店頭の書籍が 2 刷に入れ替わるわけではありませんが、早いところでは 5 月の連休前後に店頭に並ぶだろうとのことです。 </p> <p> 今回は改訂ではなく増刷ということなので、第 1 刷から大きな変更は加えていません。 ブラウザのバージョンアップや仕様の更新への対応は引き続きこのサポートサイトで行っていく予定ですので、第 1 刷も第 2 刷ともどもよろしくお願いします。 </p> <p> ちなみに再刊行前から通算して数えると、これが 5 刷目になります。 当初の企画段階から、一回出して終わり、ではなく長く活用してもらえる本を、という目標を掲げていたので、その目標が順調に達成できていることに感謝を申し上げたいと思います、ありがとうございます。 </p> <p> 実は、再刊行の第 1 刷が発売された時点で発行部数が通算 10,000 部を超えていたのですが、当時は部数のことはすっかり失念していました。 今回の第 2 刷で、発行部数は通算 15,000 部を超えることになります。 私はこの本以外で出版に関わったことがないのでそれが多いのか少ないのか分かりませんが、これからも自分のできる範囲でのサポート等を行っていきたいと思います。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/dUfK0BU-uN4" height="1" width="1"/> http://lh3.jp/2009/04/17/2312 tag:lh3.jp,2009://1.221 2009-03-11T14:36:13Z 2009-03-16T02:50:48Z

技術評論社版 実践 Web Standards Design 第 1 刷の刊行以降に、 IE 8 RC1 がリリースされたので、 P.428-P.431 の更新情報を公開し、新旧対照表を作成しました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 2008 年の第 1 刷では、対応ブラウザの確認のうち、 <abbr title="Internet Explorer">IE</abbr> 8 は Beta2 を用いていたのですが、刊行後に <abbr title="Internet Explorer">IE</abbr> 8 <abbr title="Release Candidate">RC</abbr>1 がリリースされています。 そこで、<a href="/works/2009/wsdbook/" title="lh3.jp - 実践 Web Standards Design 更新情報提供ページ">更新情報提供ページ</a>に <a href="/works/2009/wsdbook/app4">CSS Selectors test-suite テスト結果およびダイナミック擬似クラス対応状況一覧</a>を掲載しました。 なお、第 1 刷の紙面との対照表は次の通りです。 </p> <table summary="技術評論社版の実践 Web Standards Design 初版 第 1 刷刊行後にリリースされた IE 8 RC1 の対応を反映した表と 1 刷紙面の対照表。 1 列目が該当するページ数、 2 列目が 1 刷紙面の記述、 3 列目が最新の記述、 4 列目が備考。"> <caption><a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&amp;Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> P.428-P.431 新旧対照表</caption> <thead> <tr> <th>ページ</th> <th>紙面上の記述</th> <th>最新の記述</th> <th>備考</th> </tr> </thead> <tbody> <tr> <td>P.428, P.430</td> <td>IE8 <strong>Beta2</strong></td> <td>IE8 <strong>RC1</strong></td> <td>&#160;</td> </tr> <tr> <td>P.429, P.431</td> <td>IE8 <strong>Beta2</strong> ： Internet Explorer 8 <strong>Beta2</strong></td> <td>IE8 <strong>RC1</strong> ： Internet Explorer 8 <strong>Release Candidate 1</strong></td> <td>&#160;</td> </tr> <tr> <td>P.430</td> <td>IE8 Beta2 の列の a:acitve の行 <strong>△</strong></td> <td>IE8 RC1 の列の a:acitve の行 <strong>○</td> <td>&#160;</td> </tr> <tr> <td>P.430</td> <td>IE8 Beta2 の列の :acitve の行 <strong>△</strong></td> <td>IE8 RC1 の列の :acitve の行 <strong>○</td> <td>&#160;</td> </tr> <tr> <td>P.431</td> <td>MacIE の列の a:acitve の行 <strong>×</strong></td> <td>MacIE の列の a:acitve の行 <strong>○</td> <td>これはブラウザのバージョンアップではなく、<a href="http://lh3.jp/works/2008/wsdbook/eratta" title="lh3.jp - 正誤表 ( 技術評論社版 第 1 刷 )">正誤表</a>に含まれていた修正です。</td> </tr> <tr> <td>P.430, P.431</td> <td><strong>::selection の行</strong></td> <td><strong>削除</td> <td>Selectors Level 3 の草案が <a href="http://www.w3.org/TR/2009/WD-css3-selectors-20090310">2009 年 3 月 10 日に更新され</a>、 ::selection 擬似要素は削除されました。</td> </tr> </tbody> </table> <p> このページ以外にも、 <abbr title="Internet Explorer">IE</abbr> 8 <abbr title="Release Candidate">RC</abbr>1 のリリースによる変更点がありますので、随時この weblog で更新情報をお知らせしていく予定です。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/bVM0hjWlB2M" height="1" width="1"/> http://lh3.jp/2009/03/11/2336 tag:lh3.jp,2009://1.220 2009-03-10T13:35:34Z 2009-03-13T03:40:05Z

技術評論社版 実践 Web Standards Design 第 1 刷の正誤表を公開しました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 刊行直後にチェックして公開しておくべきものだとは思いますが、<a href="/works/2008/wsdbook/eratta" title="lh3.jp - 正誤表 ( 技術評論社版 第 1 刷 )">技術評論社版 第 1 刷の正誤表</a>を公開しました。 </p> <p> なお、誤りの部類ではない、<strong>第 1 刷発行以降に更新された仕様や、ブラウザのバージョンアップへの対応情報は<a href="/works/2009/wsdbook/">更新情報提供ページ</a></strong>を参照してください。 また、九天社版の方は正誤表としては作成していませんが、<a href="/works/2007/wsdbook/#wsd-book-download-update" title="lh3.jp - 実践 Web Standards Design ( 九天社版 ) サポートページ">第 1 刷・第 2 刷から第 3 刷期間における仕様変更に伴う差し替えページ</a>を公開しています。 </p> <p> ソースコード部分については、<a href="/works/2008/wsdbook/sample/">ページごとのソースコードのサンプル</a>および<a href="/sample-wsdbook.zip">サンプルファイルの一括ダウンロード</a>を常に最新版で公開しています。 紙面との対照表は作成していませんが、九天社版も技術評論社版も、最新のサンプルソースを参照するようにしてください。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/bgHNBaFxfWI" height="1" width="1"/> http://lh3.jp/2009/03/10/2235 tag:lh3.jp,2009://1.214 2009-03-09T14:27:03Z 2009-03-13T03:37:57Z

実践 Web Standards Design インフォメーション & サポートページ内の「ページごとのソースコードのサンプル」の中に、追加で作っておいた方がいいな、と思ったページがあったので、 P.054 の「 id 属性が指し示す範囲」のサンプルを追加しました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/works/2008/wsdbook/" title="lh3.jp - 実践 Web Standards Design インフォメーション &#38; サポートページ">実践 Web Standards Design インフォメーション &#38; サポートページ</a>を見直していたら、<a href="http://lh3.jp/works/2008/wsdbook/sample/" title="lh3.jp - sample">ページごとのソースコードのサンプル</a>の中に、追加で作っておいた方がいいな、と思ったページがあったので早速追加しました。 ( サンプルファイルのアーカイブも、それを加えたアーカイブに差し替えています。 ) </p> <ul> <li><a href="/works/2008/wsdbook/sample/2/p054" title="lh3.jp - P.054">2.3 / (X)HTML はまず文章ありき - id 属性が指し示す範囲</a></li> <li><a href="/sample-wsdbook.zip">サンプルファイルアーカイブ</a></li> </ul> <p> 解説や実際のソースは、当該サンプルページを見ていただければと思いますが、<a href="http://gihyo.jp/design/serial/01/wsd">連載：実践Web Standards Designのススメ｜gihyo.jp ... 技術評論社</a>の<a href="http://gihyo.jp/design/serial/01/wsd/0006" title="実践Web Standards Designのススメ：第6回　CSS3のセレクタを使用してみよう｜gihyo.jp ... 技術評論社">第6回 CSS3のセレクタを使用してみよう</a>で示したサンプルを書籍のサンプルにも活用した形になっています。 </p> <p> なお、実際のサンプルである <a href="/works/2008/wsdbook/sample/download/2/2-3-13/2-3-13-2.html">2-3-13-2.html</a> では、 <a href="http://www.w3.org/TR/css3-selectors">Selectors Level 3</a> の <a href="http://www.w3.org/TR/css3-selectors/#target-pseudo" title="Selectors - 6.6.2. The target pseudo-class :target">:target 擬似クラス</a>を用いていますので、 Firefox 1-3 、 Opera 9 、 Safari 2-3 、 Google Chrome 、 Netscape 7 、Netscape Browser 8 などの対応ブラウザでなければ正しく表示されません。 制作者スタイルシートで用いる場合は、「対応ブラウザで見る場合は、未対応ブラウザより更に明確な区別を付けることができる」くらいの意識で用いると良いでしょう。 また、対応ブラウザを常用している人は、ユーザースタイルシートに組み込むと Web ブラウジングが快適になるかもしれませんね。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/jy1zc1AP4Lw" height="1" width="1"/> http://lh3.jp/2009/03/09/2327 tag:lh3.jp,2008://1.212 2008-12-03T13:41:35Z 2008-12-03T14:38:36Z

インフォメーション & サポートページを公開しました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 今日で<a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&#38;Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> 関連の私の作業を一旦終えました。 本当は 11 月 29 日の発売に合わせたかったのですが、スケジュールが合わずに今日までかかってしまい申し訳ありません。 <a href="http://lh3.jp/works/2008/wsdbook/" title="lh3.jp - 実践 Web Standards Design インフォメーション &#38; サポートページ">インフォメーション &#38; サポートページ</a>を整理し、公開しましたのでお知らせします。 </p> <ul> <li><a href="http://lh3.jp/works/2008/wsdbook/" title="lh3.jp - 実践 Web Standards Design インフォメーション &#38; サポートページ">インフォメーション &#38; サポートページ</a> <ul> <li><a href="http://lh3.jp/works/2008/wsdbook/data">書籍データおよび出版社サイト関連ページ</a></li> <li><a href="http://lh3.jp/works/2008/wsdbook/contents">もくじ</a></li> <li><a href="http://lh3.jp/works/2008/wsdbook/store">各オンライン書店の該当ページ一覧</a></li> <li><a href="http://lh3.jp/works/2008/wsdbook/stock">都道府県ごとの書店在庫一括検索</a></li> <li><a href="http://lh3.jp/works/2008/wsdbook/sample/">ページごとのソースコードのサンプル</a></li> <li><a href="http://lh3.jp/works/2008/wsdbook/uri">関連 <abbr title="Uniform Resource Identifer">URI</abbr> 一覧</a></li> </ul> </li> </ul> <p> 単なるサポートページだけでなくインフォメーションも含めているのは、<strong>これから購入を考えている人、および九天社版の実践 Web Standards Design を購入済みの人にも役に立てるように</strong>という考えがあったからです。 購入を考えている人には<a href="http://lh3.jp/works/2008/wsdbook/contents">もくじ</a>や<a href="http://lh3.jp/works/2008/wsdbook/sample/">サンプルページ</a>が判断材料になるのはもちろんですが、サンプルや関連 <abbr title="Uniform Resource Identifer">URI</abbr> 一覧を購入者に限定せずに公開しているのは、九天社版の実践 Web Standards Design を購入いただいた方にも、今回アップデートした内容を掴んでもらえればと思っていたことが根っこにあります。 </p> <p> 新装版にあたって新規に追加したページの内容を公開することは流石にできませんが、既存のページやサンプルで更新された分については、新規の購入を妨げないラインを探りながら公開させていただきました。 </p> <p> 今回、<a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&#38;Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> を再刊行できる運びになったのも、九天社版の実践 Web Standards Design を多くの方が購入していただいたことが土台になっているので、その方たちが<a href="http://lh3.jp/works/2008/wsdbook/" title="lh3.jp - 実践 Web Standards Design インフォメーション &#38; サポートページ">インフォメーション &#38; サポートページ</a>をご覧になって、その上で改めて技術評論社版を手に取っていただければいいなと思っています。 </p> <p> ちょっとだけ本音を漏らすと、見本誌が手元に届いた日でも、一般発売になって書店店頭に並んだ日でもなく、九天社版も含めた読者さん――あるいは未来の読者さんに、できる限りの補足情報をこの場でお届けできた今日という日が、私の中での区切りになっています。 今回購入していただいた方、以前購入していただいた方、これから購入してくれる方、刊行に際してご協力・ご意見・ご批判をいただいた方、本当にありがとうございます。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/3hIkc2GfL9I" height="1" width="1"/> http://lh3.jp/2008/12/03/2241 tag:lh3.jp,2008://1.143 2008-11-29T06:29:09Z 2008-12-03T14:40:29Z

技術評論社版のホップ本の発売日となったので、書店在庫一括検索の都道府県ごとの検索結果ページへのリンクとオンライン書店の書籍ページへのリンクを並べておきます。

望月真琴 http://hxxk.jp/ <p> こんにちは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 今日は<a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&#38;Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> の発売日ですが、店頭への入荷は輸送距離の関係で地域差があります。 </p> <p> <a href="http://lh3.jp/2008/08/24/2106" title="lh3.jp - 実践 Web Standards Design の再刊行のお知らせ">実践 Web Standards Design の再刊行のお知らせ</a>でも紹介した、<a href="http://tech.openvista.jp/stock/">書店在庫一括検索</a>というサービスで書店在庫を確認すると良いでしょう。 以下のリンクは、都道府県ごとの検索結果ページにリンクしています。 （オンラインで在庫状況を提供している書店の情報を都度取得して表示するため、お探しになりたい都道府県を適宜表示するようにしてください。） </p> <ul> <li>北海道 <ul> <li><a href="http://tech.openvista.jp/stock/hokkaido/9784774136844.html">北海道</a></li> </ul> </li> <li>東北地方 <ul> <li><a href="http://tech.openvista.jp/stock/aomori/9784774136844.html">青森県</a></li> <li><a href="http://tech.openvista.jp/stock/iwate/9784774136844.html">岩手県</a></li> <li><a href="http://tech.openvista.jp/stock/miyagi/9784774136844.html">宮城県</a></li> <li><a href="http://tech.openvista.jp/stock/akita/9784774136844.html">秋田県</a></li> <li><a href="http://tech.openvista.jp/stock/yamagata/9784774136844.html">山形県</a></li> <li><a href="http://tech.openvista.jp/stock/fukushima/9784774136844.html">福島県</a></li> </ul> </li> <li>関東地方 <ul> <li><a href="http://tech.openvista.jp/stock/ibaragi/9784774136844.html">茨城県</a></li> <li><a href="http://tech.openvista.jp/stock/tochigi/9784774136844.html">栃木県</a></li> <li><a href="http://tech.openvista.jp/stock/gunma/9784774136844.html">群馬県</a></li> <li><a href="http://tech.openvista.jp/stock/saitama/9784774136844.html">埼玉県</a></li> <li><a href="http://tech.openvista.jp/stock/chiba/9784774136844.html">千葉県</a></li> <li><a href="http://tech.openvista.jp/stock/tokyo/9784774136844.html">東京都</a></li> <li><a href="http://tech.openvista.jp/stock/kanagawa/9784774136844.html">神奈川県</a></li> </ul> </li> <li>中部地方 <ul> <li><a href="http://tech.openvista.jp/stock/yamanashi/9784774136844.html">山梨県</a></li> <li><a href="http://tech.openvista.jp/stock/nagano/9784774136844.html">長野県</a></li> <li><a href="http://tech.openvista.jp/stock/niigata/9784774136844.html">新潟県</a></li> <li><a href="http://tech.openvista.jp/stock/toyama/9784774136844.html">富山県</a></li> <li><a href="http://tech.openvista.jp/stock/ishukawa/9784774136844.html">石川県</a></li> <li><a href="http://tech.openvista.jp/stock/fukui/9784774136844.html">福井県</a></li> <li><a href="http://tech.openvista.jp/stock/shizuoka/9784774136844.html">静岡県</a></li> <li><a href="http://tech.openvista.jp/stock/aichi/9784774136844.html">愛知県</a></li> <li><a href="http://tech.openvista.jp/stock/gifu/9784774136844.html">岐阜県</a></li> </ul> </li> <li>近畿地方 <ul> <li><a href="http://tech.openvista.jp/stock/mie/9784774136844.html">三重県</a></li> <li><a href="http://tech.openvista.jp/stock/shiga/9784774136844.html">滋賀県</a></li> <li><a href="http://tech.openvista.jp/stock/kyoto/9784774136844.html">京都府</a></li> <li><a href="http://tech.openvista.jp/stock/osaka/9784774136844.html">大阪府</a></li> <li><a href="http://tech.openvista.jp/stock/hyogo/9784774136844.html">兵庫県</a></li> <li><a href="http://tech.openvista.jp/stock/nara/9784774136844.html">奈良県</a></li> <li><a href="http://tech.openvista.jp/stock/wakayama/9784774136844.html">和歌山県</a></li> </ul> </li> <li>中国地方 <ul> <li><a href="http://tech.openvista.jp/stock/tottori/9784774136844.html">鳥取県</a></li> <li><a href="http://tech.openvista.jp/stock/shimane/9784774136844.html">島根県</a></li> <li><a href="http://tech.openvista.jp/stock/okayama/9784774136844.html">岡山県</a></li> <li><a href="http://tech.openvista.jp/stock/hiroshima/9784774136844.html">広島県</a></li> <li><a href="http://tech.openvista.jp/stock/yamaguchi/9784774136844.html">山口県</a></li> </ul> </li> <li>四国地方 <ul> <li><a href="http://tech.openvista.jp/stock/tokushima/9784774136844.html">徳島県</a></li> <li><a href="http://tech.openvista.jp/stock/kagawa/9784774136844.html">香川県</a></li> <li><a href="http://tech.openvista.jp/stock/ehime/9784774136844.html">愛媛県</a></li> <li><a href="http://tech.openvista.jp/stock/kochi/9784774136844.html">高知県</a></li> </ul> </li> <li>九州地方 <ul> <li><a href="http://tech.openvista.jp/stock/fukuoka/9784774136844.html">福岡県</a></li> <li><a href="http://tech.openvista.jp/stock/saga/9784774136844.html">佐賀県</a></li> <li><a href="http://tech.openvista.jp/stock/nagasaki/9784774136844.html">長崎県</a></li> <li><a href="http://tech.openvista.jp/stock/kumamoto/9784774136844.html">熊本県</a></li> <li><a href="http://tech.openvista.jp/stock/oita/9784774136844.html">大分県</a></li> <li><a href="http://tech.openvista.jp/stock/miyazaki/9784774136844.html">宮崎県</a></li> <li><a href="http://tech.openvista.jp/stock/kagoshima/9784774136844.html">鹿児島県</a></li> <li><a href="http://tech.openvista.jp/stock/okinawa/9784774136844.html">沖縄県</a></li> </ul> </li> </ul> <p> また、各種オンライン書店を活用するのも良い手段だと思います。 </p> <ul> <li><a href="http://www.cbook24.com/shop/productdetail.aspx?sku=9784774136844" title="実践 Web Standards Design コンピュータ書籍専門ネット書店 cbook24">コンピュータ書籍専門ネット書店 cbook24</a></li> <li><a href="http://www.amazon.co.jp/gp/product/4774136840" title="Amazon.co.jp： 実践 Web Standards Design: 本">Amazon.co.jp</a></li> <li><a href="http://www.7andy.jp/books/detail?isbn=978-4-7741-3684-4" title="セブンアンドワイ">セブンアンドワイ</a></li> <li><a href="http://www.bk1.jp/product/03067077" title="オンライン書店ビーケーワン：実践 Web Standards Design Web 標準の基本と CSS レイアウト &#38;Tips">bk1</a></li> <li><a href="http://www.junkudo.co.jp/detail2.jsp?ID=0109582594" title="ジュンク堂書店 実践 Web Standards Design">ジュンク堂書店 JUNKUDO BOOK WEB</a></li> <li><a href="http://books.livedoor.com/item/2907244" title="実践ＷｅｂＳｔａｎｄａｒｄｓＤｅｓｉｇｎ - livedoor BOOKS | 新刊 | コンピュータ | インターネット | ホームページ作成">livedoor BOOKS</a></li> <li><a href="http://bookweb.kinokuniya.co.jp/htm/4774136840.html" title="実践Ｗｅｂ Ｓｔａｎｄａｒｄｓ（スタンダード） ｄｅｓｉｇｎ: 紀伊國屋書店BookWeb">紀伊國屋書店BookWeb</a></li> <li><a href="http://item.rakuten.co.jp/book/5919425/" title="【楽天市場】実践Web Standards（スタンダード） design：楽天ブックス">楽天ブックス</a></li> <li><a href="http://www.bookservice.jp/bs/PSRRES1001.do?doWindowDispatch=book&#38;ssc=1&#38;sk=01&#38;scn=I4774136840" title="ブックサービス / 商品詳細(和書)">ブックサービス</a></li> </ul> <p> ところで、一部オンライン書店では何故か著者名から私の名前が無かったことになっているのが気になるのですが...... また、同じく一部オンライン書店では発売日が 2009 年 1 月になっているところがありますが、それはこの書籍の<strong>発行日が 2009 年 1 月 5 日になっているため</strong>だと思われます。 （ちなみに、発行日が実際に使われるのは、著作権使用料の支払時期の決定くらいでしょうか。 発行日はあまり読者さんには関係ない日付かもしれません。） </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/nejZr6Pguv4" height="1" width="1"/> http://lh3.jp/2008/11/29/1529 tag:lh3.jp,2008://1.95 2008-11-26T14:50:08Z 2008-12-01T15:58:36Z

gihyo.jp の短期集中連載第 1 回 「ブラウザ毎のサイトチェック環境を構築しよう」が公開されました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 昨日、短期集中連載<a href="http://gihyo.jp/design/serial/01/wsd" title="連載：実践Web Standards Designのススメ｜gihyo.jp ... 技術評論社">実践Web Standards Designのススメ</a>の<a href="http://gihyo.jp/design/serial/01/wsd/0001" title="実践Web Standards Designのススメ：第1回 ガイドブックの選び方｜gihyo.jp ... 技術評論社">第1回 ガイドブックの選び方</a>が公開されましたが、今日は<a href="http://gihyo.jp/design/serial/01/wsd/0002" title="実践Web Standards Designのススメ：第2回 ブラウザ毎のサイトチェック環境を構築しよう｜gihyo.jp ... 技術評論社">第2回 ブラウザ毎のサイトチェック環境を構築しよう</a>が公開されました。 </p> <p> 複数のブラウザでサイトチェックをするというのは、現在の制作現場では基本となっていると思いますが、ブラウザの種類だけでなくそのバージョンの新旧も含めてテストをしたい場合の環境構築について書いています。 </p> <ul> <li><a href="http://gihyo.jp/design/serial/01/wsd" title="連載：実践Web Standards Designのススメ｜gihyo.jp ... 技術評論社">実践Web Standards Designのススメ</a> <ol> <li><a href="http://gihyo.jp/design/serial/01/wsd/0001" title="実践Web Standards Designのススメ：第1回 ガイドブックの選び方｜gihyo.jp ... 技術評論社">第1回 ガイドブックの選び方</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0002" title="実践Web Standards Designのススメ：第2回 ブラウザ毎のサイトチェック環境を構築しよう｜gihyo.jp ... 技術評論社">第2回 ブラウザ毎のサイトチェック環境を構築しよう</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0003" title="実践Web Standards Designのススメ：第3回 floatプロパティを学習する上での3つのポイント｜gihyo.jp ... 技術評論社">第3回 floatプロパティを学習する上での3つのポイント</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0004" title="実践Web Standards Designのススメ：第4回 実践 floatプロパティの学習法｜gihyo.jp ... 技術評論社">第4回 実践 floatプロパティの学習法</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0005" title="実践Web Standards Designのススメ：第5回 実践 横並びメニューの区切り線をCSSで表現しよう｜gihyo.jp ... 技術評論社">第5回 横並びメニューの区切り線をCSSで表現しよう</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0006" title="実践Web Standards Designのススメ：第6回 CSS3のセレクタを使用してみよう｜gihyo.jp ... 技術評論社">第6回 CSS3のセレクタを使用してみよう</a></li> </ol> </li> </ul> <p> 明日公開予定の第 3 回は、市瀬さん (<a href="http://3ping.org/">3ping.org</a>) が担当していますので、より実践的な内容の記事になります。 お楽しみに ! </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/lmKNtvyV-4U" height="1" width="1"/> http://lh3.jp/2008/11/26/2350 tag:lh3.jp,2008://1.94 2008-11-25T10:51:59Z 2008-12-01T15:58:45Z

技術評論社版の実践 Web Standards Design の発売にあわせ、 gihyo.jp にて短期集中連載をさせていただくことになっていましたが、その第 1 回 「ガイドブックの選び方」が公開されました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> の発売にあわせ、 <a href="http://gihyo.jp/" title="トップページ｜gihyo.jp ... 技術評論社">gihyo.jp</a> にて短期集中連載をさせていただくことになったことは<a href="http://lh3.jp/2008/11/21/1947" title="lh3.jp - gihyo.jp で短期集中連載をさせていただきます">直前の記事</a>でもお伝えしていますが、本日<a href="http://gihyo.jp/design/serial/01/wsd/0001" title="実践Web Standards Designのススメ：第1回 ガイドブックの選び方｜gihyo.jp ... 技術評論社">第1回 ガイドブックの選び方</a>が公開されました。 </p> <p> あまり露骨な宣伝にならないよう、私自身の経験をもとに Web 制作のガイドブックをどのように選ぶべきかということ、その選び方を以ってなお<a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips｜gihyo.jp ... 技術評論社">実践 Web Standards Design</a> をお選びいただければ、ということを書いています。 今回刊行される書籍は <q title="技術評論社版 実践 Web Standards Design - 「ご購入・ご利用の前に必ずお読みください」"> 2007 年 3 月に株式会社九天社から発行された「実践 Web Standards Design ― Web 標準の基本とCSS レイアウト &#38; Tips」（以下、九天社版）を元に、最新の情報に差し替え、加筆・再編集した書籍です。 よって、九天社版と部分において内容が重複していることをご理解いただいたうえで、購入をご検討ください </q> という性質を持った書籍ですので、選択の際にはそのことを踏まえていただくようお願いしています。 </p> <p> もちろん、単に同じ内容で再刊行するのではなく、既存ページには最新の情報を反映し、また追加したページもあります。 全てのページにおいて再度のチェック・検討を行った上での再刊行となっていますので、その上でお選びいただければ嬉しいです。 </p> <p> また、固い話ばかりではいけませんので、新装表紙デザインのちょっとした裏話も書いています。 昨年の刊行時には「真琴さんが表紙を決めたんでしょ ? 」と何度も言われたのですが、真相はいかに。 </p> <ul> <li><a href="http://gihyo.jp/design/serial/01/wsd" title="連載：実践Web Standards Designのススメ｜gihyo.jp ... 技術評論社">実践Web Standards Designのススメ</a> <ol> <li><a href="http://gihyo.jp/design/serial/01/wsd/0001" title="実践Web Standards Designのススメ：第1回 ガイドブックの選び方｜gihyo.jp ... 技術評論社">第1回 ガイドブックの選び方</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0002" title="実践Web Standards Designのススメ：第2回 ブラウザ毎のサイトチェック環境を構築しよう｜gihyo.jp ... 技術評論社">第2回 ブラウザ毎のサイトチェック環境を構築しよう</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0003" title="実践Web Standards Designのススメ：第3回 floatプロパティを学習する上での3つのポイント｜gihyo.jp ... 技術評論社">第3回 floatプロパティを学習する上での3つのポイント</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0004" title="実践Web Standards Designのススメ：第4回 実践 floatプロパティの学習法｜gihyo.jp ... 技術評論社">第4回 実践 floatプロパティの学習法</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0005" title="実践Web Standards Designのススメ：第5回 実践 横並びメニューの区切り線をCSSで表現しよう｜gihyo.jp ... 技術評論社">第5回 横並びメニューの区切り線をCSSで表現しよう</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0006" title="実践Web Standards Designのススメ：第6回 CSS3のセレクタを使用してみよう｜gihyo.jp ... 技術評論社">第6回 CSS3のセレクタを使用してみよう</a></li> </ol> </li> </ul> <p> 明日公開予定の第 2 回も私が担当しています。 書籍の内容分担も同じようになっていますが、まずは基本的なところを私が書いた後に、市瀬さん (<a href="http://3ping.org/">3ping.org</a>) と福島さん (<a href="http://www.lucky-bag.com/">Lucky bag::blog</a>) の実用的な内容が登場しますのでお楽しみに ! </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/zvQ_p2SMS30" height="1" width="1"/> http://lh3.jp/2008/11/25/1951 tag:lh3.jp,2008://1.45 2008-11-21T10:47:12Z 2008-11-26T14:56:58Z

技術評論社版の実践 Web Standards Design は、とうとう見本誌ができあがりました。また、発売時期にあわせ、 gihyo.jp にて短期集中連載をさせていただくことになりました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips｜gihyo.jp ... 技術評論社">技術評論社版の実践 Web Standards Design</a> の発売がいよいよ近付いています。 </p> <p> 先ほど、編集担当から見本誌が出来上がったとの連絡が入りましたので、共著者の市瀬さん (<a href="http://3ping.org/">3ping.org</a>) や福島さん (<a href="http://www.lucky-bag.com/">Lucky bag::blog</a>) の手元には明日にもいちはやく届くことと思われます。 ――や、別に私の手元には届かない、なんてことはなく、単純に物流における距離の壁というものがありまして......私もはやく見本を見てみたい ! </p> <p> 今回の再刊行にあたってお世話になった方には、著者に送られる献本とは別に、<a href="http://www.gihyo.co.jp/">技術評論社</a>から直接見本誌が送られることと思いますので、よろしくお願いします。 </p> <hr /> <p> 見本誌が出来上がったことに浮かれて、本来のお知らせを忘れそうになりました。 今回、新しいホップ本の発売時期にあわせ、 <a href="http://gihyo.jp/" title="トップページ｜gihyo.jp ... 技術評論社">gihyo.jp</a> にて短期集中連載をさせていただくことになりました。 </p> <p> <p> 短期集中連載ということで、このお知らせを書いている最中も、まだ後の回の執筆は随時進行しています。 もちろん私だけが記事を執筆するわけではなく、それぞれ分担して執筆することになっているので、私自身市瀬さん (<a href="http://3ping.org/">3ping.org</a>) や福島さん (<a href="http://www.lucky-bag.com/">Lucky bag::blog</a>) がどんな記事を書き下ろしてくるか楽しみです。 </p> <ul> <li><a href="http://gihyo.jp/design/serial/01/wsd" title="連載：実践Web Standards Designのススメ｜gihyo.jp ... 技術評論社">実践Web Standards Designのススメ</a> <ol> <li><a href="http://gihyo.jp/design/serial/01/wsd/0001" title="実践Web Standards Designのススメ：第1回 ガイドブックの選び方｜gihyo.jp ... 技術評論社">第1回 ガイドブックの選び方</a></li> <li><a href="http://gihyo.jp/design/serial/01/wsd/0002" title="実践Web Standards Designのススメ：第2回 ブラウザ毎のサイトチェック環境を構築しよう｜gihyo.jp ... 技術評論社">第2回 ブラウザ毎のサイトチェック環境を構築しよう</a></li> </ol> </li> </ul> <p> 今日時点では、このリンクをクリックしてもまだ <q cite="http://gihyo.jp/design/serial/01/wsd" title="ページが見つかりません｜gihyo.jp ... 技術評論社"> 指定されたページが見つかりません </q> という表示結果になると思いますが、 <strong>2008 年 11 月 25 日から毎日 1 記事ずつ掲載</strong>されていく予定ですので、よろしくお願いします。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/iV6LqXACiA0" height="1" width="1"/> http://lh3.jp/2008/11/21/1947 tag:lh3.jp,2008://1.44 2008-11-20T15:51:40Z 2008-11-21T08:17:52Z

gihyo.jp 内に実践 Web Standards Design の書籍案内が掲載されました。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/2008/11/01/2350" title="lh3.jp - 技術評論社版 実践 Web Standards Design の書籍情報の紹介">技術評論社版の実践 Web Standards Design</a> の<a href="http://gihyo.jp/book/2009/978-4-7741-3684-4" title="書籍案内：実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips｜gihyo.jp ... 技術評論社">書籍案内</a>が <a href="http://gihyo.jp/">gihyo.jp</a> 内に掲載されました。 </p> <p> 「著者の一言」という段落で私たちからのメッセージを読むことができますし、「本書のサンプル」で実際の紙面イメージを確認することができますので、ぜひご覧になってください。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/FCRxn8eesmE" height="1" width="1"/> http://lh3.jp/2008/11/21/0051 tag:lh3.jp,2008://1.43 2008-11-08T04:15:00Z 2008-11-08T04:23:07Z

新しいホップ本の担当さんが Web Directions East に参加しており、会場にて新ホップ本の宣伝をしてきてくださいました !

望月真琴 http://hxxk.jp/ <p> こんにちは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/2008/11/01/2350" title="lh3.jp - 技術評論社版 実践 Web Standards Design の書籍情報の紹介">技術評論社版の実践 Web Standards Design ( 新ホップ本 )</a> を手がけてくださっている<a href="http://gihyo.jp/book">技術評論社</a>の担当さんが、 <a href="http://east08.webdirections.org/">Web Directions East</a> に参加しており、会場にて新ホップ本の宣伝をしてきてくださいました ! 担当さんはメールの文中で「出来心で」と仰っていましたが、ナイスな出来心だと思います。 </p> <p> タイミング的にまだ見本誌が出来ていなかったので、ノートパソコン上に<a href="http://lh3.jp/2008/11/06/2356" title="lh3.jp - 技術評論社版 実践 Web Standards Design のカバー画像">カバー画像</a>を表示してヴァーチャル見本誌を作り、会場にいらっしゃった方に手にしていただいて写真を撮っています。 もちろん、次に掲載する写真に写っている方には PR に使う旨を伝えているとのこと。 </p> <dl> <dt><img src="http://lh3.jp/files/images/2008/2008-11-wde-kazuhito.jpg" width="400" height="300" alt="kazuhito" /></dt> <dd> <p> <a href="http://kazuhi.to/" title="ホーム@kazuhi.to">@kazuhi.to</a> の木達一仁氏。 <a href="http://www.mitsue.co.jp/" title="Web制作 | Mitsue-Links | ミツエーリンクス | WebIntegration">株式会社ミツエーリンクス</a>の取締役でもあります。 </p> </dd> <dt><img src="http://lh3.jp/files/images/2008/2008-11-wde-Eric-Meyer.jpg" width="400" height="300" alt="Eric Meyer" /></dt> <dd> <p> <a href="http://meyerweb.com/">meyerweb.com</a> の Eric Meyer 氏。 <a href="http://east08.webdirections.org/">Web Directions East</a> のカンファレンスにて <a href="http://east08.webdirections.org/program/#post-35" title="カンファレンス | Web Directions: East 08">State of the web</a> を担当し、またワークショップ<a href="http://east08.webdirections.org/workshops/#post-38" title="ワークショップ | Web Directions: East 08">効率よく最適化するためのCSS上流講座</a>も担当されています。 </p> </dd> <dt><img src="http://lh3.jp/files/images/2008/2008-11-wde-Shaun-Inman.jpg" width="400" height="300" alt="Shaun Inman" /></dt> <dd> <p> <a href="http://www.shauninman.com/">ShaunInman.com</a> の Shaun Inman 氏。 </p> </dd> <dt><img src="http://lh3.jp/files/images/2008/2008-11-wde-Douglas-Alan-Schepers.jpg" width="400" height="300" alt="Douglas Alan Schepers" /></dt> <dd> <p> <a href="http://schepers.cc/">Reinventing Fire</a> の Douglas Alan Schepers 氏。 <a href="http://www.w3.org/Interaction/">W3C Interaction Domain</a> の担当者とのこと。 </p> </dd> <dt><img src="http://lh3.jp/files/images/2008/2008-11-wde-yuu.jpg" width="400" height="300" alt="yuu" /></dt> <dd> <p> <a href="http://w3j.org/">W3J.org</a> | <a href="http://securecat.exblog.jp/">securecat&#39;s exblog</a> の森田雄氏。 <a href="http://www.b-architects.com/company/factsheet" title="[bA] Business Architects Inc.">株式会社 ビジネス・アーキテクツ</a>の取締役／クォリティ・インプルーブメント・ディレクター、<a href="http://www.ba-mp.com/">株式会社BAメガパワーズ</a>の取締役でもあります。 </p> </dd> </dl> <p> 森田さんは <a href="http://hxxk.jp/2004/12/12/0000" title="hxxk.jp - Congratulations!!">4 年前にお祝いの席で</a>、木達さんは <a href="http://hxxk.jp/2007/06/15/0124" title="hxxk.jp - ホップオアダイ - the Report">1 年半前に出版記念の席で</a>一緒にお酒を飲んだことがあるので、私の分身 (?) をこうしてお見せいただいて嬉しく思います。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/klQpha2rn_c" height="1" width="1"/> http://lh3.jp/2008/11/08/1315 tag:lh3.jp,2008://1.42 2008-11-06T14:56:11Z 2008-11-08T04:22:11Z

技術評論社版のホップ本のカバー画像を公開できるタイミングになったので、お知らせします。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/2008/11/01/2350" title="lh3.jp - 技術評論社版 実践 Web Standards Design の書籍情報の紹介">技術評論社版の実践 Web Standards Design</a> のカバー画像を公開できるタイミングになりました ! </p> <ul> <li><a href="http://lh3.jp/files/images/2008/wsdbook_original.jpg"><img src="http://lh3.jp/files/images/2008/wsdbook.png" width="200" height="255" alt="技術評論社版 実践 Web Standards Design" /></a></li> </ul> <p> 今回のカバー写真は <a href="http://photo.67.org/">photo.67.org</a> の鞆岡 隆史さんの撮影によるもので、かつ<a href="http://www.sapporobeer.jp/">サッポロビール株式会社</a>の北海道原料研究センターさんに写真素材のご協力をいただいています。 </p> <p> 自分でビールを選べる状況のときはよく<a href="http://www.sapporobeer.jp/product/beer/yebisu/">ヱビスビール</a>を好んで選んでいるので、サッポロビールさんが共著書に関わることになったことは個人的に嬉しいです。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/-_-EGmtxVGU" height="1" width="1"/> http://lh3.jp/2008/11/06/2356 tag:lh3.jp,2008://1.34 2008-11-05T15:32:44Z 2008-11-05T16:19:29Z

技術評論社版のホップ本の各章の詳細な内容（もくじ）を公開します。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 公開しても問題ない、ということでしたので、<a href="http://lh3.jp/2008/11/01/2350" title="lh3.jp - 技術評論社版 実践 Web Standards Design の書籍情報の紹介">技術評論社から再刊行</a>される<a href="http://www.amazon.co.jp/gp/product/4861671647/" title="実践 Web Standards Design ~Web標準の基本とCSSレイアウト&amp;Tips~: 望月 真琴, 市瀬 裕哉, 福島 英児: Amazon.co.jp: 本">実践 Web Standards Design</a> の目次を公開します。 </p> <p> <a href="http://www.amazon.co.jp/gp/product/4774136840/" title="Amazon.co.jp： 実践 Web Standards Design: 本">実践 Web Standards Design （九天社版、現在絶版）</a> の方の目次は <a href="http://hxxk.jp/2007/02/20/2301#sub-20070220-13" title="hxxk.jp - 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &#38;Tips が発売となります - どんな内容なの ?">hxxk.jp の記事にて公開</a>していましたが、今回の再刊行に伴う加筆訂正によって若干の変更があっていますので、改めて公開、ということで。 </p> <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>1 章 Web Standards の基本 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>Web Standards とは <ol> <li>(X)HTML+<abbr title="Cascading Style Sheets">CSS</abbr> を用いて Web リソースを作成する <ul> <li>[Column] HTML 5</li> </ul> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>Web Standardsに従うメリット <ol> <li>さまざまな <abbr title="User Agent">UA</abbr> へ同一のリソースで情報発信できる</li> <li>共通ルールに従うことで再利用性が向上する</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>使用する (X)HTML や <abbr title="Cascading Style Sheets">CSS</abbr> のバージョン <ol> <li>(X)HTML のバージョン <ul> <li>[Column] 主要モダンブラウザの <abbr title="Cascading Style Sheets">CSS</abbr> 2.1 対応状況</li> </ul> </li> <li><abbr title="Cascading Style Sheets">CSS</abbr> のバージョン <ul> <li>[Column] Acid2 Browser Test</li> </ul> </li> </ol> </li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>2 章 (X)HTML の基本 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button><abbr title="Hyper Text Markup Language">HTML</abbr> と <abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> に共通して覚えておくべきこと <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>id 属性と class 属性の違い <ol> <li>id 属性の大文字・小文字の区別</li> <li>数字から始まる class 属性値</li> </ol> </li> <li>見出しレベルの重要性 <ul> <li>[Column] 見出しレベルのスキップ</li> </ul> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button><abbr title="Hyper Text Markup Language">HTML</abbr> と <abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> における違い <ol> <li><abbr title="Standard Generalized Markup Language">SGML</abbr> ベースか <abbr title="Extensible Markup Language">XML</abbr> ベースか <ul> <li>[Column] <abbr title="Extensible Markup Language">XML</abbr> という略語の表記にまつわるこぼれ話</li> </ul> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>要素の書き方 <ol> <li>大文字・小文字の区別</li> <li>開始タグ・終了タグ、空要素</li> </ol> </li> <li>id 属性と name 属性</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>Media Types について <ol> <li>meta http-equiv による Media Types の指定 <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> の問題点</li> </ul> </li> </ol> </li> <li><abbr title="Hyper Text Markup Language">HTML</abbr> 互換性ガイドライン</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>(X)HTMLはまず文章ありき <ol> <li>まずはマークアップのことを考えずに文章を書く</li> <li>その文章のタイトルは何か <ul> <li>[Column] title 要素にサイト名や会社名を入れる場合は前 ? 後 ?</li> </ul> </li> <li>その文章の中で見出しにすべき部分は何か</li> <li>見出しだけを抜き出して正しい目次になるか</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>ブロックレベル要素でマークアップする <ul> <li>[Column] h1 要素にサイト名や会社名を入れる場合は全ページ共通 ?</li> </ul> <ol> <li>ブロックレベル要素とは</li> </ol> </li> <li>インラインレベル要素でマークアップする <ul> <li>[Column] body 要素の直下にインラインレベル要素は配置できないのか</li> </ul> </li> <li>body 要素の後に head 要素、 html 要素をマークアップする</li> <li>DOCTYPE は最終的に宣言する</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>必要に応じて <abbr title="Extensible Markup Language">XML</abbr> 宣言をする <ol> <li><abbr title="Extensible Markup Language">XML</abbr> 宣言の記述 <ul> <li>[Column] なぜ暫定的に Strict DTD を宣言するのか</li> </ul> </li> <li><abbr title="Extensible Markup Language">XML</abbr> 宣言の省略</li> <li><abbr title="Extensible Markup Language">XML</abbr> 宣言における <abbr title="Internet Explorer">IE</abbr> 7 のバグ <ul> <li>[Column] 後方互換モードで解釈されるとどうなる ?</li> </ul> </li> </ol> </li> <li>マークアップ順序のまとめ</li> <li>(X)HTML による論理的なマークアップ</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>div 要素による構造化 <ol> <li><abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> 2.0による構造化</li> <li><abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> 1.0による構造化</li> <li>複数の h1 レベルの出現も許容</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>id 属性はどの要素に対して指定するべきか <ul> <li>[Column] <code>div class="section"</code> で構造化する場合の副次的メリット</li> </ul> <ol> <li>id 属性が指し示す範囲</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>head 要素内の記述について <ul> <li>[Column] 内部スタイルシートと外部スタイルシート</li> </ul> <ol> <li>head 要素内の内容を可視化すること</li> </ol> <ul> <li>[Column] <code>meta http-equiv</code> によるコンテンツ内容の指定</li> </ul> </li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>3 章 <abbr title="Cascading Style Sheets">CSS</abbr> の基本 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>これだけは守らなければならない書式 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button><abbr title="Cascading Style Sheets">CSS</abbr> の大まかな構文 <ol> <li>@charset 規則</li> <li>@import 規則</li> </ol> </li> <li>declaration block （宣言ブロック） <ul> <li>[Column] プロパティや値を記述する際に空白文字を含めてもよいのか</li> </ul> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>心がけるとメンテナンスしやすい書式 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>宣言の記述順の規則を定めておく <ol> <li>例1： <abbr title="Cascading Style Sheets, level 2">CSS2</abbr> Specification に挙げられている順番で記述</li> <li>例2：分類ごとに記述</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>CSSの視認性を高める <ol> <li>規則集合の記述</li> <li>規則集合におけるセレクタの記述</li> <li>宣言の出現順序</li> <li>宣言におけるプロパティの記述</li> <li>宣言における値の記述</li> <li>コメントの記述</li> <li>@ 規則における注意点 <ul> <li>[Column] @ 規則以外でもインデントを行う</li> </ul> </li> <li>特定のブラウザの仕様に対する配慮</li> </ol> </li> <li><abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> のモジュールごとに要素型セレクタを配置</li> <li><abbr title="Cascading Style Sheets">CSS</abbr> の先頭にガイドラインをメモしておく</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button><abbr title="Cascading Style Sheets">CSS</abbr> 管理のコツ <ol> <li>各種の値の形式をしっかり理解する <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> と inherit 値</li> </ul> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>セレクタ、カスケード、継承の理屈をしっかり理解する <ol> <li>セレクタ <ul> <li>[Column] 擬似要素と擬似クラスの記述上の区別</li> </ul> </li> <li>継承</li> <li>カスケード <ul> <li>[Column] 固有性における <abbr title="Cascading Style Sheets">CSS</abbr>2 と <abbr title="Cascading Style Sheets">CSS</abbr> 2.1 の違い</li> </ul> </li> </ol> </li> <li>固定スタイルシート・優先スタイルシート・代替スタイルシート <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> の !important のバグ</li> <li>[Column] 代替スタイルシートにおける Opera 7.x のバグ</li> </ul> </li> <li>xml-stylesheet 処理命令 <ul> <li>[Column] xml-stylesheet 処理命令を挿入する位置</li> </ul> </li> <li>@import 規則を用いた複数の <abbr title="Cascading Style Sheets">CSS</abbr> の連携</li> <li>link 要素、 style 要素の media 属性と @media 規則</li> <li>ブラウザごとのデフォルトスタイルをリセット</li> <li>ベースとなるスタイルを指定する <ul> <li>[Column] 次世代の <abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> &#38; <abbr title="Cascading Style Sheets">CSS</abbr></li> </ul> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>視覚整形フォーマット <ol> <li>ボックスモデル <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> のボックスモデルの解釈</li> </ul> </li> <li>包含ブロック</li> <li>通常フロー</li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>4 章 float プロパティを利用したレイアウト <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>寄せと流し込み <ol> <li>画像を寄せる</li> <li>表を寄せる</li> <li>見出しを寄せる</li> <li>フロートと周囲のボックスの関係</li> <li>流し込みの解除</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>重なったブロックボックスにマージン <ol> <li>見出しと本文の列を分割したレイアウト</li> <li>ナビゲーションと本文の列を分割したレイアウト</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>複数フロートの横並び <ol> <li>画像を敷き詰めて表示する</li> <li>横並びのタブ型ナビゲーション</li> <li>カラムレイアウトへの応用</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>ネガティブマージンを利用したレイアウト <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button> <ol> <li>子供セレクタに対応しないブラウザ</li> </ol> </li> <li>フロートするボックスの重なり順序</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>float プロパティを利用したレイアウトの使い分け <ol> <li>「重なったブロックボックスにマージン」のレイアウト方法</li> <li>「複数フロートの横並び」のレイアウト方法</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>フロートしたボックスを含む親ボックスの高さの算出 <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>親ボックスの高さを算出させる方法 <ol> <li>後続の要素で float を clear する</li> <li>clear を指定できる要素がない場合</li> <li>幅を明示的に指定できない場合</li> </ol> </li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>5 章 position プロパティを利用したレイアウト <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>指定できる 4 つの配置方法 <ol> <li>static－通常配置</li> <li>relative－相対配置</li> <li>absolute－絶対配置</li> <li>fixed－固定配置</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>絶対配置を利用したレイアウト <ol> <li>カラムレイアウトへの利用</li> <li>絶対配置の基点を変える</li> <li>複数の基点を利用したレイアウト</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>固定配置を利用したレイアウト <ol> <li>ナビゲーションを常に上部に表示する</li> <li>フレームのように表示するカラムレイアウトへの利用</li> <li>固定配置に対応していないブラウザの対処 <ul> <li>[Column] JavaScript で擬似的に固定配置を表現する</li> </ul> </li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>6 章 実践レイアウト <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>レイアウトパターン <ol> <li>1 カラム フロート流し込み / float プロパティ</li> <li>2 カラム フロート＋重なったボックスにマージン / float プロパティ</li> <li>2 カラム 複数フロート＋重なったボックスにマージン / float プロパティ</li> <li>3 カラム 左右メニュー複数フロート＋重なったボックスにマージン / float プロパティ</li> <li>3 カラム 右メニュー 2 カラム複数フロート＋重なったボックスにマージン / float プロパティ</li> <li>2 カラム 複数フロート / float プロパティ</li> <li>3 カラム 複数フロート / float プロパティ</li> <li>2 カラム 複数フロート＋クリア</li> <li>2 カラム 複数フロート＋ネガティブマージン / float プロパティ</li> <li>2 カラム 絶対配置＋重なったボックスにマージン / position プロパティ</li> <li>3 カラム 絶対配置＋重なったボックスにマージン / position プロパティ</li> <li>3 カラム 右メニュー 2 カラム絶対配置＋重なったボックスにマージン / position プロパティ</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>複合レイアウトで情報を整理したブログページの制作 <ul> <li>[Column] 見出しとデザイン</li> </ul> <ol> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button><abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> 文書の制作 <ol> <li>基本要素のマークアップ</li> <li>DOCTYPE の宣言と div 要素による構造の補強</li> </ol> </li> <li><abbr title="Cascading Style Sheets">CSS</abbr> ファイルのモジュール化</li> <li>ベースとなるスタイルの制作</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>主要なレイアウトの構築 <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> の互換モードでのボックスのセンタリング</li> </ul> <ol> <li><code>div#content</code> 内のレイアウト <ul> <li>[Column] <abbr title="Internet Explorer">IE</abbr> 6 でフロートするボックスのマージンが増加するバグ</li> </ul> </li> <li><code>div#main</code> 内のレイアウト <ul> <li>[Column] フロートの入れ子による複雑なレイアウト</li> </ul> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>細部のスタイルの指定 <ol> <li><code>div#header</code> 内のスタイル</li> <li><code>div.entry</code> 内のスタイル</li> <li><code>div#headline</code> 内のスタイル</li> <li><code>dl#subNavi</code> 内のスタイル <ul> <li>[Column] Windows 版の <abbr title="Internet Explorer">IE</abbr> 6 で li 要素の上下に隙間が生じるバグ</li> </ul> </li> </ol> </li> <li>フッターのスタイル</li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>ボックスを自由に配置したページデザイン <ol> <li><abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> 文書の制作</li> <li>ベースとなるスタイルの制作</li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>主要なレイアウトの構築 <ol> <li>絶対配置させるボックスの領域を作る</li> <li>h1 要素を通常フローから外して重ね合わせる</li> <li>インフォメーションの配置</li> <li>コンテンツメニューの配置</li> <li>その他のコンテンツメニューの配置</li> </ol> </li> <li>ボタンメニューのスタイル</li> <li>フッター領域のスタイリング</li> </ol> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>7 章 <abbr title="Extensible Hyper Text Markup Language">XHTML</abbr>&#38;<abbr title="Cascading Style Sheets">CSS</abbr> Tips <ol> <li>トピックパスのマークアップ</li> <li>outline プロパティによるドロップシャドウ</li> <li>Mac OS X の Dock 風ナビゲーション</li> <li><abbr title="Cascading Style Sheets">CSS</abbr> による自動番号付け（カウンタ生成） <ul> <li>[Column] カウンタによる番号生成は構造とは別もの</li> <li>[Column] カウンタを 1、 3、 5......としたい場合</li> <li>[Column] <abbr title="Internet Explorer">IE</abbr> 8 の対応状況について</li> </ul> </li> <li><abbr title="Cascading Style Sheets">CSS</abbr> でフォトギャラリー <ul> <li>[Column] スタックレベルのレート</li> </ul> </li> <li>アイコンリモート表示メニュー <ul> <li>[Column] position プロパティの値</li> </ul> </li> <li><abbr title="Cascading Style Sheets">CSS</abbr> を使って画像をポップアップ表示</li> <li><abbr title="Cascading Style Sheets">CSS</abbr> だけで動作するドロップダウンメニュー</li> <li>背景画像を利用したロールオーバー効果 <ul> <li>[Column] 背景画像を 1 つにまとめる理由</li> </ul> </li> <li>visibility プロパティを利用して img 要素をロールオーバー <ul> <li>[Column] visibility プロパティによる不可視化</li> </ul> </li> <li>さまざまなブラウザでフォントの見栄えを揃える <abbr title="Cascading Style Sheets">CSS</abbr> ライブラリ</li> <li><abbr title="Internet Explorer">IE</abbr> 6 以下での子供セレクタの使用</li> <li>印刷用 <abbr title="Cascading Style Sheets">CSS</abbr> の作成</li> <li>line-height プロパティの指定値 <ul> <li>[Column] 単位なしの指定はエラー ?</li> </ul> </li> <li>定義リストの dt と dd を横並びさせる <ul> <li>[Column] 非置換要素をフロートさせる場合</li> </ul> </li> <li>背景画像を利用して訪問済みリンクを一工夫する</li> <li>img 要素のサイズを <abbr title="Cascading Style Sheets">CSS</abbr> で指定</li> <li>position プロパティを利用して要素を画面中央に固定</li> <li>position プロパティでフッタを常に画面の下部に固定</li> <li>行ボックスの高さで垂直センター配置</li> <li>背景画像を利用した画像置換 <ul> <li>[Column] outline プロパティ対応ブラウザに注意</li> <li>[Column] <abbr title="Cascading Style Sheets">CSS</abbr>3 の生成・置換内容モジュール</li> </ul> </li> <li>リンク先のファイルタイプを <abbr title="Cascading Style Sheets">CSS</abbr> で明示する <ul> <li>[Column] 草案 ( ワーキングドラフト ) である <abbr title="Cascading Style Sheets">CSS</abbr>3</li> </ul> </li> <li><abbr title="Cascading Style Sheets">CSS</abbr> でフォームをスタイリング <ul> <li>[Column] legend 要素に対する各ブラウザの対応</li> <li>[Column] label 要素</li> </ul> </li> <li>モダンブラウザ向けの <abbr title="Cascading Style Sheets">CSS</abbr> ハック <ul> <li>[Column] コンディショナルコメント</li> </ul> </li> </ol> </li> <li><button onclick="ol_showHide(this);" onkeypress="ol_showHide(this);">close</button>Appendix <ol> <li><abbr title="Document Type Definition">DTD</abbr> の読み方ガイド <ul> <li>[Column] <abbr title="Extensible Hyper Text Markup Language">XHTML</abbr> 1.1 の <abbr title="Document Type Definition">DTD</abbr> について</li> </ul> </li> <li>DOCTYPE スイッチの一覧表</li> <li><abbr title="Cascading Style Sheets">CSS</abbr> 2.1 の各プロパティリファレンス</li> <li><abbr title="Cascading Style Sheets">CSS</abbr>3 で新たに定義されるセレクタ <ul> <li>[Column] :nth-child 擬似クラスと:nth-of-type 擬似クラスの使い分け</li> </ul> </li> </ol> </li> </ol> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/6SLpRqfnPxo" height="1" width="1"/> http://lh3.jp/2008/11/06/0032 tag:lh3.jp,2008://1.33 2008-11-01T14:50:44Z 2008-11-29T06:22:34Z

技術評論社版のホップ本の ISBN や発売日等の書籍情報を公開できるタイミングになったので、お知らせします。

望月真琴 http://hxxk.jp/ <p> こんばんは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 <a href="http://lh3.jp/2008/08/24/2106" title="lh3.jp - 実践 Web Standards Design の再刊行のお知らせ">実践 Web Standards Design が再刊行されることは既にお伝えした</a>通りですが、書籍情報等の公開を行って良い状態になったのでお知らせします。 </p> <dl> <dt>書名</dt> <dd> <p> 実践 Web Standards Design - Web 標準の基本と <abbr title="Cascading Style Sheets">CSS</abbr> レイアウト &#38;Tips </p> </dd> <dt><abbr title="International Standard Book Numbers">ISBN</abbr></dt> <dd> <p> 978-4-7741-3684-4 </p> </dd> <dt>出版元</dt> <dd> <p> <a href="http://www.gihyo.co.jp/">株式会社 技術評論社</a> </p> </dd> <dt>著者</dt> <dd> <ul> <li>市瀬裕哉 (<abbr title="as known as">a.k.a.</abbr> &#34;wu&#34; / <a href="http://3ping.org/">3ping.org</a>)</li> <li>福島英児 (<abbr title="as known as">a.k.a.</abbr> &#34;e-luck&#34; / <a href="http://www.lucky-bag.com/">Lucky bag::blog</a>)</li> <li>望月真琴 (<a href="http://hxxk.jp/">hxxk.jp</a>)</li> </ul> </dd> <dt>サイズ・ページ数</dt> <dd> <p> B5 変形判、 <del datetime="2008-11-06T23:24:05+09:00">440 ページ ※状況によっては 448 ページになる可能性もあります</del><ins datetime="2008-11-06T23:24:05+09:00">448 ページで確定しました</ins> </p> </dd> <dt>定価</dt> <dd> <p> 3,360 円 ( 本体 3,200 円 + 消費税 ) </p> </dd> <dt>発売日</dt> <dd> <p> 2008 年 11 月 29 日 ( 地域によって書店店頭に並ぶ日は異なります。東京都内では 29 日より早く並ぶ書店が存在するかもしれません。 ) </p> </dd> </dl> <p> <abbr title="International Standard Book Number">ISBN</abbr> が確定したので、オンライン書店では既に書籍ページが作成されているところもありますし、まだ作成されていないサイトでも、書籍ページの <abbr title="Uniform Resource Identifier">URI</abbr> を <abbr title="International Standard Book Number">ISBN</abbr> から作成している場合は書籍ページの予定地を示すことができますね。 </p> <ul> <li><a href="http://www.cbook24.com/shop/productdetail.aspx?sku=9784774136844" title="実践 Web Standards Design コンピュータ書籍専門ネット書店 cbook24">コンピュータ書籍専門ネット書店 cbook24</a></li> <li><a href="http://www.amazon.co.jp/gp/product/4774136840" title="Amazon.co.jp： 実践 Web Standards Design: 本">Amazon.co.jp</a></li> <li><a href="http://www.7andy.jp/books/detail?isbn=978-4-7741-3684-4" title="セブンアンドワイ">セブンアンドワイ</a></li> <li><a href="http://www.bk1.jp/product/03067077" title="オンライン書店ビーケーワン：実践 Web Standards Design Web 標準の基本と CSS レイアウト &#38;Tips">bk1</a></li> <li><a href="http://www.junkudo.co.jp/detail2.jsp?ID=0109582594" title="ジュンク堂書店 実践 Web Standards Design">ジュンク堂書店 JUNKUDO BOOK WEB</a></li> <li><a href="http://books.livedoor.com/item/2907244" title="実践ＷｅｂＳｔａｎｄａｒｄｓＤｅｓｉｇｎ - livedoor BOOKS | 新刊 | コンピュータ | インターネット | ホームページ作成">livedoor BOOKS</a></li> <li><a href="http://bookweb.kinokuniya.co.jp/htm/4774136840.html" title="実践Ｗｅｂ Ｓｔａｎｄａｒｄｓ（スタンダード） ｄｅｓｉｇｎ: 紀伊國屋書店BookWeb">紀伊國屋書店BookWeb</a></li> <li><a href="http://item.rakuten.co.jp/book/5919425/" title="【楽天市場】実践Web Standards（スタンダード） design：楽天ブックス">楽天ブックス</a></li> <li><a href="http://www.bookservice.jp/bs/PSRRES1001.do?doWindowDispatch=book&#38;ssc=1&#38;sk=01&#38;scn=I4774136840" title="ブックサービス / 商品詳細(和書)">ブックサービス</a></li> </ul> <p> なお、九天社版のページ数は 436 ページとなっていましたが、技術評論社版では <del datetime="2008-11-06T23:24:05+09:00">440 ページ、場合によっては </del>448 ページとなります。 <a href="http://lh3.jp/2008/07/29/2103">原稿書きとトラックダウン・マスタリング</a>の例えを引きずるなら、<em>再リリースにあたってボーナストラックを追加</em>といった感じでしょうか。 また、単純にボーナストラックを追加しただけの再リリースではなく、既存のページも全て 2008 年 10 月末現在の状況に合わせて加筆訂正を行っています。 <strong>再リリースにあたってボーナストラックを追加するのに加え、全曲リマスタリングを施した</strong>アルバムを無事リリースできるよう、最後の仕上げに入っているところです。 </p> <p> 新しい表紙の紹介や詳細な解説はまた次回以降に。 </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/C49CE30Texg" height="1" width="1"/> http://lh3.jp/2008/11/01/2350 tag:lh3.jp,2008://1.30 2008-10-18T07:03:50Z 2008-10-18T07:00:47Z

再刊行されるホップ本の ISBN は、出版者ごとにコードが割り当てられているため、九天社版とは異なったものになります。

望月真琴 http://hxxk.jp/ <p> こんにちは、 <a href="http://hxxk.jp/">hxxk.jp</a> の真琴です。 先日、 <a href="http://lh3.jp/2008/09/23/1555" title="lh3.jp - ホップ本の打ち合わせと HEMEL オフ会">1 冊だけ手元に残っていた実践 Web Standards Design お譲りします</a>ということを書いていましたが、最終的に <a href="http://www.45shiki.net/">45式</a>の 4n5 さんに差し上げました。 </p> <p> 無事配送されたとのメールをいただき、その文中にて「再刊行の際は <abbr title="International Standard Book Number">ISBN</abbr> は新しいものになるのですか ? 」 というご質問をいただきましたが、先に結論から言うと<em>再刊行されるホップ本は以前の <abbr title="International Standard Book Number">ISBN</abbr> (4861671647 あるいは 9784861671647) とは違うナンバーになります</em>。 </p> <p> <a href="http://www.sanbi.co.jp/sanbihp/sanbiicom/67icom.html" title="[三美印刷]■sanbi-i-com &gt;&gt; 第67回">[第67回] ISBNコードのしくみと13桁への移行問題</a>に詳しい解説がありますが、 <abbr title="International Standard Book Number">ISBN</abbr> の中の特定の部分は出版者ごとに割り振られていますので、今回の再刊行のように出版元が変更になる場合は出版者コードが変更になり、従って <abbr title="International Standard Book Number">ISBN</abbr> も変更になります。 </p> <p> なお、 <a href="http://www.sanbi.co.jp/sanbihp/sanbiicom/67icom.html" title="[三美印刷]■sanbi-i-com &gt;&gt; 第67回">[第67回] ISBNコードのしくみと13桁への移行問題</a> では <q cite="http://www.sanbi.co.jp/sanbihp/sanbiicom/67icom.html" title="[第67回] ISBNコードのしくみと13桁への移行問題"> 次の「949999」は出版者（社）コード，「08」はその出版社における書名コードで，合わせて8桁で管理されています </q> とありますが、<a href="http://www.isbn-center.jp/">日本図書コード管理センター</a>内の<a href="http://www.isbn-center.jp/shutoku/">図書コード取得のご案内</a>によると、 <q cite="http://www.isbn-center.jp/shutoku/" title="図書コード取得のご案内"> 新規に登録される出版者は原則として出版者記号７桁（コード付与可能点数１０点）または出版者記号６桁（コード付与可能点数１００点）に限らせていただきます。 コード付与（使用）に期限はありません。 数年で１００点以上の発行計画をお持ちの場合は電話などで別途ご相談ください。 </q> のように、必ずしも出版者コードは 6 桁となるわけではないようです。 </p> <p> また、同じ書籍でも、版が変われば書名コードが変わるようです。 例えば大藤 幹さんが書かれた良質リファレンス本「詳解 HTML&#38;XHTML&#38;CSS 辞典」は現在第 3 版まで刊行されていますが、<a href="http://www.shuwasystem.co.jp/products/7980html/0221.html" title="秀和システム：詳解 HTML&#38;XHTML&#38;CSS 辞典">初版</a>の <abbr title="International Standard Book Number">ISBN</abbr> は 978-4-7980-0221-6 、<a href="http://www.shuwasystem.co.jp/products/7980html/1003.html" title="秀和システム：詳解 HTML&#38;XHTML&#38;CSS 辞典 改訂版">改訂版</a>の <abbr title="International Standard Book Number">ISBN</abbr> は 978-4-7980-1003-0 、<a href="http://www.shuwasystem.co.jp/products/7980html/1602.html" title="秀和システム：詳解 HTML&#38;XHTML&#38;CSS 辞典 第三版">第三版</a>の <abbr title="International Standard Book Number">ISBN</abbr> は 978-4-7980-1602-3 となっています。 ( <a href="http://www.shuwasystem.co.jp/">秀和システム</a>の場合は出版点数も多く、出版者コードは 4 桁になっていますね。) </p> <img src="http://feeds.feedburner.com/~r/lh3jp/~4/mkIYno5NKJ0" height="1" width="1"/> http://lh3.jp/2008/10/18/1603