はてなブログでは、ヘッダメニューのリニューアルを進めておりました。 staff.hatenablog.com はてなブログトップページ、はてなブログ管理画面においては既に新しいヘッダメニューをリリースさせて頂きましたが、 本日ブログ表示画面にも反映させるリリースを行いました。 一時的にテキストリンクとして記事末尾へ移動していた「読者になる」については追ってブログ上部へ戻す対応をする予定です。

記事のアイキャッチ画像設定において、任意に自動生成シェア画像を選択できるようにしました。 これまでは、本文に画像が含まれていない場合のみ自動生成アイキャッチが設定される仕組みでしたが、今回の変更で本文に画像が存在していても自動生成アイキャッチが選択できるようになりました。 自動生成アイキャッチを設定したい場合、編集サイドバーの「編集オプション > アイキャッチ画像」にて「自動生成シェア画像を設定する」にチェックを入れてくださいX(旧Twitter)の仕様変更に合わせて、タイトルを含んだアイキャッチ画像を設定したい場合や、アイキャッチ画像に適さない小さな画像のみを含んでいる記事などでご活用いただければと思います。 機能補足 記事に画像を含んでいる場合に自動で設定されるアイキャッチ画像は、これまでの仕様と同様に、記事内の1つめの画像となります 編集サイドバーにて自動生成シェア画像を設定した場合

追記 2023年12月20日 本機能を正式リリースしました。詳しくは下記にてご確認ください。 staff.hatenablog.com 以下は、2023年10月25日の告知内容です。 本日「AIタイトルアシスト」機能をクローズドβとして公開しました。 本機能では、AIを用いて、本文の内容からはてなブログで設定できる3つのタイトル「見出し・タイトル要素・SNS向けタイトル」それぞれのタイトルを提案いたします。 はてなブログのタイトル設定の特長として、記事の見出し・検索エンジン向けタイトル(title要素)・ソーシャルメディア向けタイトル(og:title)の3種類、それぞれ別のタイトルを設定できる機能が挙げられます。それぞれのタイトルで適切な内容を設定することは記事が読まれることに大きく影響しますが、適切なタイトルを設定することはなかなか大変な作業になります。 AIタイトルアシスト機能を提供

はてなブログでは、記事ページにその記事の最終更新日を表示させる機能をリリースしました。 読者にとってコンテンツの鮮度は重要な要素のひとつです。この機能を利用し最終更新日を表示することで、過去に作成したコンテンツのアップデート情報を正確に伝えることができます。 この機能の使い方 はてなブログMediaご利用法人ユーザーの方 > ダッシュボード画面左側にあるサイドメニューから「デザイン」 それ以外の方 > ダッシュボード画面左側にあるサイドメニューから「デザイン」 > 「カスタマイズ」 を開き、「最終更新日」の「最後に更新した日付も表示する」をチェックしてください。 注意事項 更新日は2023年8月1日以降に更新した記事のみ表示されます。 投稿日と更新日が同一の場合は更新日の表示はされません。 過去の記事についてはタイトルもしくは本文を編集して更新すると更新日が表示されます。（編集をせずに「更

はてなブログでは、記事内に含まれるキーワードに対して「はてなブログ タグ」のリンクが自動で付与される仕様となっております。 このリンクを付与しない設定は、これまで、はてなブログの有料プラン「はてなブログPro」に限定された機能として提供しておりましたが、このたび、その制限を解除し、無料プランでもリンクを付与しない設定ができるようにしました。 はてなブログタグのリンク付与を停止するには、設定画面の「詳細設定」の「はてなブログ タグのリンク」の項目で「記事本文にはてなブログ タグのリンクを付与しない」にチェックを入れてください。 なお、「記事本文にはてなブログ タグのリンクを付与しない」にチェックを入れても、すでに公開している過去の記事に存在するリンクはそのまま残りますので、ご了承ください。 「はてなブログタグ」のリンク付与は、はてなブログの前身である「はてなダイアリー」とそれに付随する「はて

