複数の写真を横一列に並べて貼り付けられるようにしました - はてなブログ開発ブログ
はてなブログでは、記事編集画面（PC版）の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を横一列に並べて貼り付けられるようにしました。これにより、簡単な手順で複数の写真をタイル状に並べることができます。どうぞご利用ください。 これまで「写真を投稿」タブから写真を貼り付ける際は、縦一列に並べることしかできませんでした。今回の新機能では、複数の写真を横一列に並べて、ギャラリーのように見せることができます。 複数の写真を横一列・タイル状に並べるには 複数の写真を横一列に並べたいときは、写真の一覧の下にある項目「記事での並べ方」で「横並び」を選んだ後に、「選択した写真を貼り付け」をクリックします。貼り付ける写真は、何枚選んでも横一列に並んで表示されます。写真のサイズは、記事編集画面に収まるよう自動的に調整されます。 写真を貼り付けた後は次の行にカーソルが移動するので、さ
固定ページを作成できるようにしました（はてなブログPro） - はてなブログ開発ブログ
はてなブログでは、有料プラン「はてなブログPro」利用者向けに、独立した固定ページを作成できる機能を追加しました。投稿した順に時系列で扱われる通常の記事とは別に、ある固定のURLのみで表示される特別なページを作成できます。 「お問い合わせ」や「自己紹介」「注意事項」「リンク集」といった静的なコンテンツを用意したいときに便利です。どうぞご利用ください。 固定ページの作成 固定ページは、ブログのダッシュボードに新しく追加した「固定ページ」メニューから「ページの管理」画面を開いて、作成・管理できます。 ページを作成するには、まずその「URL」を指定します。URLは、はてなブログの通常の記事のカスタムURLと同じように指定できますが、記事の配信ディレクトリー（デフォルトではentry）を含まないパスを自由に作成できます。 ※はてなブログのシステムで使用しているaboutやarchiveといったパス
はてなダイアリーの新規開設受付停止、はてなカウンターのサービス終了に伴い、はてなブログProのメニューを変更します（7/3 変更済みの追記あり） - はてなブログ開発ブログ
※【7月3日】はてなブログProのメニューを変更しました。はてなカウンターの「全期間の日にち別アクセス数」ダウンロードとあわせて詳細を記事末に追記しましたのでご参照ください。 平素は、はてなブログをご利用いただきありがとうございます。 はてなでは、はてなダイアリーの新規開設の受付終了と、はてなカウンターのサービス終了をこの夏に予定しています。これに伴い、はてなブログの有料プラン「はてなブログPro」のメニューを見直し、現在はオプションに含まれている「はてなダイアリープラス」および「はてなカウンター」を、2017年7月3日（月）をもってメニューから外します。 それぞれの終了の詳細は、各サービス日記の告知をご確認ください。 はてなダイアリーの新規開設受付を2017年7月3日をもって終了します - はてなダイアリー日記 2017-06-05 これにより、はてなカウンターを用いたアクセスの計測など
記事編集画面の編集タブで「HTML」モードを選択できるようにしました（はてなブログPro） - はてなブログ開発ブログ
はてなブログでは、記事編集画面の左上にある「編集」タブ（PC版）で選択できる編集モードとして、新しく「HTML」モードを追加しました。編集画面に入力されたテキストすべてを、そのままHTMLとして解釈し、表示します。有料プラン「はてなブログPro」ユーザーが利用できます。 これまでも「見たまま」モードの「HTML編集」タブでは、記事をHTMLとして編集することができました。しかし、「見たまま編集」タブでの操作などにより、さまざまなHTMLタグが自動で挿入・置換され、必ずしも執筆者が意図する通りのHTMLで表示されないことがありました。 「HTML」モードでは、 GUI（WYSIWYG）エディタも、はてな記法やMarkdownといった簡易記法もなく、記述したHTMLをインデント等も含めてそのまま保存し、そのままレンダリングして表示します。 いちからHTMLで執筆した記事がすでにある場合や、HT
カテゴリー別記事一覧で、ページのタイトルや説明文をカスタマイズできるようにしました（はてなブログPro）（追記あり） - はてなブログ開発ブログ
はてなブログでは、カテゴリー別記事一覧（PC版*1）において、ページのタイトルや説明文を自由にカスタマイズできる機能を、有料プラン「はてなブログPro」利用者向けにリリースしました。特定のカテゴリーを目立たせたり、おすすめ記事を冒頭に表示したりといったリッチな表現が、カテゴリー別記事一覧ページで可能になります。どうぞご利用ください。 カテゴリー別記事一覧ページは、URLのパス部分が/arvhive/categoryにカテゴリー名が続く以下のような形をしており、記事のタイトル下などに並ぶカテゴリー名をクリックしたときに表示されます。 カテゴリー別記事一覧の例：http://staff.hatenablog.com/archive/category/新機能 カテゴリー別記事一覧のタイトルと説明文をカスタマイズするには ダッシュボードのカテゴリー画面を開くと、そのブログで使用しているカテゴリー名
AMPに適用するCSSを設定できるようにしました - はてなブログ開発ブログ
はてなブログでは、AMP（Accelerated Mobile Pages）用のCSSを設定できるようにしました。AMPで記事が配信される際のデザインをカスタマイズできます。 ※はてなブログのAMP配信は、有料プラン「はてなブログPro」に加入しているユーザー向けのベータ版機能です。詳細は関連ヘルプなどをご参照ください。 記事をAMPで配信しているブログの「デザイン設定」画面では、「スマートフォン」タブの「詳細設定」に「AMP用CSS」欄が表示されます。ここにCSSを直接記述してください。 AMPでの表示は、記事編集画面（PC版）の「プレビュー」タブで、「スマートフォン（AMP）」を選択して確認できます。詳細は下記の関連ヘルプやプレビュー機能のリリース告知をご確認ください。 ※AMPのCSSにはいくつかの制限があります。本機能はAMPおよびCSSの知識を持っている方を対象しており、デザイン
サイドバーの記事一覧モジュールで、変数を用いた高度なカスタマイズをできるようにしました - はてなブログ開発ブログ
はてなブログでは、サイドバーに追加できる「最新記事」「関連記事」「注目記事」の各記事一覧モジュールにおいて、変数を用いた高度なカスタマイズをできるようにしました。タイトルや投稿日時などの表示順を変更したり、任意のHTMLを記述したりできます。 ※高度なカスタマイズは、HTMLやCSSの知識を持っており、デフォルトの記事一覧のスタイルがわかる方を対象としています。はてなブログでは、デザインやレイアウトのカスタマイズに関してサポート対象としておりませんのでご了承ください。 記事一覧モジュールで高度なカスタマイズを利用するには デザイン設定画面の「カスタマイズ」ページで、「サイドバー」の項目から「最新記事」「関連記事」「注目記事」の各モジュールの設定ウィンドウを開き、「高度なカスタマイズを使う」のチェックボックスをチェックします。 それぞれのモジュール編集画面で「高度なカスタマイズ」にチェックを
はてなフォトライフの画像を貼り付けるときに、フォトライフ記法でaltとtitleを指定できるようにしました（はてな記法モード、Markdownモード） - はてなブログ開発ブログ
はてなブログでは、はてなフォトライフに投稿した画像を表示するはてな記法（fotolife記法）を拡張し、画像（img要素）のtitle属性とalt属性を指定できるようにしました。 編集サイドバーの「写真を投稿」などを使ってはてなフォトライフにアップロードした画像を、はてな記法モードもしくはMarkdownモードで記事編集画面に貼り付ける際に、よりアクセシビリティを考慮したマークアップを実現することができます。どうぞご利用ください。 ＊見たままモードでは、はてな記法ではなくHTMLでそのまま貼り付けるため、HTML編集タブから書き換えることができます。 フォトライフ記法と、titleおよびaltを指定する方法について はてな記法モードおよびMarkdownモードでは、編集サイドバーから「写真を投稿」したときに、次のようなfotolife記法で画像が貼り付けられます。 [f:id:hatena
ブログアイコン（favicon）を高精細ディスプレイに対応するなど、見やすく表示されるようにしました - はてなブログ開発ブログ
はてなブログでは、ブログを閲覧しているときにWebブラウザのタブなどに表示されるブログアイコン（favicon）を見やすくしました。より大きな画像を配置することで、高精細ディスプレイ（AppleのRetinaなど）でも明瞭に表示されるようになりました。 また、設定された画像が正方形でないときには、画像の中央を内接する最大の正方形にトリミングして配置するようにしました。 いままでのブログアイコン 新しいブログアイコン ブログアイコンを設定するには Webページのダッシュボード（PC、スマートフォンともに）では、設定画面の基本設定ページからブログアイコンを設定できます。 ダッシュボードの設定画面でブログアイコンを設定できる iPhone・iPadアプリでは、歯車アイコンで「設定」を開き「基本設定」をタップしてください。 ブログアイコンのサイズなど 新しいブログアイコン（favicon）は、最大
カレンダー形式で公開記事を確認できるダッシュボードの機能「こよみモード」を公開しました - はてなブログ開発ブログ
はてなブログは11月7日（月）、これまで公開した記事をカレンダー形式で一覧できる「こよみモード」を公開しました。自分のブログの更新状況を確認したり、過去の投稿記事を振り返ったりできます。どうぞご利用ください。 こよみモードの見た目 こよみモードは、PCからご利用できます。ブログのダッシュボード（http://blog.hatena.ne.jp/）を開き、「ブログの概要」でタブ「こよみモード」をクリックしてください。公開範囲はブログの所有者およびブログメンバーです。他ユーザーのこよみモードを見ることはできません。 カレンダーから記事が投稿できる 記事を投稿した日のカレンダー上に、記事タイトルが表示されます。空欄の日付をクリックすると記事編集画面が開き、いつものように記事を投稿することができます。なお、過去や未来の日付の場合、クリックした日付が記事の投稿日となります。 ※未来の日付で投稿した場
ブログのaboutページを自由に編集できるようにしました（ページタイトルについて追記あり） - はてなブログ開発ブログ
はてなブログでは、ブログに関する情報を表示するaboutページを自由に編集できるようにしました。 これまではブログを作るときに登録した情報が自動的に表示されていましたが、今回の機能追加により自分で自由に設定することができます。また、編集できる項目が増え、これまで以上に表現の幅が広がりました。自己紹介やポートフォリオの場として、どうぞご利用ください。 新しくなったaboutページ 新しいaboutページは、PC・スマートフォン・iOSアプリで設定・閲覧できます。 aboutページの編集画面へのアクセス方法 ダッシュボードの「設定」画面にある「基本設定」ページから行えます。「aboutページ」の項目にある「aboutページ編集」のリンクをクリックすると、aboutページ編集画面が開きます。 基本設定画面にある「aboutページ編集」をクリック aboutページ編集画面が開く aboutページ編
他のサービスからはてなブログに移転する際に、画像データも一緒に引っ越しできるようにしました。これまでのインポートにも有効です - はてなブログ開発ブログ
はてなブログでは、ブログデータをインポートする際に、記事中の画像データをあわせて移行できる機能をリリースしました。移行した画像データは、はてなブログが利用しているウェブアルバム「はてなフォトライフ」の専用フォルダに保存されます。 他のサービスなどからブログを移転するときに、文章だけでなく記事に貼った画像も一緒に引っ越すことができます。どうぞご利用ください。 画像データの移行は、ブログの「インポート」画面で、ブログデータをインポートした後に実行できます。これまでにブログデータをインポートしたことがあれば、同様に過去のデータについても移転元のブログから画像を移行することができます（移転元のブログでデータを削除している場合には移行できません）。 ※画像データの移行は「一般のブログ」のインポートにおける機能です。はてなダイアリーからのインポートでは、もともと同じはてなフォトライフを利用しているため
記事のカテゴリーを「パンくずリスト」として表示できるようにしました - はてなブログ開発ブログ
はてなブログでは、カテゴリーをパンくずリストとして記事ページに表示できる機能をリリースしました。パンくずリストを設定することで、読者に対して「今どのページを見ているか」を分かりやすく示すことができます。どうぞご利用ください。 パンくずリストの表示例 パンくずリストは、記事の日付およびタイトルの上に表示されます。記事にカテゴリーを付けている場合は「トップ >（カテゴリ名）>（記事タイトル）」、記事にカテゴリーを付けていない場合は、「トップ >（記事タイトル）」となります。 カテゴリーを複数指定している場合は、過去記事も含めすべて記事の先頭についたカテゴリーがパンくずリストとして表示されます。設定する際はあらかじめご注意ください。 ※パンくずリストは、スマートフォン版では表示されません。 パンくずリストを設定するには パンくずリストの設定画面 設定は、ダッシュボードの「デザイン」から行えます。
ブログ記事をAMPで配信できるオプションを、Proユーザー向けベータ版機能としてリリースしました（追記あり） - はてなブログ開発ブログ
はてなブログでは、記事をAMP（Accelerated Mobile Pages）で配信できるオプションを、有料プラン「はてなブログPro」ユーザー向けベータ版機能としてリリースしました。AMPで配信されたページが、Google検索やはてなブックマークなどAMPに対応したサービス・アプリで読み込まれると、通常のWebページより高速に表示されます。AMPに関する注意点をご理解のうえ、ご利用ください。 AMPで表示された記事ページの例 AMPのメリットと注意点 AMPは、モバイル環境でWebコンテンツの表示を高速化する仕組みです。GoogleなどWeb業界各社の協力により2015年10月にプロジェクトが発足し、世界中から多くのコンテンツ企業やテクノロジー企業が参加しています。はてなもこの4月、国内Webサービス企業初の「Tech Platform」として参加しました。 Google Japan
【修正済み】レスポンシブデザインを、対応した公式テーマで有効にしている場合に、スマートフォンで期待された表示にならない不具合がありました - はてなブログ開発ブログ
2016年5月31日（火）17:01ごろから2016年6月2日（木）10:54ごろにかけて、一部のブログをスマートフォンで閲覧した際に、期待されるレスポンシブな表示にならず、PCでの表示をそのまま縮小したように表示される不具合がありました。原因はデザインテーマを配信するアプリケーションの不具合によるもので、現在は修正済みです。 この不具合は、デザインテーマとしてレスポンシブデザインに対応した公式テーマを使用し、デザイン設定でスマートフォンの「レスポンシブデザイン」を有効にしていた場合に発生していました。レスポンシブデザイン設定を有効にしていない、あるいはレスポンシブに設定していてもオリジナルのデザインCSSやユーザー作成のデザインテーマを使用している場合には問題なく表示されていました。 ご利用の皆さまにはご不便をおかけして申し訳ございません。再発防止に努めてまいります。お問い合わせ等でご報
スマートフォンの記事ページで、前後の記事へのリンク（ページャ）を見やすくしました - はてなブログ開発ブログ
はてなブログでは、スマートフォンの記事ページで、前後の記事へのリンク（ページャ）を見やすくしました。あわせて、ブログトップに誘導する「記事一覧」リンクも追加し、ブログ内のほかの記事に移動しやすくなりました。スマートフォンからブログ記事を閲覧する際は、どうぞご利用ください。 前後の記事へのリンク（ページャ）と「記事一覧」リンク これまでのページャでは前後の記事タイトルを横並びに表示していましたが、縦並びに変更。加えて、記事の日付けを併記した「新しい記事」と「過去の記事」のラベルを付けました。記事内に画像がある場合は、サムネイルも表示します。 ※タイトルが付けられていない記事は、本文の冒頭を表示します。 また、より多くの記事に触れられるよう、コメント欄とページャの位置を入れ替えています。ページャ下には、ブログのトップページを表示する「記事一覧」のリンクを追加しました。 ※Proユーザーがデザイ
ユーザーが出題したお題で記事を書ける「マイお題」機能を追加しました（ガイドラインに関する追記あり） - はてなブログ開発ブログ
はてなブログでは、ユーザーが出題したお題で記事を書ける「マイお題」機能を追加しました。 これまでお題ははてなブログ編集部が出題するお題のみでしたが、この機能によりユーザーが作成したお題で投稿できます。また、お題に答えるだけでなく、他のユーザーに投稿してほしいネタを出題することもできます。どうぞご利用ください。 ※マイお題は、スマートフォンおよびアプリでは現状まだ提供していません。 マイお題一覧ページ マイお題で記事を書くには ユーザーが出題したマイお題は「マイお題一覧」のページで確認することができます。気になるお題のタイトルをクリックすると、そのお題のページに移動します。お題のページにある「このお題で記事を書く」をクリックすると、そのお題をネタに記事を書くことができます。 マイお題を出題するには マイお題の作成画面は、ダッシュボードの左側のメニューにある「お題」から開くことができます。この
iPhone・iPad向け「はてなブログ」アプリで、細かな「ブログの設定」を可能にしました。「購読中のブログ」画面には広告枠を新設します - はてなブログ開発ブログ
はてなブログは5月9日、iPhone・iPad向けアプリ「はてなブログ」のバージョン3.4をリリースしました。 新しい「はてなブログ」アプリのトップ画面 設定できる項目を大幅に追加し、ブログ名やタイトル画像の変更、記事URLのフォーマット指定など、より細かなブログの設定ができるようになりました。あわせて「購読中のブログ」画面のデザインリニューアルや、コメント管理画面の新設、「はてなブックマーク」との連携強化なども行いました。 さらに使いやすくなった「はてなブログ」アプリをどうぞご利用ください。 設定をカスタマイズして、より自分らしいブログに iOSアプリの「設定」画面に「基本設定」「詳細設定」「公開設定」「デザイン」「アカウント設定」の項目を追加しました。 「基本設定」はブログ名やブログアイコンの変更、コメント設定などが、「詳細設定」は記事URLのフォーマット変更、検索エンジン最適化などが
スマートフォンのタイトル画像で、表示領域を画像サイズに合わせることができるようにしました - はてなブログ開発ブログ
はてなブログでは、スマートフォン表示のタイトル画像をカスタマイズする際、アップロードする画像に合わせてヘッダ領域をリサイズできるようにしました。縦横どちらかに長い画像でも、画像全体を表示することができます。 デフォルトのスマートフォン表示では、自分のブログにふさわしいタイトル画像をアップロードし、ブログのヘッダ部分をカスタマイズすることができます。タイトル画像の表示領域はデフォルトで固定サイズのため、ヘッダの領域に合わせてちょうど収まるようにトリミングして表示します（CSSのbackground-size: cover;の動作）。 デフォルトのタイトル画像（スマートフォン表示） 新しく用意した「画像の高さに合わせる」を選択すると、縦に短い画像をアップロードしたときにはヘッダ領域の高さも合わせて短くなり、縦に長い画像ではヘッダ領域も高くなります（アップロードした画像の横幅がヘッダ領域の横幅に
iOSアプリ「はてなブログ」バージョン3.3をリリース。キーボードショートカット、クイックアクションに対応しました - はてなブログ開発ブログ
はてなブログは4月13日、iOSアプリ「はてなブログ」バージョン3.3をリリースしました。外付けキーボードを使った入力がスムーズになる「キーボードショートカット」に対応し、iPadなどからブログが書きやすくなりました。また、アプリのメニューが素早く開く「クイックアクション」にも対応しています。 iOS 9の新機能に対応した「はてなブログ」アプリをどうぞご利用ください。 キーボードショートカットで書きやすく iPadやiPhoneに外付けキーボードをつないで記事を書く場合、キーボードショートカットを利用すると便利です。キーボードショートカットは、iPad ProのSmart Keyboardにも対応しています。 「はてな記法」「見たまま」「Markdown」のすべてのモードで利用可能 ショートカットキーの一例は以下の通りです。 見出し ⌥⌘H リスト ⌥⌘L 番号付きリスト ⌥⇧⌘L 引用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
