教えてはてなダイアリー質問と回答のための便利帳

作成日 2004年2月25日 最終更新日 2004年7月27日

「教えてはてなダイアリー」質問と回答のための便利帳

教えてはてなダイアリー」の今までの質問と回答を元に作っていく便利帳です。質問と回答の参考にどうぞ。質問のポイントを内容別に分け、項目ごとに回答クリップや参考資料などをまとめていきます。より便利な便利帳になるように、追加よろしくお願いします。

参考にさせていただいた質問者・回答者の方へ。

困っている人や質問者・回答者の今後の参考にさせて頂きます。「教えてはてなダイアリー」の参加・ご利用ありがとうございました。

質問先にある実際の回答を真似してみたけどうまくいかない! ときは…

質問先にある回答は、質問者の使っているテーマやスタイルシートなどの設定に合わせた個別の解決方法です。

  • 使っているテーマや設定などの違いにより、個別の回答をそのまま真似してもうまくいかない場合があります。
    • うまくいかないときは…
      • 自分の使っているテーマや設定に合わせた指定に変更することになります。変更の際は下の回答クリップをはじめとする参考ページを参考にしてください。
      • 変更の仕方が分からない・うまく出来ない場合は、無理をせず気軽に「教えてはてなダイアリー」を使ってください。

メモの種類

「回答クリップ」
質問の回答ずばりや、それに近い情報があるかもしれないページ。はてなダイアリーにおいてテーマや設定の違いを考慮しながらできるだけ多くの人に適用できる方法・Tipsを紹介。
はてなダイアリー用参考資料
はてなダイアリーの仕様・規約などに特化した資料です。引用の際には「はてなダイアリーでは」と断わりが必要かもしれません。
関連参考資料
一般で通じるその他の資料など。回答を理解しやすくするためのあれこれ。
覚え書き
その項目でいつでも注意するようなことがあれば、メモしていきます。タイトルは自由。

全体の覚え書き

  • HTMLCSSの分離(「見出し」や「本文」などの文章の役割を示す文書構造は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
はてなダイアリーtDiarycssテンプレート
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(ZSPC
http://www.zspc.com/documents/wcag10/
みんなのウェブアクセシビリティ実証実験ホームページ
http://www.jwas.gr.jp/
アクセシビリティ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

文字、フォントの大きさ

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
http://www.kanzaki.com/docs/html/htminfo17-2.html#font

文字、文字色

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
http://www.kanzaki.com/docs/html/htminfo17-2.html#font

リスト

回答クリップ

はてなダイアリーのヘルプ「リストをつくる」
http://d.hatena.ne.jp/help#list

はてなダイアリー用参考資料

関連参考資料

リストの作成 -- ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/html/htminfo13.html

コメント欄

回答クリップ

はてなダイアリー用参考資料

関連参考資料


右寄せに、左寄せに

回答クリップ

はてなダイアリー用参考資料

関連参考資料

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

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など)

はてなダイアリー用参考資料

関連参考資料


小見出し機能(*、*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/PermalinkPermalinkの概説、はてなダイアリーにおける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

はてなダイアリー用参考資料

関連参考資料


引用ブロックを作る

回答クリップ

はてなダイアリーのヘルプ「引用ブロックを作る」
http://d.hatena.ne.jp/help#blockquote

はてなダイアリー用参考資料

関連参考資料

強調,引用,グループ化,画像などの要素 -- ごく簡単なHTMLの説明「引用の方法」
http://www.kanzaki.com/docs/html/htminfo14.html#S13.1



外部アクセス解析の設置

回答クリップ

はてなダイアリー用参考資料

はてなダイアリー日記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対策

関連参考資料