2022年7月11日（月）11時20分ごろから11時48分ごろまで、はてなブログ全体でアクセス しづらい障害が発生していました。現在は解消済みです。 なお、以下のブログは対象外でした。 独自ドメインをAレコードで設定しているブログ サブディレクトリオプションを利用しているブログBusinessの一部 原因は、サーバー構成に不備があったためです。ご迷惑をおかけし申し訳ございません。再発防止に努めてまいります。

PC版、スマートフォン版のブラウザの購読リストに、あなたへのおすすめの10記事*1を表示する新機能「おとなり日記*2」をリリースしました。購読リストははてなブログに登録、ログインすることで閲覧できます。 興味のある記事を表示する方法 「おとなり日記」に記事が表示されない場合 読みたくない記事を非表示にする方法 さらに詳しい使い方 「おとなり日記」へのフィードバック 関連記事 興味のある記事を表示する方法 「おとなり日記」では 他の記事につけたはてなスター、はてなブックマーク ご自身のブログにつけたはてなブログタグ をもとに、興味のありそうな記事や、同じようなテーマを取り扱っている記事が表示されます。 「おとなり日記」に記事が表示されない場合 おとなり日記」に記事が表示されない場合や、表示される記事が10記事に未満になっている場合は、 他の記事にはてなスター、はてなブックマークをつける ご自

はてなブログでは、日々さまざまな機能修正・改善を行っています。多くのユーザーさまに関係する機能は、この開発ブログにて個別にお知らせしています。その一方で、目に見えづらい改善や、影響する方が少ない機能の修正も進めています。本記事では、2021年12月に実施した機能修正・改善をダイジェストでお届けします。 細かな機能修正・改善 1.シンタックスハイライトに terraform と hcl を追加しました ソースコードを色づけするシンタックスハイライトに terraform と hcl を追加しました。 追加して欲しいファイルタイプのリクエストがございましたら、お問い合わせよりお願いします。 2. 購読リストから記事を開きやすくしました 購読リストにあるブログ記事を開く際に、これまではタイトル部分しかクリックできませんでしたが、本文もクリックできるようにしました。 購読機能について詳しくは下記の

はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebook、はてなブックマークなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトルなどから自動生成する画像（シェア画像）をよりわかりやすくリニューアルしました。 既にシェアされた記事についても、順次新しいデザインに変わっていきます。すぐに新しいシェア画像を反映したい場合は、シェアデバッガーを活用ください。詳しくは、ヘルプ「アイキャッチ画像（記事のサムネイル）」を参照ください。 今回のリニューアルでは、記事タイトルの表示可能文字数を増やしました。 また、タイトルをすべて読まなくても、自分に興味のある記事か読み手が判断できるよう、記事のカテゴリーを強調表示しました。 SNS上でより伝わりやすくなったシェア画像をぜひご活用ください。 シェア画像に表示される内容の変更点 シェア画像に掲載される内容を以下のよ

はてなブログでは、記事編集画面（PC版）内で、記事のアイキャッチ画像を作成・編集できるようにしました。専用ソフトや技術がなくても100種類のテンプレートから選んで編集でき、オリジナリティを出したい方は自分でゼロから作成することもできます。グラフィックデザインプラットフォーム「Canva*1」による「Canvaボタン*2」を使った機能です。 このアイキャッチ画像は「Canva」で作成しました 使い方 記事編集画面（PC版）の編集サイドバーから「アイキャッチ画像を作る」を押してください。 Canvaの編集画面がその場で開きます。まずはCanvaのアカウントを作成し、ログインしてください（GoogleやFacebookアカウントでも登録できます）。 好みのテンプレートを選択して編集するか、ゼロから画像を作成してください。画像の編集が終わったら、右上の「完了」ボタンで保存をすると、自動ではてなフォ

はてなブログでは、PC版の記事編集画面で、記事に任意のタグ（はてなブログ タグ）をつけられるようにしました。 はてなブログ タグ*1は、“言葉”にまつわるネット上の意見や感想に出会える機能です。記事にタグをつけることで、同じ趣味の人や興味のある人に読んでもらいやすくなります。 記事にタグをつけたイメージ タグの追加、編集方法 記事編集画面（PC版）の左下にある「タグをつける」から任意の言葉をタグとしてつけられます。記事の内容に沿った、読者が理解しやすいタグを選ぶことをおすすめします。ガイドラインをお読みいただいた上で、ルールを守ってご利用ください。 「タグをつける」から任意の言葉をつける ※タグは1記事当たり最大10件まで、1つのタグの文字数は32文字まで設定可能です。 タグをつけて #はてなブログで教えて ！ 過去記事でも新規投稿でも参加できるキャンペーン実施中 本機能の公開にあわせ、1

