下線として用いる「=」「-」の文字数は自由。, はてな記法と同じハイフン「-」に加え、プラス記号「+」やアスタリスク「*」も使える。 ブログカード、Youtube、ニコニコ動画などOGPに対応したurlが埋め込めます。, []はalt属性を表現しています。alt属性を入れることで画像が表示できない場合に代替文字列を表示します。, 【総集編】Markdown記法の全て!初心者のうちからマークダウンと正しいHTMLでブログを書く!, , はてなブログのサンプルテーマ「Boilerplate」に使われているCSSのプロパティを確認する, ``の中身はカオスで溢れている【はてなブログのHTML構造その2】, ゼノンザード?やっぱりシャドウバース?自分がTCG(DCG)で迷って結局シャドバをプレイし始めた理由!. Markdownで表tableを書く基本記法、セル内で改行する方法、右寄せ・中央寄せ・左寄せを説明。また、かんたんに書ける入力補助機能も合わせてご紹介します。  ※表示するソースコード内にバック・クォートが含まれる場合は、2個以上のバック・クォートで囲めば、ソースコード内のバック・クォートも表示される, 困った時の
頼みって、どうなのよ?…orz Markdown記法をサポートしました! staff.hatenablog.com/entry/2012/09/… はてなブログでは、世界中のWebエンジニアに親しまれているMarkdown記法で記事を書けるモードを追加しました。どうぞご利用ください。, はてな記法と比べると、Markdown記法はかなりシンプル。既に多機能な はてな記法を使いこなしている人には、Markdown記法は物足りず、あまり魅力が感じられないかもしれない。(ただし、はてな記法のうち、一部の自動リンク記法は使えるとのこと。), 一方で、Markdown記法はシンプルゆえに覚え易くて書き易い。また、Markdown記法で書いたテキストは、ブラウザ上に表示しなくても、素のテキストファイルの状態でも読み易い工夫が感じられる。ブログ記事をテキストエディタ上で書いたいる人には、そこに魅力を感じるかもしれない。, Markdown記法では、1行以上の空行で挟まれた範囲内が段落として処理される。  ※表組みと前の段落との間に空行が必要!, ※2行目の区切り行で、区切りの「-」の両端にコロン記号「:」を付けると、その列は中央寄せになる 斜体で表示されるよ!  ※素のテキストでの見易さのため、見出しが目立つように末尾に「#」を好きな数だけ付けることも可能。表示はされない。, Markdown記法では、Atx形式の他に、見出しの次の行に等号「=」(第一レベルの見出し)とハイフン「-」(第二レベルの見出し)を下線として記述し、見出しを表現するSetext記法もある。 引用記法の中では「```」で前後を囲む形式のpre記法は正常に動作しません。, Markdownはバッククォート[3つ]で囲み、後ろにプログラミング言語の名前を記述するとシンタックスハイライトが適用されます。, コードやタグをバッククォートで囲みます。 - 文字の前後に1つ付けて挟むと、タグで囲まれる→斜体で表示される 数字は並び順で自動的に割り振られます。番号のみで自動的に連番になるので、後からの挿入/移動を考慮すると全て「1. |  ※現状は、どんな番号を書いても1から順番に番号が振られる。  ※IDは全角でもOK。 英字のIDの場合、大文字小文字の別をしないので注意。, ※リンク定義を引用ブロックに入れてしまうと、定義参照リンク記法が無効化されるので注意。, はてなブログって元々はエンジニアとか関係ないユーザーに対する障壁を下げるためにシンプルで直感的なブログを作ろう的な話から始まったっぽいのに、突然のMarkDown記法を作ったというアナウンスがでるあたりがまぶしすぎる。何処に行きたいんだ、この会社。, mame-tanukiさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?, Powered by Hatena Blog
で生成されます。, 1行目に項目名を「|」で区切って記入します。 ブログを報告する, 当サイトでは、第三者配信の広告サービス(Googleアドセンス)を利用しています。 生成されるタグはです。, アスタリスク二つで囲み「強調表示」します。  ※リスト内の階層は、半角スペース4つ or タブ1つを用いて表現する, はてな記法ではハイフン「-」だけど、Markdown記法では番号の後ろにピリオド「.」を付けるという記法になる。  ※pre記法と前の段落との間に空行が必要!, ※はてな記法のスーパーPre記法や、GitHub Flavored Markdownのような、プログラミング言語別のシンタックス・ハイライトは、まだ無いようだ。gist記法も使えないようだ。, はてな記法には無いが、Markdown記法ではバック・クォート「`」で囲むことで、文章中にHTMLタグなどのソースコードの一部を表示することができる。 ブログで記事を書いてるとExcelみたいな表(テーブル)をブログ記事に導入したいときがあると思います。 今回は、表(テーブル)をはてなブログで導入する方法を紹介します。そして画像のようにセルに色を付ける方法と、スクロールバーを設置する方法を紹介します。 え?貼り付けたいなんて思ったこと無いって!?そんなあ・・・ 今回ははてなブログの編集モードのひとつ「Markdown(マークダウン)記法」にトライします。昨日挑戦した「はてな記法」と比べながら、どちらの編集方法が効率的か検証します。はてなブログを使っている方は必見です。 この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。この規約に関して、詳しくはこちら、またはこちらをクリックしてください。, ブログの顔となるヘッダ画像、ブログアイコン、アイキャッチ画像をつくってもらいました, 【GoogleSearchConsole】心当たりがないのに「プロパティにアクセスできません」になっ…, 胸痛と息苦しさで救急搬送されてから半年、10kmマラソンを完走できるまで回復しました♬. と記入すると、ソースコードに色付けして表示(シンタックスハイライト)できます。, 実はかなり「はてな記法」が書きやすいと思っていたのですが、明日からは「Markdown記法」で記述していきます!, まだ編集モードで「Markdown記法」を試していない方は、トライしてみてくださいね♪, webライターのこと、ランニングのこと、お出かけ情報や生活情報など またGoogleアドセンスに関して、このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、こちらをクリックしてください。 役立つ情報・お得な情報を主婦目線で発信します。. WYSIWYG(ウィジウィグ)とは、ディスプレイに現れるものと処理内容(印刷結果)が一致するように表現する技術のことで、書いた文章の大きさや色、画像やリンクなどはそのままブログ記事になりますよね。, HTMLはタグを書いて文章の書式を記述しています。つまり最初からエディタを使わずにメモで直接タグを打ち込むという方もおられます。硬派な方ですね。私もどちらかといえばそう言う人間です。しかしながらHTMLタグで文章を書くと言うのはどう言うことかというと, このようにWebページへ表示させたい文字に最適なタグも記述する必要があります。この場合は

タグと呼ばれるものになります。もちろんただの文章であればタグは書かずとも表示されます。これはHTML側で無指定の場合はどう表示するのかが定義されているからです。CSS(カスケーディング・スタイル・シート)という記事とは別にスタイルシートと呼ばれるものを用意してこの

タグに文字の大きさなどを指定することも出来ます。皆様はブログ運営をする時にブログの「テーマ」と言うものを設定しますね。文章を表示させるのに必要最低限なことはもちろんですが、ブログ全体の構成などもHTMLとCSSを元に作らなければなりません。これら面倒なものを全て一つに纏めているのが「テーマ」です。, HTMLを覚えるのに越したことはありませんが、私は記事作りに集中したいのです。昔はHTMLで一からサイトを作って個人的に運営をしていました。しかしそんなことをする必要はありません。世の中には優れたテーマが沢山あるのです。記事作りにとことん集中できる環境になりました。更にSEOを踏まえて一歩先に進んでみましょう。, はてなブログでは「見たまま」という編集モードがあります。どのブログサービスにもこのようなビジュアルエディタは存在します。ユーザーには直感的に記事作成を促すことができます。初心者でも分かりやすく一番多く採用されて馴染みのあるものでしょう。ブログといえばこれの使い勝手が命です。, さて、はてなブログのビジュアルエディタは致命的な欠点があることをご存知でしょうか?, はてなブログには「見たまま」「はてな記法」「Markdown」「HTML」の編集モードがあります。知らない方もせっかくなので覚えておいて下さい。私は初心者以外の方にはてなブログをオススメしたりはしません。, 「見たまま」モードがはてなブログの標準になるブログエディタです。私はWordPressよりも使い勝手が良いと感じていました。過去形です。Markdownを使えるようになればどのブログサービスでもシステムでも関係がないので、どのエディタが最高か?という悩みからは解放されます。但しMarkdownに対応している必要はありますが「HTML」という編集モードが存在するのであれば問題ありません。, これは空の

タグが生成されているのが原因です。問題はありません。しかしこの

タグの間には半角スペースが入力されています。つまり改行してから消すと不要な半角スペースが生まれ「プレビュー」では気付きにくいので「HTML」で見直す必要があります。, ビジュアルエディタでは

タグを代表として色を変えたり大きさを変えたり画像やリンクを表示させる度に不要なHTMLタグがわんさか出力されています。検索エンジン側に間違った使い方と認識されることは稀ですが、検索エンジンはHTMLでしかページを見ることが出来ません。とても汚いHTML構造を記録してインデックスします。あまりにも酷い場合にはペナルティが与えられるでしょう。その代表格が
タグです。連続して使うとペナルティになるのは有名です。WordPressのビジュアルエディタは最悪で、, タグとタグがこれでもかと排出されゴミのように蓄積されていきます。WordPressが初心者向けではないというのはこういう所にもあり、これらは自分たちでカスタマイズして抑制するかビジュアルエディタ上での最適な書き方を模索するしかありません。, 最大の欠点がこれです。もはやSEO対策的には致命的と呼べる欠落でしょう。はてなブログで見出しを設定する時にはプルダウンメニューから「大見出し」「中見出し」「小見出し」という形で順次選ぶことが可能です。肝心の「大見出し」がh3タグであったのはご存知でしょうか?,

から

までのタグが見出しとして定義されています。本来の正しい書き方はh1ときたのであればh2に行くべきで、h3はその後になります。h1は最も重要な記事のキーワードという側面が強く、タイトルに採用されることが多いです。このh1が重要であれば沢山使えば良いのではないかと言えばそうではありません。使えば使うほど重要性は薄れます。本来の大見出しに来るのはh2であって然るべきです。これは沢山使ってもh1ほど役割を損なうことはありません。タイトルの次に重要なh2ですが、はてなブログではh3から始まります。根本的な問題としてh2がありません。気付かず記事を作成し続けていたとあれば大変もったいないことです。hタグは検索結果にも表示されるほど重要なタグです。何を差し置いても使いこなさなければなりません。, ビジュアルエディタで大見出しを使った後にHTMLプレビューに切り替えてh3をh2に直すことで対策は可能です。私もこれまでそうしてきました。しかしどうにも直感的に入力することが出来ません。見出しにしたいと思ったらマウスを手に取り、あるいはパッドに手を当てプルダウンまでカーソルを伸ばすという作業が煩わしいのです。Markdownではどうでしょう。文章を入力するついでの過程で簡単に記述することが出来るのです。はてなブロガーはもちろん、WordPressでブログを書いている方もそれ以外の方も、この記法を覚えることで必ず楽になるはずです。, Markdownでははてなブログでお馴染みの「はてな記法」も使えるので、はてなブログの全機能が扱えます。「見たまま」だけでは出来なかった「表」の作成も出来るのです。どのような表示にできるのか自分で全て制御することが出来るのは大変魅力的でしょう。更にMarkdownに飽き足らずHTMLまで詳しくなればCSSでスタイリングし易いので読み易くすることも可能です。, Markdown自体はあくまで記法です。簡易的なマークアップ言語に過ぎません。ですから記述段階ではプレーンテキストなので、簡単にテンプレートなども用意することが出来ます。まとめ記事などの書式テンプレートを用意して簡単に記事作成が出来るようになります。凄く簡単で文章を書くのに問題がない表現が可能で、あらゆるプラットフォームでも使用されているので一度覚えると便利です。PDFにも変換できるのでWordよりMarkdownで文章を書く方が多くなるでしょう。, この記事ははてなブログを利用してMarkdownで書いています。どのように表示されるか確かめて下さい。そして記述の仕方やMarkdownには対応していないタグなども集めています。「見たまま」モードを卒業する為に「見たまま」で使われるタグも寄せ集めましたので、Markdownと一緒に自分に必要だと感じるHTMLタグも覚えてください。ブログの作成に関してはこの一覧で完結するようになっています。覚えてしまえばウェブを開いて書かなくてもメモで作成したり、メールで投稿することも可能です。, 行の末尾に[半角スペース]+[半角スペース]+[改行(Enter)] はてなブログのMarkdownではソースコードのシンタックスハイライトに対応しています。 メールやチャットでも>記号を使って返信するので、直観的に理解できていいですね!,

大見出し

毎朝、はてなのトップページにアクセスしてますか?, Markdown記法には、文章中のリンクの参照先を文末等の別の場所で定義する記法もある。文章中にあると邪魔な非常に長いURLへのリンクなどは参照先のURLを文章の外で定義することで、素のテキストの状態でも読み易くすることができる。(いいね!), 文章中に埋め込むリンクは、「[リンクする文字列][ID]」の書式で、リンクの定義は文章の任意の箇所で「[ID]: URL」という書式で指定する。さらにリンクの定義は「[ID]: URL "リンクのツールチップ文字列"」という書式も可能。 バック・クォートが表示されるよ!→`
`, Markdown記法のcode記法は、はてな記法の自動リンク停止記法の代用として使える。自動リンク停止記法は、Markdownモードでも使えるので意味無いけど…。, はてな記法には無いが、Markdown記法ではアスタリスク「*」やアンダースコア「_」を…  実は、Markdown記法に表組み記法はない。Markdown記法を拡張したMarkdown Extraの表組み記法を採用したと思われる。 半角スペースを[2つ]もしくは[tab]を入れることでインデントされネスト化されます。半角スペースを[4つ]を入れると更にネストされます。 3行目以降にデータを書きます。, [3つ以上]のハイフン、イコール、アスタリスク、アンダーバーのみ書かれた行が区切り線として表示されます。 データなどを纏めていると必要になってくるのがテーブルの表記。 Markdownでの簡易表記 一部をセンタリングしたい 複雑なテーブル構成 Markdownでの簡易表記 簡単なテーブル構成であれば、Markdownの表記がわかりやすい。 これは簡単で、「|」で区切るだけ。 太字の斜体で表示されるよ! 表の上下には[空行]を挿入してください。 生成されるタグはです。  ※2行目の区切り行で、区切りの「-」の右端にコロン記号「:」を付けると、その列は右寄せになる, はてな記法では「>>」だけの行と、「<<」だけの行で段落を挟むが、Markdown記法では引用文の行頭に鉤括弧「>」を置く。, ※段落の1行目にさえ鉤括弧「>」を書いておけば、その段落全体が引用になる。 (スゲぇ楽チン!!), はてな記法では「>|」だけの行と、「|<」が行末に含まれる行で挟むが、Markdown記法では引用文の行頭に「4つ以上の半角スペース」あるいは「1つ以上のタブ」を置くことで、HTMLなどのソースコードを整形済みテキストとしてそのまま表示できる。  ※ピリオドの直後は、半角スペース or タブが必要! 太字の斜体で表示されるよ!, はてな記法には無いが、Markdown記法では3つ以上のハイフン「-」やアスタリスク「*」、アンダースコア「_」だけで構成される行によって水平罫線
を表示できる。記号の間に半角スペースを混ぜることも可能。, Markdown記法でのリンク表現は2つある。文中埋め込みリンク記法(Inline)と定義参照リンク記法(Reference)だ。, はてな記法では、「[URL:title=リンクする文字列]」という書式だったが、Markdown記法では、「[リンクする文字](URL)」という書式で、文章中にリンクを埋め込むことができる。さらに「[リンクする文字](URL "リンクのツールチップ文字列")」という書式も可能。, 毎朝、はてなのトップページにアクセスしてますか? 生成されるタグはです。, color="red"の「red」の部分を変えて使用しますが、#FF0000といったHTLMカラーコードを当てるのが一般的ですが、わかりやすく,
タグが生成されます。 このトラフィックデータは匿名で収集されており、個人を特定するものではありません。 見出し h1見出し h2見出し h3見出し h4見出し h5見出し h6見出し 段落と改行 テキストのスタイリング 引用 リスト プレ要素とソースコード 表 区切り線 脚注 Markdownと合わせてよく使用する、はてな記法 embed リンク 最後に 関連記事 こんにちはnasustです。 先日、「はてなブログの記事… Markdownを使ってブログの書き方を練習する。(随時追記していく。) (Markdown cheat sheetが最強すぎるが自分用メモとする。) 1. ```(ファイルタイプ)~~``` この行は、2行目として表示される, はてな記法ではアスタリスク「*」だけど、Markdown記法では1~6個のシャープ「#」を使う。 生成されるタグはです。, ハイフン二つで囲み「削除された箇所」という意味を示します。 このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 『Cookie』(氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。 ]+[半角スペース]を記述します。 生成されるタグは
です。, targetを指定して別タブ等で開くようにしたい場合はHTMLで書くしかありません。 ブログ記事でよくみかける、こういった表。 表になっていることで、見やすくていいんですが、反面、つくるのが面倒じゃないですか? 皆さん、どうやって表をつくっていますか?HTMLでコツコツと地道にコードを書いていたり、Markdown方式で簡単につくっておられる方もいらっしゃるでしょう。 はてなブログが Markdown 記法に対応したと聞いてっ - TMD45'β'LOG!!! 段落と改行 改行 行末に半角スペースを2個入れると改行される。(段落の途中の改行は無視される) リンクの場合は「タイトル」や「説明」など、画像の場合は「著作権情報」や「撮影場所」「日時」や「その他の説明」などを記載します。, 生成されるタグはです。 太字で表示されるよ! ブログを報告する, はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、整形済みテキストブロック化する不具合 - そっと、はてなブログ. 今回ははてなブログで表(テーブル)を載せる方法について紹介します。 ブログテーマ「Innocent 」を使用中なので、他のテーマを使用されている方は表の見た目(デザイン)が違うと思います。 後半では表のデザインについても触れていきますので参考にしてみてください。 そこで今回はMarkdown記法にトライしながら「はてな記法」と比較し、今後の編集モードを決定したいと思います。, 「Markdown記法」はマークアップ言語のひとつです。記号を使って素早く入力することができ、簡単で覚えやすいのが特徴です。, 昨日の「はてな記法」と似ていますが、「はてな記法」はてなブログ独自の記述法であるのに対して、「Markdown記法」は「Qiita」「Dropbox Paper」など「はてなブログ」以外のサービスにも利用できます。, 「Markdown記法」も編集画面は「Markdown」と「プレビュー」の2種類しかありません。やはり「html」画面も欲しいのが本音です。, はてなブログではタブにh2タグが含まれておらず、はてな記法にもh2タグの記号が存在しませんでした。 生成されるタグはです。, アスタリスク三つで囲み「強調表示より強い強調表記」に使用します。 はてなブログでMarkdown記法での表の作成方法を先日ようやく覚えたのでこちらも忘れずにメモ。簡単の表作成から一部のセルを結合した複雑な表の作成、デザインのカスタマイズについて参考になりそうなサイトも掲載。 その場合はtarget="_blank"を使う必要があります。, [link-1][1]でマークして本文の後に[1]:http://~のように定義してリンクにした方が、本文中にURLが大量に含まれる場合や、同じリンクを何回も貼る場合に便利です。, []はtitle属性を表現しています。title属性とは「要素の補足情報」のことで「""」の中に記載します。  ※記号の直後は、半角スペース or タブが必要!
タグで生成されます。  ※リスト内の階層は、半角スペース4つ or タブ1つを用いて表現する, はてな記法と同じパイプ記号「|」で区切る。  ※段落内で改行したい場合は、行末に2つ以上の半角スペースを付けること! ( 面倒臭ェ… ), 1段落目の1行目。この改行は無視される→ 行頭に[>]を記述して使用します。 データなどを纏めていると必要になってくるのがテーブルの表記。 Markdownでの簡易表記 一部をセンタリングしたい 複雑なテーブル構成 Markdownでの簡易表記 簡単なテーブル構成であれば、Markdownの表記がわかりやすい。 これは簡単で、「|」で区切るだけ。 で生成されます。, バッククォートで囲むことにより「コードを無効化」することが出来ます。
タグで生成されます。  ※段落内の改行は無視される! リスト」で記載すると変更が楽です。 Markdownでははてなブログでお馴染みの「はてな記法」も使えるので、はてなブログの全機能が扱えます。「見たまま」だけでは出来なかった「表」の作成も出来るのです。どのような表示にできるのか自分で全て制御することが出来るのは大変魅力的でしょう。 太字で表示されるよ! Markdownで表tableを書く基本記法、セル内で改行する方法、右寄せ・中央寄せ・左寄せを説明。また、かんたんに書ける入力補助機能も合わせてご紹介します。 | はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、リンクとコメントの間が改…, はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、整形済みテキストブロック…, はてなブログのインポート機能に、AmazonアソシエイトID設定が反映されない不具合, 気が付けば、はてなブログがトンデモ無いコトになっていたのでタイトル画像を差し替えざるを得ない件, はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、リンクとコメントの間が改行されない不具合, はてなブログMarkdownモードでの「はてなブックマーク貼り付け機能」に、整形済みテキストブロック化する不具合, Markdownモードにおいて、コードブロックのシンタックスハイライトに対応しました。. 文末に半角スペース×2あり→ - 文字の前後に2つ付けて挟むと、タグで囲まれる→太字で表示される, 斜体で表示されるよ! 今日は前回の「はてな記法でブログを書く」の続編「Markdownでブログを書く」に挑戦します!, はてなブログには「見たままモード」「はてな記法」「Markdown記法」の3つの編集タイプがあります。前回「はてな記法」を試してみて、「見たままモード」よりも「はてな記法」の方が書きやすいと感じました。 このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。 バッククォートのエスケープには半角スペースをいれた上で、エスケープ対象より多い連続したバッククォートで囲みます。, Markdownで使われている記号をインラインコードに含めたい場合は「\」を使います。, はてなブログの「見たまま」では表の挿入は出来きません。 [>>]で階層化も可能で、引用文の中もMarkdown記法として解釈されます。 GitHub, サイドバーの注目記事をビジュアル的デザインにカスタマイズする - はてなブログカスタマイズ, はてなブログのカスタマイズ。ヘッダーメニューを追加しました。今まで行ってきた全てのカスタマイズも解説します。. h1~h6まで対応しており、#の数で階層を表します。, 装飾には意外と間違ってタグを使われている方が多いので、こちらで見直してみて下さい。はてなブログではSEOに関係無く単なる装飾としてのタグが生成され、Markdown記法ではSEOに重要なタグが生成されます。デザイン的に文字を太くしたいときはタグを使い、論理的にも意味を強調したいときにはタグを使うなど分けて考える必要があります。どちらを使用しても見かけ上の違いはありませんがSEOではを多用しすぎるとペナルティーを受けます。, 使い過ぎるとペナルティを受けてしまう要素があります。単に装飾したいだけであれば使用するのは控えるべきでしょう。, アスタリスクで囲み「重点を強調」します。  ※リストと前の段落との間に空行が必要! はてなブログには編集モードが3つあります。 見たまま はてな記法 MarkdownわたしはMarkdownを使っています。だから、ブログで「このボタンを押して、ここをクリックして・・・」みたいな画面操作の説明をするときにはMarkdo  ※ 1行目に項目名(ヘッダ)を、2行目は項目名とデータの区切りを「-」で記入、3行目以降にデータを記入する形式を守ること! 箇条書きに続いてMarkdown記法での表の作成方法を先日ようやく覚えた。こちらも忘れずにメモメモ。, 基本は下のようにパイプ記号「|」で区切って中に文字を入れる。2行目に-を入れると1行目が項目名(ヘッダ)になる。, 列ごとに右寄せなどの指定をしたい場合は2行目の-の横に:を入れる。両端に入れると中央寄せ、右端に入れると右寄せになる。, 例えば上の表みたいに一部だけセルを結合した表を作成したい場合、Markdown記法では残念ながら作成できないのでHTMLで記述する必要がある。, HTMLでの表の書き方を載せたサイトを見ながら手打ちしてもいいが、Excelがある人はそこで表を作成して、以下のサイトにExcel上で作成した表を貼り付けてHTMLコードを出力するのが一番早い。, ExcelがなくてもExcel OnlineやGoogleスプレッドシートで代用可能(一部機能は制限されるが)。, ちなみにMarkdown記法ではHTMLの記述も併用できるので記事の記法を変える必要はない。, 使用するテンプレートにもよると思うが、基本デフォルト状態での表のデザインはシンプルなのでともかく地味。, これはテンプレートでinnocentを使用したときのデフォルトの表。項目(ヘッダ)の背景ぐらいは強調してやってほしいが…。, 1行目のセルに色を付けたり、セル内の文字を太字にしたり、スクロールをつけたい場合はデザインCSSに記述する必要がある(セルの色付けに関しては上で紹介したHTMLに変換する方法でも可)。, WordPressと違ってはてなブログの表の作成はなかなかに面倒。Wordpressだと標準機能で簡単に作れるんだけどね…デザインにこだわり始めると行きつく先は一緒ですが。, はてなブログを始めて約4年半、今更ながらMarkdown記法での箇条書きの使い方を覚えたのでメモ。基本的な記述、階層化、改行を入れる、箇条書きの前後に2行以上の間を入れるほか、デザインのカスタマイズの参考になりそうなサイトも記載。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, 就活失敗後、バイトをしながらクリエイティブなことで食っていきたいと思いながらグダグダと頑張ってる人。2019年11月からWordpressを利用してます(それまでははてなブログ)。, 2020年1月のブログの月間PV数が3000を超えてビギナーから脱ビギナーになりました。月間1000pv達成の時と同じくそれまでにやったことを含め報告しておきます。今回はURLを変更した旧記事が戻ってきたおかげ。, アドセンス申請の際に出たリーチできませんというエラーを解消すべくお名前.comでURL転送設定をしようとしたがここでつまずいた。有料化および内容変更があったため以前の設定方法が通用しないので2019年10月時点でのURL転送設定の仕方をメモしておく, 9月8日でブログで稼ごうと行動して1年が経った。節目として結果と反省とか書いておく。, 2019年11月の月間PV数が1,250ちょっとと1,000を超えました。多くの先人さんを見習って月間1,000PV達成した感想とそれまでにやったことを記事として書いておきます。局所で2回PVが入ったおかげ。, 先日はてなブログProに移行した。ブログ主はクレジットカードを持っていないのでちょコムではてなポイントを購入してはてなブログProの料金を支払う方法を選択した。その時のはてなポイント購入からはてなブログProへ移行した一連の流れをメモしておく.