CINXE.COM
【公式】 はてなブログの使い方 - はてなブログ アカデミー
<!DOCTYPE html> <html lang="ja" data-admin-domain="//blog.hatena.ne.jp" data-admin-origin="https://blog.hatena.ne.jp" data-avail-langs="ja en" data-data-layer="{"hatenablog":{"admin":{},"analytics":{"brand_property_id":"","measurement_id":"","non_sampling_property_id":"","property_id":"","separated_property_id":"UA-29716941-20"},"blog":null,"brand":"","page_id":"academy-index","permalink_entry":null,"pro":"free","router_type":"global"}}" data-device="pc" data-dont-recommend-pro="false" data-global-domain="https://hatena.blog" data-help-url="https://help.hatenablog.com" data-page="academy-index" data-parts-domain="https://hatenablog-parts.com" data-plus-available="" data-pro="false" data-router-type="global" data-sentry-dsn="https://03a33e4781a24cf2885099fed222b56d@sentry.io/1195218" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-static-domain="https://cdn.blog.st-hatena.com" data-version="c85372bc899dec1e795892b094b326" > <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title> 【公式】 はてなブログの使い方 - はてなブログ アカデミー </title> <link rel="shortcut icon" href="https://cdn.blog.st-hatena.com/images/favicon.png?version=c85372bc899dec1e795892b094b326" /> <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/academy.css?version=c85372bc899dec1e795892b094b326"/> <link rel="canonical" href="https://hatena.blog/guide/academy"> <meta itemprop="name" content="はてなブログ アカデミー"/> <meta itemprop="image" content="https://cdn.blog.st-hatena.com/images/guide/academy/og-image.png?version=c85372bc899dec1e795892b094b326"/> <meta property="og:title" content=" はてなブログの使い方 - はてなブログ アカデミー "/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://hatena.blog/guide/academy"/> <meta property="og:image" content="https://cdn.blog.st-hatena.com/images/guide/academy/og-image.png?version=c85372bc899dec1e795892b094b326"/> <meta property="og:description" content="初心者におすすめの、はてなブログの使い方のヒントやコツが学べる公式講座！ ブログの書き方や注意点、便利なポイントをわかりやすく紹介しています。"/> <meta property="og:site_name" content="はてなブログ"/> <meta name="twitter:card" content="summary_large_image"> <script id="embed-gtm-data-layer-loader" data-data-layer-page-specific="" > (function() { function loadDataLayer(elem, attrName) { if (!elem) { return {}; } var json = elem.getAttribute(attrName); if (!json) { return {}; } return JSON.parse(json); } var globalVariables = loadDataLayer( document.documentElement, 'data-data-layer' ); var pageSpecificVariables = loadDataLayer( document.getElementById('embed-gtm-data-layer-loader'), 'data-data-layer-page-specific' ); var variables = [globalVariables, pageSpecificVariables]; if (!window.dataLayer) { window.dataLayer = []; } for (var i = 0; i < variables.length; i++) { window.dataLayer.push(variables[i]); } })(); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P4CXTW');</script> <!-- End Google Tag Manager --> <script src="https://r.moshimo.com/af/r/maftag.js"></script> <script> mafcross(['hatenablog.com','blog.hatena.ne.jp','hatena.blog']) </script> </head> <body class="page-academy page-academy-index"> <nav class="guide-globalNav"> <div class="guide-globalNav-inner"> <h1 class="guide-globalNav-logo"> <a href="https://hatena.blog/"> <img src="https://cdn.blog.st-hatena.com/images/common/logo-hatenablog.svg?version=c85372bc899dec1e795892b094b326" alt="はてなブログ" class="guide-globalNav-logo-img" width="180" height="32"> </a> </h1> <ul class="guide-globalNav-nav"> <li class="guide-globalNav-nav-li "> <a href="https://hatena.blog/guide" data-track-name="guide-globalnav-guide" data-track-once>個人の方</a> </li> <li class="guide-globalNav-nav-li "> <a href="https://hatena.blog/guide/corporation" data-track-name="guide-globalnav-corporation" data-track-once>法人の方</a> </li> <li class="guide-globalNav-nav-li "> <a href="https://hatena.blog/guide/compare" data-track-name="guide-globalnav-compare" data-track-once>プランを比較</a> </li> <li class="guide-globalNav-nav-li is-selected"> <a href="https://hatena.blog/guide/academy" data-track-name="guide-globalnav-academy" data-track-once>使い方講座</a> </li> <li class="guide-globalNav-nav-li "> <a href="https://hatena.blog/guide/app" data-track-name="guide-globalnav-app" data-track-once>アプリ</a> </li> </ul> </div> </nav> <nav class="header"> <div class="header-inner"> <h1> <a href="https://hatena.blog/guide/academy"> はてなブログ アカデミー </a> </h1> <p>ブログの使い方を学ぼう</p> </div> </nav> <header class="hero"> <div class="hero-bg-front"> <div class="hero-inner"> <h1>ブログの使い方を学ぼう</h1> <p> はてなブログを使いこなすヒントやコツが学べる公式講座！<br> 初心者の方にも、はてなブログを既にお持ちの方にも、<br class="br-onlyPc"> ブログの書き方や注意点、便利なポイントをわかりやすく紹介しています。 </p> <div class="hero-cta"> <a href="https://hatena.blog/guide/academy/course/welcome" class="btn btn-wh btn-lg">最初から読む</a> </div> </div> </div> </header> <section class="section-course-nav-index"> <header class="section-header"> <h2>コースごとに読む</h2> <p>はじめての方は上から順に読むのがおすすめです。</p> </header> <div class="course-nav-index"> <nav class="course-nav"> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/welcome" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_welcome.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 1</span> <div class="course-nav-title"><span>はてなブログへようこそ</span></span></div> <p><span>ブロガーとしての一歩を踏み出すあなたへ。はてなブログの入口までご案内します。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/post" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_post.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 2</span> <div class="course-nav-title"><span>記事を書こう</span></div> <p><span>ブログの一番の楽しさは記事を書くこと。どんどん書いてあなたの執筆スタイルを見つけましょう。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/brand" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_brand.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 3</span> <div class="course-nav-title"><span>自分のブランドをつくろう</span></div> <p><span>ブログはセルフブランディングに効果的。認知度を高めて、読み手にあなたのブログを印象づける方法を学びましょう。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/fans" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_fans.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 4</span> <div class="course-nav-title"><span>ファンを増やそう</span></div> <p><span>もっと読まれたいと思うあなたへ、努力と知恵でファンを増やすヒントを紹介します。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/manners" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_manners.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 5</span> <div class="course-nav-title"><span>NGブログにならないために<br>〜マナーを守ろう〜</span></div> <p><span>インターネットもはてなブログも公共の場です。マナーを守って安全に利用する方法を学びましょう。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> <div class=" course-nav-item " > <a href="https://hatena.blog/guide/academy/course/motivation" style="background-image:url('https://cdn.blog.st-hatena.com/images/guide/academy/course_motivation.png?version=c85372bc899dec1e795892b094b326');" > <span class="course-nav-number">Course 6</span> <div class="course-nav-title"><span>ブログを使い続けよう</span></div> <p><span>継続して書き続けることは案外難しいもの。ブログと長く付き合う方法を知っておきましょう。</span></p> <span class="course-nav-cta"><i>このコースを読む</i></span> </a> </div> </nav> </div> </section> <section class="section-course-nav-index"> <header class="section-header"> <h2>コラム</h2> <p>はてなブログのポリシーを綴ったコラムです。コースとあわせて読むと、より理解が深まります。</p> </header> <div class="docs-nav-index"> <nav class="docs-nav"> <div class=" docs-nav-item " > <a href="https://hatena.blog/guide/academy/docs/what_is_blogging"> <div class="docs-nav-title">ブログって、何を書くの？</div> <p>何を書けばいいかよくわからない……という方へ</p> </a> </div> <div class=" docs-nav-item " > <a href="https://hatena.blog/guide/academy/docs/why_blog"> <div class="docs-nav-title">どうしてブログなの？</div> <p>わたし達がブログサービスをつくる理由</p> </a> </div> <div class=" docs-nav-item " > <a href="https://hatena.blog/guide/academy/docs/recommended_topics"> <div class="docs-nav-title">あなたに書いてほしいこと</div> <p>あなたの魅力をもっと伝える方法</p> </a> </div> </nav> </div> </section> <footer class="footer"> <div class="footer-inner"> <div class="footer-row"> <div class="footer-logo"> <a href="https://hatena.blog"> <img src="https://cdn.blog.st-hatena.com/images/guide/academy/footer_logo.svg?version=c85372bc899dec1e795892b094b326" alt="はてなブログ" /> </a> </div> <div class="footer-content"> © Hatena 2001-2025<br/> 書き残そう、あなたの人生の物語 </div> </div> </div> </footer> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?v=1.12.4&version=c85372bc899dec1e795892b094b326"></script> <script src="https://cdn.blog.st-hatena.com/js/texts-ja.js?version=c85372bc899dec1e795892b094b326"></script> <script id="vendors-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/vendors.js?version=c85372bc899dec1e795892b094b326" crossorigin="anonymous"></script> <script id="hatenablog-js" data-env="production" src="https://cdn.blog.st-hatena.com/js/hatenablog.js?version=c85372bc899dec1e795892b094b326" crossorigin="anonymous" data-page-id="guide-academy"></script> <script>Hatena.Diary.GlobalHeader.init()</script> </body> </html>