はてなブログで記事の有料販売が可能に！ 新機能「記事の有料販売」をリリースしました - 週刊はてなブログ
記事有料販売リリース記念特設サイトも公開しました！ いつもはてなブログをご利用いただきありがとうございます。はてなブログ プロデューサーの永田です。とうとうこのお知らせをできる時が来ました！ はてなブログで、記事の有料販売ができるようになりました！ このたび、codoc株式会社が提供するコンテンツ販売サービス「codoc（コードク）」との連携により、はてなブログで、ブログ記事の有料販売ができるようになりました！ 本日2023年6月28日（水）より、「はてなブログ」のユーザーは、「はてなブログ」のアカウントと「codoc」のアカウントを連携させることで、「はてなブログ」の管理画面から、記事の単体販売と買切・月額・年額のサブスクリプション（定期購読）メニューの販売が可能になります。 このお知らせでは、codoc活用方法や、開発の背景などをお伝えします。 はてなブログで、記事の有料販売ができるよ
技術者向けTips: はてなブログでMermaid記法を利用する方法 - はてなブログ開発ブログ
いつもはてなブログをご利用いただきありがとうございます。 さて、はてなブログには、 はてなブログは、Mermaid記法に対応する予定はないでしょうか？ というご質問をいただくことがあります。はてなブログはJavaScriptやCSSなどをご自身で記載し、自由にカスタムできるプラットフォームです。Mermaidの対応も、少し設定を加えることでご自身のブログに導入することが可能です。 本記事では、はてなブログへの導入方法を紹介させていただきます。 Mermaidとは Mermaidとは、テキストでダイアグラムやチャートを記述する仕様のことです。また、その記述方法がMermaid記法と呼ばれています。 例えば、以下の記述が、 graph LR; 書く-- 読みたくなる -->読む; 読む-- 書きたくなる -->書く; 読む-- 共感する -->はてなスター; はてなスター-- モチベート --
document.write()を使わない方法 - Qiita
「document.write()は使わない方がいい」は、言われ続けて久しいと思いますが、じゃあどうすればいいか考えてみました。 document.write() は使わない方がいい理由 MDN document.write()説明ページにはどんなことが書かれているかというと、 deferred または asynchronous のスクリプト内では無視 →非同期の使い勝手が悪いですね Chrome55からキャッシュされていないHTTP の場合、document.write()を通じて挿入された<script>要素は実行されない →そもそも期待通りに処理が動かない可能性がある など動作が特殊で、期待通り動かないことがあるということ強調されています。 さらにW3Cはdocument.writeのHTML5での使用を非推奨としていて、 HTMLパーサーに影響を与えるよーとか、実行しても無視される
更新フィード - はてなブログ ヘルプ
はてなブログでは、自動ですべてのブログについてAtomフォーマットおよびRSS 2.0フォーマットによる更新フィードを取得しており、「ブログ全体」、「カテゴリーごと」、「著者ごと」に最新30件の記事を配信しています。 フォーマット フィードの種類 URL Atom ブログ全体 https://ブログのドメイン/feed カテゴリーごと https://ブログのドメイン/feed/category/カテゴリ名 著者ごと https://ブログのドメイン/feed/author/はてなID RSS 2.0 ブログ全体 https://ブログのドメイン/rss カテゴリーごと https://ブログのドメイン/rss/category/カテゴリ名 著者ごと https://ブログのドメイン/rss/author/はてなID これらの更新フィードでは、アクセシビリティの観点から記事の全文を掲載して
はてなブログのidとかclassとか - kyabana's blog
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
HTML構造 - tikeda's blog
※このHTML構造は結構古いので、私のエントリーではなくてスタッフであるid:kyabanaさんのエントリーの方を見てください！ 現時点でのHTML構造の概要メモ。CSSいじる用にどうぞ。 <body class=""> <div id="globalheader-container"></div> <div id="container"> <div id="container-inner"> <header id="blog-title"> <div id="blog-title-inner"> <h1 id="title">ブログタイトル</h1> <h2 id="blog-description">ブログ説明</h2> </div> </header> </div> <div id="content"> <div id="wrapper"> <div id="main"> <div
過去に投稿された記事で、一部の「絵文字」が文字化けする不具合がありました - はてなブログ開発ブログ
はてなブログにこれまで投稿された一部の記事中の「絵文字」が?（クエスチョンマーク）になってしまう不具合が、2017年6月7日（水）にありました。はてなで調査を行い*1、影響があった記事のうちほとんどを、7月6日（木）までにバックアップより復旧しました。 しかし、文字化け後にユーザーご自身で記事を編集されているなど、バックアップの状態に戻せなかった記事が300件ほどありました。復旧できなかったユーザー様には、ご登録のメールアドレスに、対象となる記事のURLをお送りしています。お心当たりの方は、はてなからのメールをご確認ください。受信された方はメールに沿ってご対応ください。 不具合の原因は、データベース作業時に文字コードに関連する指定が十分でなかったことによるものです。ご利用の皆さまにはご迷惑をおかけして申し訳ありません。今後、再発防止に努めてまいります。また、お問い合わせ等でご報告いただいた
記事下に「関連記事」を表示します - はてなブログ開発ブログ
はてなブログでは、記事ページ（個別記事のパーマネントリンク表示）の本文下（ソーシャルパーツを表示していればその下）に、関連記事を表示するようにしました。そのブログに投稿された記事から、表示中の内容に関連するとみられるものを最大5件まで、一覧形式で表示します。 これにより、ある記事に興味のある読者が同じ傾向の記事を次々と読み進んでくれることが期待できます。関連記事は、PC（レスポンシブデザインを含む）とスマートフォンのどちらにも表示します。どうぞご利用ください。 ※本機能はリリース日（2017年6月13日）以降、これから更新される記事で有効です。なお、導入の関係で過去5日程度の記事についても表示されていることがあります。 関連記事を表示しない 記事下の関連記事は、すべてのはてなブログでデフォルトで表示する設定になっています。 デザイン上などの理由で表示したくないときには、デザイン設定画面（P
ブログのaboutページを自由に編集できるようにしました（ページタイトルについて追記あり） - はてなブログ開発ブログ
はてなブログでは、ブログに関する情報を表示するaboutページを自由に編集できるようにしました。 これまではブログを作るときに登録した情報が自動的に表示されていましたが、今回の機能追加により自分で自由に設定することができます。また、編集できる項目が増え、これまで以上に表現の幅が広がりました。自己紹介やポートフォリオの場として、どうぞご利用ください。 新しくなったaboutページ 新しいaboutページは、PC・スマートフォン・iOSアプリで設定・閲覧できます。 aboutページの編集画面へのアクセス方法 ダッシュボードの「設定」画面にある「基本設定」ページから行えます。「aboutページ」の項目にある「aboutページ編集」のリンクをクリックすると、aboutページ編集画面が開きます。 基本設定画面にある「aboutページ編集」をクリック aboutページ編集画面が開く aboutページ編
独自ドメインを利用したブログを他のサービスからはてなブログへ移転する際に、記事のURLを引き継げるようにしました（はてなブログPro） - はてなブログ開発ブログ
はてなブログでは、記事を配信するディレクトリをカスタマイズできる機能を、有料プラン「はてなブログPro」ユーザー向けにリリースしました。はてなブログの記事URL（例えばexample.hatenablog.com/entry/2016/09/01/000000）のうち、ドメイン名に続くentryの部分を変更できます。 これにより、独自ドメインを利用したブログを他のサービスからはてなブログに移転する際に、元の記事URLを引き継ぐことができるようになりました。それまでのソーシャルシェアやWeb検索、はてなブックマークなどのリンクを維持したまま、はてなブログを利用できます。 ※当機能は、独自ドメインのブログを新規にはてなブログへ移転することを想定したものです。また、移転元のURLの形式等によっては、引き継げないこともあります。以下の説明や注意点をお読みのうえでご利用ください。 はてなブログでは、
「はてなブログ」の過去記事の文字列を「HatenaBlogTools」で一括置換する - やじり鳥
2016 - 08 - 16 「はてなブログ」の過去記事の文字列を「HatenaBlogTools」で一括置換する はてな 最近、「はてなブログ」の過去記事について、文字列の一括置換を行った。 そこら辺について。 「HatenaBlogTools」(Windows用)での文字列置換 かなり重大な制限事項 「独自ドメイン」移行時にどうすうか 以下、詳細。 「HatenaBlogTools」(Windows用)での文字列置換 総武ソフトウェア推進所さんが配布しているフリーソフト「HatenaBlogTools」(Windows用)で、「はてなブログ」の過去記事の文字列置換を行った。 はてなブログ用ツール - Works/Tools - 総武ソフトウェア推進所 このツールはWindowsのコマンドブロンプトで使うので、そこら辺に抵抗がなければ使えるかと思います。 コマンド自体は、さほ
【追記】ブログの話とアイドルの話【タイトル忘】 - いろんなもの、はきだすところ
ひーや！ なんかわからないけど、毎週バズリズムをみている気がする。 バズリズムのコーナで好きなのが、マギーちゃんが一曲選ぶやつ（コーナー名失念・・・）。 結構アイドルの曲とかも多くて、こんなこいるんだ！っていうのを知るとっても良いきっかけになって、地味にすきな番組の一つ。 知らないものを知れるという感覚を得続けるのは、とても楽しい。 今日はなんでこんな時間まで起きているのかというと。 先日見かけたこの記事について、早く対策をせねば！ということを思いつつ、ずっと実行に移せなかったので、せっかくならやってしまおうという。 dieki03.hateblo.jp まじか。 まじか。 まじか。 きづかなかった・・・。 さすがに記事の全てにこれをすることができないので、記事を絞って対応してみた。 これからはこまめにパソコンからマークアップで修正しなければ。 でもどうなんですかね。 どうやら結構昔からこ
デザインテーマ制作の手引き - はてなブログ ヘルプ
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
記事中の見出しから目次を自動的に作成する「目次記法」を追加しました - はてなブログ開発ブログ
はてなブログでは、記事の見出しから目次を自動的に作成する「目次記法」を利用できるようにしました。レビューや論評、技術ブログなど章立てされた長い記事を書いたとき、記事中の見出しにリンクされた目次を、記事の冒頭に簡単に挿入することができます。どうぞご利用ください。 目次記法の使い方 記事に見出しを追加するには 見たままモードで見出しを追加する はてな記法モードで見出しを追加する Markdownモードで見出しを追加する ※この記事の目次も目次記法で作成しています。 ※【追記】目次記法を入力補助ツールバーから入力できるようにしました。詳細は以下の告知などをご参照ください。 http://staff.hatenablog.com/entry/2017/01/19/182000 目次記法の使い方 ※目次記法はどの編集モードでも利用できます。 目次を挿入したい行に、次のように[:contents]と記
はてなブログでDropboxを使った外部JSファイル読込、AdSense設置が捗るよ - Kumi Log（はてなブログ別館）
こんにちは、くみです。 今日、『Dropboxに外部JSファイルを置いて、はてなブログに外部JSファイルを読み込みHTMLに書き込む』事に成功したので、忘れないうちにメモしておきます。 やったぜ。 これで記事中のAdsenseのソースの一括メンテナンスができるようになります！ 目次 何ができるの？ はてなブログでAdSenseコードの外部JSファイル読み込み 手順 1. AdSenseコードの取得 2. 外部JSファイルを作り、そこにAdSenseを記載 3. 外部JSファイルをDropboxにアップ 4. はてなブログのHTML編集画面でJSを埋め込む 思いついた経緯 なんかまずいことがあったら教えてください 追記 関連記事 はてなブログカスタマイズ関連記事 テック関連記事 何ができるの？ 私は外部JSファイルにAdSenseのコードを入れて一括管理に使おうかと。 以前、AdSenseを
はてなで文章書いてるとやたらに行間が広く空いてしまう問題の対処法｜今日はヒトデ祭りだぞ！
これね、はてな始めた当初から結構困ってて、ブロガーあるあるやろなぁとか思っていたらね、どうやら悩んでるの僕だけ見たい いつもブログ書いてると、何でー？ つって。1行しか行間開けてないのに2行分くらい空いてるー。何で―？ つって。むしろ行間なしなのに何故か隙間空いてる何でー？ つって
他のブログの文章を簡単に「引用」できる機能を追加しました - はてなブログ開発ブログ
はてなブログでは、他のはてなブログの内容に言及した記事を執筆する際に、文章を正しいフォーマットで簡単に引用できるようにしました。これはPC版の機能として、次の2つで実現しています。 はてなブログを閲覧中に、マウスで選択した文章をストックできる「引用ボタン」を表示します 記事編集画面で編集サイドバーに「引用貼り付け」タブを追加し、ストックした引用を貼り付けることができます 貼り付けられた文章は、引用と出典を表すフォーマットで記述されるため、どこからどこまでが引用で自分の意見がどこに書かれているかがわかりやすく、引用元も明確になります。どうぞご利用ください。 はてなブログのエントリーを引用したいときに 引用ストック＆貼り付け機能を利用すると、写し間違いなどの心配なく、元の文章をそのまま引用できます。 はてなブログをPCで閲覧中に、記事本文の気になる文章をマウスで選択すると、既存の引用スターボタ
指定タグを付けたページにAdsense広告が表示しないスクリプトを書いてみた - ゆとりずむ
こんにちは、らくからちゃです。 何やらGoogle Adsense広告を利用している人の中から、Adsense広告の停止措置を受けた人が続出しているようです。わたしが普段確認しているページだけでも グーグルアドセンス停止とマイルドなネズミ講 寿命が縮む！グーグルアドセンス配信停止を喰らいぼくが感じたこと。 グーグルアドセンスを停止された！ ユーザーに報酬を提供して誘導するコンテンツって何さ！ わーお。なんだかはてなブロガーの見本市が出来そうだ。はてなブログのトピックスにも入ったようですね。 さてGoogleAdsenseでは、規約によって『こんなページに広告載せちゃダメよ〜』ということがルールとして決まっています。今回は、Google Analyticsのスクリーンショットをアップロードしたことが原因？という説があるようですが、そんな規約あったかなあと思い読みなおしてみると、『この部分が該
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
レスポンシブルーのアーカイブページで日付の表示が変になる！対策は？【はてなブログのテーマ】 - lowlowlow！