本日、はてなブログは、OSSコミュニティの活動支援を目的とした「はてなブログ OSSコミュニティ支援プログラム」、学校の活動支援を目的とした「はてなブログ 学校支援プログラム」を開始しました。OSSコミュニティ・学校がはてなブログで公式ブログを開設する際に、有料プラン「はてなブログPro」を無料で提供いたします。 「はてなブログPro」では、広告の非表示や独自ドメインの設定、複数人での1つのブログ管理などが可能です。はてなブログは、これまでにNPOの広報活動支援を目的とした「はてなブログ NPO支援プログラム」、図書館の広報活動支援を目的とした「はてなブログ 図書館支援プログラム」を提供しております。今回はOSSコミュニティ、学校向けにそれぞれプログラムを展開します。 いずれも、ご担当者様からのお申し込みをお待ちしています。 はてなブログ OSSコミュニティ支援プログラム 「はてなブログ

はてなブログでは、日々さまざまな機能修正・改善を行っています。多くのユーザーさまに関係する機能は、この開発ブログにて個別にお知らせしています。その一方で、目に見えづらい改善や、影響する方が少ない機能の修正も進めています。本記事では、2020年7月に実施した機能修正・改善をダイジェストでお届けします。 細かな機能修正・改善 1. デザイン設定画面の「記事上下をカスタマイズ」で使える変数に新たな変数を追加しました デザイン設定画面の「カスタマイズ」タブにある「記事」メニューの「記事上下のカスタマイズ」で使えるカスタム変数に新たに{Description}を追加しました。この変数では記事の概要を表示できます。ご活用ください。 2. 記事にツイートを埋め込む際、下部に罫線が発生する現象を修正しました これまで記事にツイートを埋め込む際に下部分に罫線が引かれる問題がありましたが、この修正で解消されま

2020年3月26日（水）〜4月21日（火）16:39ごろまで、一部のisbn/asin記法のリンク先がAmazonの商品ページではなく、https://hatenablog.comにリダイレクトされる不具合がありました。原因はアプリケーションの設定の不備によるもので、現在は解消しています。 影響を受けた記事 はてなダイアリーで、isbn/asin記法（[asin:XXXXXXXXXX]、[asin:XXXXXXXXXX:image]、[asin:XXXXXXXXXX:title]、[ISBN:XXXXXXXXXX]、[ISBN:XXXXXXXXXX:image]、[ISBN:XXXXXXXXXX:title]）を書き、はてなブログ移行（インポート）後、一度もはてなブログで当該記事を更新していない場合 ※ただし、asin:XXXXXXXXXX:detailや ISBN:XXXXXXXXXX

はてなブログでは、日々さまざまな機能修正・改善を行っています。多くのユーザーさまに関係する機能は、この開発ブログにて個別にお知らせしています。その一方で、目に見えづらい改善や、影響する方が少ない機能の修正も進めています。本記事では、2020年3月に実施した細かな機能修正・改善をダイジェストでお届けします。 1. スマートフォンで閲覧した際に、英字の箇条書きが数字に置き換わる問題を修正しました ol type="a"を用いた箇条書きをスマートフォンで閲覧すると、数字の箇条書きに置き換わる問題がありましたが、解決しました。 左: 修正前、右: 修正後 2. ブログをカスタマイズする際、HTML要素にid="global"を含むと一部動作が機能しなくなる問題を修正しました ブログをカスタマイズする際、HTML要素にid="global"を含むと、読者登録ボタン、スター、アクセス解析が機能しなくな

