教えてはてなダイアリー質問と回答のための便利帳
(コミュニティ)
【おしえてはてなだいありーしつもん】
作成日 2004年2月25日 最終更新日 2004年7月27日
「教えてはてなダイアリー」質問と回答のための便利帳
「教えてはてなダイアリー」の今までの質問と回答を元に作っていく便利帳です。質問と回答の参考にどうぞ。質問のポイントを内容別に分け、項目ごとに回答クリップや参考資料などをまとめていきます。より便利な便利帳になるように、追加よろしくお願いします。
参考にさせていただいた質問者・回答者の方へ。
困っている人や質問者・回答者の今後の参考にさせて頂きます。「教えてはてなダイアリー」の参加・ご利用ありがとうございました。
質問先にある実際の回答を真似してみたけどうまくいかない！ ときは…
- 使っているテーマや設定などの違いにより、個別の回答をそのまま真似してもうまくいかない場合があります。
- うまくいかないときは…
- 自分の使っているテーマや設定に合わせた指定に変更することになります。変更の際は下の回答クリップをはじめとする参考ページを参考にしてください。
- 変更の仕方が分からない・うまく出来ない場合は、無理をせず気軽に「教えてはてなダイアリー」を使ってください。
- うまくいかないときは…
メモの種類
- 「回答クリップ」
- 質問の回答ずばりや、それに近い情報があるかもしれないページ。はてなダイアリーにおいてテーマや設定の違いを考慮しながらできるだけ多くの人に適用できる方法・Tipsを紹介。
- はてなダイアリー用参考資料
- はてなダイアリーの仕様・規約などに特化した資料です。引用の際には「はてなダイアリーでは」と断わりが必要かもしれません。
- 関連参考資料
- 一般で通じるその他の資料など。回答を理解しやすくするためのあれこれ。
- 覚え書き
- その項目でいつでも注意するようなことがあれば、メモしていきます。タイトルは自由。
全体の覚え書き
- HTMLとCSSの分離（「見出し」や「本文」などの文章の役割を示す文書構造はHTMLで、見栄えはCSSで行う）
- 資料案内の効用。知る限りでその質問に該当するヘルプやガイド、キーワードがあれば、回答と一緒に伝えると良い。今後の疑問解決ヒントになって、資料の宣伝にもなる。
スタイルシートでデザイン編 質問と回答
はてなダイアリー用参考資料
- 視覚的、はてなダイアリー文書構造サンプルHTML
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
- CSS Tips for はてなダイアリー
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
- テーマ別によるスタイルシートサンプル
- http://joram.agz.jp/hatena/hatena_theme.html
- はてなダイアリー用CSS作成支援、はてなヘッダ色サンプル
- http://yokohama.cool.ne.jp/alisato/hatena/index.shtml
- はてなダイアリー兼tDiary用cssのテンプレート
- http://d.hatena.ne.jp/dav/theme/template.css
関連参考資料
- ごく簡単なHTMLの説明
- http://www.kanzaki.com/docs/htminfo.html
- Guide to Cascading Style Sheets(jp)
- http://www.htmlhelp.com/ja/reference/css/
- CSS2対応状況ガイド
- http://www.zspc.com/documents/css2/index.html
- スタイルシートWebデザイン
- http://www.asahi-net.or.jp/~jy3k-sm/css1/index.html
- Mouseover DOM Inspector
- http://slayeroffice.com/?c=/content/tools/modi.html
お気に入りに入れてクリックすると、今読んでるページのマウスで触れた部分がどんな要素やclassなのか表示してくれるブックマークレット。初見の日記の構造を調べるのなんかに便利そう。MSIE6、Mozilla1.5+対応。
アクセシビリティ＆ユーザビリティーについて
- ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0（
- //www.zspc.com/index.html">ZSPC）:http://www.zspc.com/documents/wcag10/
- みんなのウェブ：アクセシビリティ実証実験ホームページ
- http://www.jwas.gr.jp/
- アクセシビリティ（
- //www.htmlhelp.com/">Web Design Group）:http://www.htmlhelp.com/ja/design/accessibility/
- U-Site
- http://www.usability.gr.jp/index.html
- 富士通ウェブ・アクセシビリティ指針 - 日本語サイト向け 第1.01版
- http://jp.fujitsu.com/webaccessibility/
回答クリップ
- はてなダイアリーで部分的に直したい所を見つけていじる手順。
- http://d.hatena.ne.jp/ZO353/20040409#1081491362
リンク
回答クリップ
- はてなダイアリーTips【キーワードへのリンクと通常のリンクが区別できるようにする】
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4#p3
- はてなダイアリーTips【キーワードリンクを目立たなくする方法】
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4?kid=33975#p4
はてなダイアリー用参考資料
関連参考資料
- ハイパーリンク -- ごく簡単なHTMLの説明
- http://www.kanzaki.com/docs/html/htminfo12.html
日記の配色
回答クリップ
はてなダイアリー用参考資料
- はてなダイアリー用CSS作成支援、はてなヘッダ色サンプル
- http://yokohama.cool.ne.jp/alisato/hatena/index.shtml
- 視覚的、はてなダイアリー文書構造サンプルHTML
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
- CSS Tips for はてなダイアリー
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
関連参考資料
- 色の組み合わせチェック - 読みやすい前景色と背景色
- http://www.kanzaki.com/docs/html/color-check
文字、フォントの大きさ
回答クリップ
はてなダイアリー用参考資料
関連参考資料
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
- http://www.kanzaki.com/docs/html/htminfo17-2.html#font
文字、文字色
回答クリップ
はてなダイアリー用参考資料
関連参考資料
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
- http://www.kanzaki.com/docs/html/htminfo17-2.html#font
行間、行の高さ、行の間隔（line-height）
回答クリップ
- はてなダイアリーTipsスタイルシートでデザイン編【line-heightでの単位指定】
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4#p9
はてなダイアリー用参考資料
関連参考資料
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「行の高さ（行間）」（line-heightプロパティ）
- http://www.kanzaki.com/docs/html/htminfo17-2.html#lheight
段落間（div.section p）の隙間、日記本文内ブロック要素の隙間 余白（margin, padding）
回答クリップ
- 回答まとめ
- http://d.hatena.ne.jp/manpukuya/20040222#p2 →はてなダイアリーTipsスタイルシートでデザイン編【段落の前後のすき間をなくす方法】http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4?kid=33975#p5
はてなダイアリー用参考資料
- 視覚的、はてなダイアリー文書構造サンプルHTML
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
関連参考資料
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「ボックスモデル」
- http://www.kanzaki.com/docs/html/htminfo17-2.html#box
リスト
回答クリップ
- はてなダイアリーのヘルプ「リストをつくる」
- http://d.hatena.ne.jp/help#list
はてなダイアリー用参考資料
関連参考資料
- リストの作成 -- ごく簡単なHTMLの説明
- http://www.kanzaki.com/docs/html/htminfo13.html
sidebar（サイドバー）
回答クリップ
- キーワード「sidebar」
- http://d.hatena.ne.jp/keyword/sidebar（sidebarの作り方、表示位置に関するCSS Tips（左側に、右側に、左右に、上に）、カスタマイズTipsなど）
- キーワード「はてなダイアリーsidebar利用可能テーマ」
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcsidebar%cd%f8%cd%d1%b2%c4%c7%bd%a5%c6%a1%bc%a5%de
- キーワード「antennaモジュール」
- http://d.hatena.ne.jp/keyword/antenna%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb（ヘルプ記載事項、注意点、カスタマイズTips、生成されるクラス名解説へのリンクなど）
- キーワード「sectionモジュール」
- http://d.hatena.ne.jp/keyword/section%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb（ヘルプ記載事項、カスタマイズTips、応用利用法、生成されるクラス名解説へのリンクなど）
- はてなダイアリーのヘルプ「antennaモジュール」
- http://d.hatena.ne.jp/help#antenna
- はてなダイアリーのヘルプ「sectionモジュール」
- http://d.hatena.ne.jp/help#sectionmodule
はてなダイアリー用参考資料
関連参考資料
コメント欄
回答クリップ
はてなダイアリー用参考資料
関連参考資料
右寄せに、左寄せに
回答クリップ
はてなダイアリー用参考資料
関連参考資料
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「位置揃え」（text-alignプロパティ）
- http://www.kanzaki.com/docs/html/htminfo17-2.html#talign
- CSSの主なプロパティ -- ごく簡単なHTMLの説明「表示位置など」（float, clear）
- http://www.kanzaki.com/docs/html/htminfo17-2.html#position
「前の×日分」（div.calendar）
回答クリップ
はてなダイアリー用参考資料
- 視覚的、はてなダイアリー文書構造サンプルHTML
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
- CSS Tips for はてなダイアリー
- http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
- テーマ別によるスタイルシートサンプル
- http://joram.agz.jp/hatena/hatena_theme.html
関連参考資料
ブラウザによる見え方の違い相談・見え方が変？
回答クリップ
はてなダイアリー用参考資料
関連参考資料
- CSS2対応状況ガイド
- http://www.zspc.com/documents/css2/index.html
- CSSバグリスト＠CSSバグ辞典スレッド
- http://cssbug.at.infoseek.co.jp/index.html
HTML編
はてなダイアリーの機能編
antennaモジュール（アンテナモジュール）
回答クリップ
- はてなダイアリーのヘルプ‐antennaモジュール
- http://d.hatena.ne.jp/help#antenna
- はてなダイアリーFAQ「モジュールの使い方」‐antennaモジュールが表示されない！（<hatena name="antenna">とフッタに書いたのにantennaモジュールが表示されないときの代表的な原因）
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb%a4%ce%bb%c8%a4%a4%ca%fd%a1%d7?kid=29296#antennaerror
- キーワード「antennaモジュール」
- http://d.hatena.ne.jp/keyword/antenna%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb?kid=30352（antennaモジュール（アンテナモジュール）の詳しい設定の仕方、 指定できるオプション属性、カスタマイズTipsなど掲載）
はてなダイアリー用参考資料
関連参考資料
photoモジュール
回答クリップ
- はてなダイアリーのヘルプ「photoモジュール」
- http://d.hatena.ne.jp/help#hatena_photo
- キーワード「photoモジュール」
- http://d.hatena.ne.jp/keyword/photo%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb（ヘルプ記載事項、横や縦並べにする、写真左側の余白、その他カスタマイズTipsなど）
はてなダイアリー用参考資料
関連参考資料
sectionモジュール
回答クリップ
- はてなダイアリーのヘルプ「sectionモジュール」
- http://d.hatena.ne.jp/help#sectionmodule
- キーワード「sectionモジュール」
- http://d.hatena.ne.jp/keyword/section%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb
はてなダイアリー用参考資料
関連参考資料
小見出し機能（*、*t*）
回答クリップ
- はてなダイアリーのヘルプ「小見出しをつける」
- http://d.hatena.ne.jp/help#sectiontitle
- はてなダイアリーのヘルプ「時刻付きの小見出しをつける」
- http://d.hatena.ne.jp/help#sectiontimestamp
- キーワード「小見出し」
- http://d.hatena.ne.jp/keyword/%be%ae%b8%ab%bd%d0%a4%b7（ヘルプ記載事項と簡単な解説、関連機能・関連Tipsへのナビ）
- キーワード「Permalink」
- http://d.hatena.ne.jp/keyword/Permalink（Permalinkの概説、はてなダイアリーにおけるPermalinkの概説）
- はてなダイアリーTips【「時刻付きの小見出しをつける」機能（*t*）の書き込み時刻を非表示にする方法】
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips#p6
- はてなダイアリーTips【書き込み時刻表示のない小見出しをPermalink（固定的なリンク、固定リンク）にしつつ、上へ上へと追加する方法】
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips?kid=1031#p7
はてなダイアリー用参考資料
関連参考資料
リンク元、リファラ referred／TrackBack（トラックバック）
回答クリップ
- ヘルプ「リンク元の表示」
- http://d.hatena.ne.jp/help#hidereferer
- ヘルプ「日記のリンク元」
- http://d.hatena.ne.jp/help#refererlist
- はてなダイアリーFAQ「日記を書く」‐「リンク元の表示」関連FAQ
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%c6%fc%b5%ad%a4%f2%bd%f1%a4%af%a1%d7?kid=29292#hidereferer（ちょっとした更新とTrackBack（トラックバック）、はてなダイアリーから外部へTrackBackを送る など）
- はてなダイアリーFAQ「設定の変更」‐「日記のリンク元」関連FAQ
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%c0%df%c4%ea%a4%ce%ca%d1%b9%b9%a1%d7#refererlist
- キーワード「TrackBack」
- http://d.hatena.ne.jp/keyword/TrackBack（TrackBackの概説、手動ではてなの外へ送る方法など）
- キーワード「はてなダイアリーTrackBackシステム」
- g:hatenadiary:keyword:はてなダイアリーTrackBackシステム（はてなダイアリーにおけるTrackBackシステムの説明）
はてなダイアリー用参考資料
- はてなダイアリーガイドとヘルプの索引ら行「リンク元」
- はてなダイアリーガイドとヘルプの索引英数「TrackBack」
関連参考資料
引用ブロックを作る
回答クリップ
- はてなダイアリーのヘルプ「引用ブロックを作る」
- http://d.hatena.ne.jp/help#blockquote
はてなダイアリー用参考資料
関連参考資料
- 強調,引用,グループ化,画像などの要素 -- ごく簡単なHTMLの説明「引用の方法」
- http://www.kanzaki.com/docs/html/htminfo14.html#S13.1
その他編
日記が文字化けして編集できなくなったときの修正方法
回答クリップ
外部アクセス解析の設置
- はてなダイアリーでは
- 広告画像が表示されるタイプのものは禁止（http://d.hatena.ne.jp/hatenadiary/20030216#1045376733、http://www.hatena.ne.jp/iwashi?mode=treedetail&thread=0000000448）
- バナー広告が掲載される形式のアクセスカウンターの利用を禁止（はてな情報削除ガイドライン http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%be%f0%ca%f3%ba%ef%bd%fc%a5%ac%a5%a4%a5%c9%a5%e9%a5%a4%a5%f3?kid=31430#p11）
回答クリップ
はてなダイアリー用参考資料
- はてなダイアリー日記2/16「宣伝行為の範囲について」
- http://d.hatena.ne.jp/hatenadiary/20030216#1045376733
- いわし
- http://www.hatena.ne.jp/iwashi?mode=treedetail&thread=0000000448
- はてな情報削除ガイドライン「はてな利用規約」
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%be%f0%ca%f3%ba%ef%bd%fc%a5%ac%a5%a4%a5%c9%a5%e9%a5%a4%a5%f3?kid=31430#p11
- はてな利用規約（6）禁止事項‐6
- http://www.hatena.ne.jp/help/rules
- はてなダイアリーガイド「はてなダイアリーのルール」規約を読まずに反則しやすいルール
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a4%ce%a5%eb%a1%bc%a5%eb%a1%d7?kid=23253#p3
- はてなダイアリー利用可能タグ
- g:hatenadiary:keyword:はてなダイアリー利用可能タグ
- はてなダイアリーXSS対策
- g:hatenadiary:keyword:はてなダイアリーXSS対策
関連参考資料
サーチエンジン検索拒否・ロボット除けのための設定
回答クリップ
関連参考資料
- Google ページの削除‐個々のページを削除する
- http://www.google.co.jp/intl/ja/remove.html#exclude_pages
日記のダウンロード、はてなダイアリーのデータの移行
回答クリップ
- はてなダイアリーのヘルプ「日記のダウンロード」
- http://d.hatena.ne.jp/help#download
はてなダイアリー用参考資料
関連参考資料
参考リンク
- はてなダイアリーのヘルプ
- http://hatenadiary.g.hatena.ne.jp/
- はてなダイアリーに関するキーワード
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a4%cb%b4%d8%a4%b9%a4%eb%a5%ad%a1%bc%a5%ef%a1%bc%a5%c9?kid=2410
- はてなダイアリーTips
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips
- はてなダイアリーTipsスタイルシートでデザイン編
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4
- はてなダイアリーFAQ
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ
- はてなダイアリーガイド
- http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9
d.hatena.ne.jp