いつもはてなブログをご利用いただきありがとうございます。 ご利用されているブログがHTTPで配信されている（URLが「http://」から始まる）場合、2020年1月23日（木）以降、順次ご利用中のブログのヘッダにてログイン状態が取得できない、コメントが投稿できないなど、一部の機能が動作しなくなります。つきましては、以下の内容をご確認いただき、HTTPS配信への切り替えを行うことを推奨いたします。 ブラウザによっては「http://」部分が表示されず、「保護されていない通信」などの表示が出ます 発生する問題 HTTPで配信されているはてなブログを閲覧した際に、 ヘッダにてログイン情報が取得できない(はてなにログインしているにも関わらず、「ログイン」などが表示される) 読者登録を行っていても、登録状況が反映されない コメント投稿ができない といった問題が発生します。これらの問題は、今後ブラウ

いつもはてなブログをご利用いただきありがとうございます。 はてなブログでは、公式オンライン講座「はてなブログ アカデミー」を公開しました。 hatena.blog はてなブログ アカデミーとは？ はてなブログ アカデミーの画面 はてなブログ アカデミーは、はてなブログ初心者の方や、ブログを使いこなすコツを知りたい方のためのページ集です。ブログをはじめる上で必須の知識から、知っておくと役立つテクニックまで、さまざまな情報をわかりやすく紹介しています。 こんな方におすすめです はてなブログの使い方を気軽に身につけたい おすすめの機能の活用法を知りたい 自分のブログをもっと成長させるヒントやコツを教えてほしい コースは全部で6種類。初めてはてなブログを使う方は最初のコースから順に読んでいくと、ブログを楽しむための知識やスキルを無理なく身につけることができます。もちろん、興味のあるコースから読みは

いつもはてなブログをご利用いただきありがとうございます。 2019年6月に予告しておりました機能「はてなブログ タグ」を本日リリースいたしました。 はてなブログ タグ - 言葉でつながるネットの話題 「はてなブログ タグ」とは？ 「はてなブログ タグ」は、幅広いジャンルの“言葉”の意味や、その“言葉”にまつわるネット上の意見に出会うことができる機能です。現在、以下の3つの軸で機能の開発・改善を進めています。 意味を知る ネットスラングから専門用語まで、多くの言葉の意味を知ることができます。例えば、「溶鉱炉に沈んでいくシーン」などネット上でネタとなったフレーズや、「ノーサイドの精神」のように時事的に話題となっている言葉など、幅広いジャンルをカバーしています。*1 意見や感想を知る タグに関連する「ブロガーの意見」や「ネットで話題の記事」を読むことができます。例えば「ハロー！プロジェクト」で同

はてなブログでは、記事一覧ページおよびトップページの一覧形式で表示しているサムネイル画像について、トリミング仕様を変更しました。サムネイルの表示領域をCSS等でカスタマイズしている場合に、元のアイキャッチ画像の印象により近い状態で表示します。 記事一覧ページのサムネイルはデフォルトで正方形で表示するため、記事アイキャッチ画像が長方形だった場合、内部的に画像両端をトリミングしていました。しかし、下記例のように、サムネイル部分のCSSを長方形に変更して運用されているブログが一定数ある実態を鑑みて、内部的なトリミングを廃止することにいたしました。 例: https://developer.hatenastaff.com/archive 本変更で、以下の記事一覧ページに表示されるサムネイルのbackground-imageを「500x500pxの正方形」から「記事アイキャッチ画像の縦横比を保持した

いつもはてなブログをご利用いただきありがとうございます。 はてなブログで利用できるはてな記法のうち、下記の一部の記法について仕様変更もしくは廃止を行う予定です*1。これらの記法は、今後予告なく仕様を変更いたします。ご利用の際はご注意いただきますようお願い申し上げます。また、対応状況は下記の表に追記してまいります。 変更内容は以下のとおりです。 記法名 改廃 変更内容など 対応状況 asin記法 変更 記法展開結果からはてなキーワードへのリンクを削除します 対応済み question記法 変更 ブログカードが掲載されるように変更します。記法オプションはすべて廃止します 対応済み keyword記法 変更 :detail記法オプションを付けた場合、ブログカードが掲載されるように変更します 対応済み niconico記法 変更 記法展開結果からはてなダイアリーへのリンクを削除します 対応済み h