はてなブックマーク開発ブログ

機能変更、お知らせなど

【復旧済み】はてなブックマークのスマートフォン向けページで一部が正しく閲覧できない障害が発生していました

2016年7月4日(月)14時36分から18時30分まで、はてなブックマークのスマートフォン向けページで一部が正しく閲覧できない障害が発生しました。原因はアプリケーションの不具合によるもので、現在は復旧しております。ご迷惑をおかけして、大変申し訳ございませんでした。再発防止に努めてまいります。

「はてな匿名ダイアリー」や「はてなブログPro」など、AMP対応サービスが増えました!

いつもはてなブックマークをご利用いただき、誠にありがとうございます。

本日、はてな匿名ダイアリーが「Accelerated Mobile Pages(以下、AMP)」に対応しました。先日はてなブログでも、Proユーザー向けのベータ版機能としてAMPに対応した記事を投稿できるようになり、サービスのAMP対応が進んでいます。

はてな匿名ダイアリーがAMPに対応しました - Hatelabo Developer Blog

ブログ記事をAMPで配信できるオプションを、Proユーザー向けベータ版機能としてリリースしました(追記あり) - はてなブログ開発ブログ

はてなブックマークアプリは、AMP対応です

はてなブックマークのiOS・Androidアプリは、はてな匿名ダイアリーやはてなブログのエントリーはもちろん、AMPに対応した全てのページが表示できます。

特別な操作は必要なく、エントリーの一覧画面で、タイトル左側にあるアイコン(favicon)に雷マーク が付いているエントリーをタップするだけ。通常ページよりも高速で表示できるので、フラストレーションの無い情報体験が味わえます。

はてなブックマークアプリ - はてなブックマーク


左:AMP対応ページ・右:AMP非対応ページ

アプリについて詳しく知る

はてな匿名ダイアリーを追いやすい、アプリだけの機能

iOSアプリ「はてなブックマーク」には、AMPに対応したはてな匿名ダイアリーが追いやすい「おすすめサイト」機能があります。人気・新着エントリーを頻繁にチェックできるので、いち早く面白いエントリーを見つけたいという方にピッタリの機能です。

使い方
  1. アプリ起動時の画面左上にあるアイコンをタップ
  2. [ヘッドライン]にある「おすすめサイト」をタップ
  3. 定番サイトの「はてな匿名ダイアリー」をタップ
  4. 新着と人気エントリーを切り替えられます

※ おすすめサイトは、Androidアプリでも提供予定です
※ AMP表示できるのは、はてな匿名ダイアリーAMP対応後のエントリーのみです

AMPとは?

AMPはGoogleやTwitterなどのIT企業が主体となり、モバイル向けにWebコンテンツを作成する企業と、それらを提供するプラットフォーム企業が協力し、モバイルWebコンテンツのパフォーマンスを飛躍的に向上させるために生まれたオープンソースプロジェクトです。

Accelerated Mobile Pages Project

はてなはGoogle、LinkedIn、Medium、Nuzzel、Pinterest、Twitterに続き、世界で7社目・国内Webサービスでは初めてAMP認定の「Tech Platform」としてAMPに参加しました。

はてな、国内Webサービス企業で初めて「Tech Platform」としてAMP参加。Androidアプリ「はてなブックマーク」にてAMPに対応した新機能をリリース - プレスリリース - 株式会社はてな

iPhone・iPadで、通知センターから「今日のトピック」が見られるようになりました

本日、iOSアプリ「はてなブックマーク」バージョン3.21をリリースしました。

今回のアップデートで、はてなブックマークで“その日話題になったトピック”を、iPhoneやiPadの通知センターから素早く確認できるようになりました。トピックとは、注目ニュースに関連するエントリーが自動でまとめられ、時系列順に追える機能です。

自然言語処理技術を用いたはてなブックマークの新機能「トピック」をベータリリースしました - はてなブックマーク開発ブログ

通知センターの「今日」ビューにトピックが見られるウィジェットを追加して、はてなブックマークで読み逃したエントリーをチェックしましょう。

はてなブックマーク / No.1ソーシャル・ブックマークの公式アプリを App Store で

ウィジェットを追加するには?

1. 画面上部をスワイプダウンして通知センターを表示し「今日」ビューに移動します


2. 最下部までスクロールして、[編集]をタップします


3. 一覧から[トピック]を探し、+ボタンをタップします


4. 右側のアイコンをドラッグして順番を入れ替え、[完了]をタップします


5. トピック名をタップすると、アプリでエントリーが読めます


前回のアップデート(3.20)

新機能
  • エントリーページをブックマークできる「メタブックマーク」に対応しました! ページへの反応の関連情報タブにある、[このページに関するエントリー]からご利用ください
  • 好きなエントリーの共有メニューから[ブログに書く]をタップすることで、はてなブログアプリで記事を書き始められるようになりました
  • ヘッドラインに「おすすめサイト」を追加しました! 匿名ダイアリーなどの「定番サイト」や「注目サイト」が並び、サイト別にエントリを一覧できます
  • ユーザーページに「お気に入られユーザー」を追加しました。お気に入りに追加された時の通知をタップすると、このページに移動します
  • 設定の[使ったタグ]で、今まで使ったことがあるタグの並び順を「利用回数順」「名前順」「最後に使った順」から変更できるようになりました
  • ステータスバーに読み込み中を示すアイコンが表示されるようになりました
不具合対応
  • タグ入力中に字を消すとクラッシュする不具合を解決しました
  • (iPhone 4S向け)ブックマーク画面のコメント欄でコメントを入力しようとすると、入力欄がずれてしまう不具合を解決しました

Facebookアカウントの連携が頻繁に解除される問題を修正しました

いつもはてなブックマークをご利用いただき、ありがとうございます。

はてなアカウントにFacebookアカウントを連携していても、一定期間(約1ヶ月)経過すると連携が解除され、定期的に再連携する必要があった問題を修正しました。ご利用の皆様には、長期にわたってご不便をおかけしたことをお詫び申し上げます。以下で問題の原因と対応についてお知らせします。

原因と背景について

Facebook連携機能を実装した当初は、Facebookとのやりとりに必要な「アクセストークン(以下、トークン)」に有効期限がなく、再連携の必要もありませんでした。

しかし2012年5月以降、Facebook側でOAuth認証の仕様が変更されたことで、トークンに有効期限が発生。その際にトークンを自動更新できる機能も公開されましたが、今回の修正まで仕様変更に対応できず、長期にわたってご迷惑をおかけしておりました。

今回の対応について

これまでに皆様からいただいたフィードバックを踏まえて実装を見直し、最適なタイミングでトークンを更新できる仕組みに変更しました。

トークンは、ログイン状態で「エントリーページ(アプリではブックマーク画面)」や「外部サービス連携の設定画面」を訪れたタイミングで更新されます。PCやタブレットのWebブラウザからはもちろん、アプリのみをご利用の場合も対象です。これにより、日常的にはてなブックマークを利用していれば、再連携の必要がなくなります。

もし1ヶ月間以上はてなアカウントでログインしなかった場合、セキュリティ上の理由でトークンの期限が切れます。お手数ですが設定ページから再連携いただけると幸いです。

外部サービス連携 - はてなブックマーク
はてなのサービスから、外部のアプリケーションを利用する - はてな

※ この改善がリリースされた直後に最後の連携から31日以上経っている場合、同じようにトークンの有効期限が切れている可能性があります。この場合も上記ページから再連携いただく必要があります

Facebook連携で、2つの機能を利用できます

はてなブックマークでは、Facebookアカウントと連携することで、以下の機能をご利用いただけます。情報収集の際に役立つ機能ですので、ぜひご利用くださいませ。

  • ブックマークしたURLをFacebookでシェアする機能

はてなブックマーク & はてなブログをアプリで使いこなして、はてなTシャツをもらおう!

※ キャンペーンは終了しました。多数のご参加をいただきまして、誠にありがとうございました。当選者の発表は、発送をもって代えさせていただきます。

ニュースアプリで記事を読んでいる時、あとで読み返して自分の思いを語りたかったり、そのページがきっかけで何か素晴らしいアイデアを思いついたりしても、そのまま忘れてしまうことはありませんか?

そこで「はてなブックマークアプリ」と「はてなブログアプリ」の組み合わせを提案します。はてなブックマークで情報を発見・保存してから、はてなブログで表現し、そこから他のユーザーと繋がるまでを、iOSアプリの例を使ってご紹介します。

さらに、4種類のはてなオリジナルTシャツ(非売品)などが当たるプレゼントキャンペーンを6月23日(木)まで実施します! 詳しくはエントリー下部をご覧ください。

はじめる前に必要なモノ

はじめるために必要なモノは、以下の通り。

  1. スマートフォンやタブレットなど
  2. はてなブックマークアプリ(App Store・Google Playから無料でダウンロードできます)
  3. はてなブログのアプリ(App Store・Google Playから無料でダウンロードできます)
  4. はてなアカウント(登録は無料です
  5. 5〜10分程度の空き時間

とっておきの情報に出会えるツール

はてなブックマークは、インターネット上にあるどんなページでもオンラインに保存しておけるサービスです。そのページに対して自由にコメントを残せるほか、タグを付けて整理できます。

書き込んだコメントは他のユーザーからも見られるので、自分がブックマークしなくても「他の人がどう思っているのか」を確認できる場所でもあります(もちろんプライベート設定も可能です)。はてなアカウントでログインすれば、アプリでもパソコンのWebブラウザからでも利用できます。

はてなブックマークアプリ - はてなブックマーク

お気に入りの一面を発見しよう

はてなブックマークのアプリを起動したら、はてなアカウントを使ったログインが必要です。はてなブックマークのアプリ起動画面にある家のアイコンをタップして、下に現れるギアマークをタップ。[アカウント設定]からログインするか、アカウントを作成しましょう。

各ページに並んでいるのは「エントリー」です。エントリーは8つのカテゴリーに分類されていて、画面左上にある[ヘッドライン]からカテゴリーを切り替えられます。各カテゴリーには、話題をさらに細かく分類した10〜20の特集が組まれています。

見つけた情報をストック&シェアしよう

カメラ・レンズ特集で見つけた自分が最近購入したカメラについてのエントリーが気になったのでタップしてみます。

画面下のB!ボタンを押すと、コメント・タグを付けてエントリーを保存できる[ブックマーク画面]へ。吹き出しアイコンをタップすれば、人気コメントや関連情報などが一覧できる[エントリーへの反応]へアクセスできます。

ブックマーク画面には、ブックマーク機能はもちろん、あとで読むボタン・非公開設定・Twitterへのシェアボタンなど、いくつかの機能が用意されています(Twitterは設定画面からアカウントを連携しておく必要があります)。

好きなコメントやタグを付けて、ブックマークしてみます。ブックマークしたエントリーは、iOSならマイページにある[ブックマーク]から、Androidならトップページの[マイブックマーク]からアクセスできます。

コメントで物足りないときは「はてなブログ投稿機能」を使おう

はてなブックマークのコメント欄は100文字までという制限があるので、それでは物足りないことも。そんなときは「はてなブログ投稿機能」を使ってみましょう。エントリー情報をはてなブログの編集画面に自動で貼り付けられ、文字数やレイアウトも自由なブログ記事を書きはじめられます

気になるエントリーを開き、右下にある共有メニューをタップ。iOSなら[ブログに書く]、Androidなら[はてなブログで共有]をタップすると、はてなブログアプリが立ち上がります。

はてなブログをはじめよう

はてなブログは、シンプルなUIが特徴のブログサービスです。映画や音楽の感想を書いたり、日々の出来事を記録したり、さまざまな思いや考えを書き残せます。

アプリ - はてなブログ

自分の思いを文字や写真で表現しよう

はてなブログアプリが立ち上がったら、思っていることを好きなように書き連ねましょう。試しに、カメラのレビュー記事を書いてみます。

キーボード上部のメニューでは、写真の選択や、文字のサイズや色の変更、外部サービスの貼り付けなど、さまざまな機能が選択できます。入力情報はリアルタイムで編集画面に反映され、HTMLなどの知識が無くてもスイスイ書き進められます。[プレビュー]をタップすると、実際に公開されるレイアウトを確認できます。

記事を書き終えたら、画面右上の[公開]を押すだけで公開完了。TwitterやFacebookにシェアできるほか、共有メニューからブックマークもできます。

表現がきっかけで繋がります

はてなブログのアプリでは、他のユーザーのブログを読むこともできます。はてなブックマークやWebブラウザからお気に入りのはてなブログを見つけたら、[読者になる]ボタンをタップ。はてなブログアプリの画面右上にあるしおりアイコンをタップして、[購読中のブログ]から定期的にチェックできます。

さらに、はてなブログで書いた記事は、はてなブックマークでも見つけられやすい構造になっています。はてなブックマークでエントリーのURLを引用して記事を書くと、エントリーページのダイジェストタブにある[ブログの反応]に掲載されます。そのエントリーを見た人があなたのブログを見つけて、読者になってくれたり、ブックマークしてくれたりするかもしれません。

アプリを使いこなして、はてなTシャツをもらおう

実際にアプリを使っていただくだけで、「はてなオリジナルTシャツ(非売品)」と「はてなオリジナルステッカー」が当たる「はてなブックマーク & はてなブログをアプリで使いこなして、はてなグッズをもらおう!キャンペーン」を実施します!

「はてなブログ賞」と「はてなブックマーク賞」の2つを用意しており、どちらの賞にも参加いただけます

  • はてなブログ賞
    1. はてなブックマークのアプリで“はてなブックマークで気になったニュース”のエントリーを見つけ、「はてなブログ投稿機能」を利用する
    2. はてなブログアプリを使い、記事本文に「そのニュースに関連する記事と応募キーワード」を明記して投稿する。応募キーワードは「はてなブックマークで気になったニュース」。投稿ユーザーの中から、「はてなブックマーク&はてなブログオリジナルTシャツ(非売品)」4種類をそれぞれ1名ずつ、計4名様にプレゼント

はてなブログをはじめる

  • はてなブックマーク賞
    • はてなブックマークのアプリを使いこの告知をブックマークしたユーザーの中から、「はてなオリジナルステッカー」を10名様にプレゼント

はてなブックマークをはじめる

キャンペーン詳細は以下の通りです。たくさんのご応募をお待ちしております。

キャンペーン詳細

期間 2016年6月16日(木)〜2016年6月23日(木)23時59分まで
賞品
  1. はてなブログ賞
    • はてなオリジナルTシャツ全4種類 × 各1名様(全4名様)

    • ※ 柄は選べませんが、サイズ(S~XL)はお選びいただけます
  2. はてなブックマーク賞
    • はてなオリジナルステッカー × 10名様
方法
  1. はてなブログ賞
    • iOS・Androidアプリ「はてなブックマーク」で“はてなブックマークで気になったニュース”を見つけ、はてなブログ投稿機能を利用する
    • 応募キーワード「はてなブックマークで気になったニュース」を記事本文内に明記し、そのニュースに関連する記事をはてなブログアプリから投稿する
    • ※ アプリ以外からの投稿、または非公開での投稿は対象になりません
      ※ キーワード「はてなブックマークで気になったニュース」をタイトルやカテゴリに設定しても集計されません
      ※ 抽選後、はてな編集スタッフが記事を選出します(スパム投稿を避けるため)
  2. はてなブックマーク賞
    • iOS・Androidアプリ「はてなブックマーク」から、この告知をブックマークする
    • ※ アプリ以外からのブックマーク、またはプライベートモードでご利用のユーザーは対象になりません
発表
  • 応募期間終了後、はてなにて厳正な抽選を行い、当選ユーザー様には、送付先情報(住所、氏名など)を確認するため、登録メールアドレス宛に連絡させていただきます(※ 取得した個人情報は、本キャンペーンの賞品発送用途以外には使用いたしません)

  • 賞品の送付先は、日本国内に限らせていただきます

  • 発表は発送をもって代えさせていただきます

  • 【追記あり】iOSアプリが「メタブックマーク」機能に対応 匿名ダイアリーなどを継続的にチェックできる「おすすめサイト」も追加

    本日、iOSアプリ「はてなブックマーク」バージョン3.20をリリースしました。

    今回のアップデートで、エントリーページ自体をブックマークできる「メタブックマーク(略称:メタブ)」機能に対応しました! 皆様から多くのご希望を頂いておりましたので、関連情報の[このページに関するエントリー]欄に表示する形で対応しました。

    もう一つの新機能として、ヘッドラインに「おすすめサイト」を追加しました。MediumやBuzzFeedなどユーザーに人気で目新しい「注目サイト」と、はてな匿名ダイアリーやTogetterなどの「定番サイト」が並び、サイト別にエントリーを一覧できます。

    さらに、エントリーの共有メニューから[ブログに書く]を選択することで、URLを貼り付けてはてなブログアプリで記事を書き始められる機能も追加しました。コメント欄では物足りない時には、はてなブログがお勧めです。ぜひApp Storeからアップデートしてご利用下さいませ。

    はてなブックマーク / No.1ソーシャル・ブックマークの公式アプリを App Store で

    おすすめサイト


    各サイトの右上にある+ボタンを押すと、サイト名を関心ワードに追加できます

    はてなブログ投稿機能


    共有ボタン → 共有メニュー下段の[ブログに書く] → はてなブログアプリへ

    最新のアップデート(3.20)

    新機能
    • エントリーページをブックマークできる「メタブックマーク」に対応しました! ページへの反応の関連情報タブにある、[このページに関するエントリー]からご利用ください
    • 好きなエントリーの共有メニューから[ブログに書く]をタップすることで、はてなブログアプリで記事を書き始められるようになりました
    • ヘッドラインに「おすすめサイト」を追加しました! 匿名ダイアリーなどの「定番サイト」や「注目サイト」が並び、サイト別にエントリを一覧できます
    • ユーザーページに「お気に入られユーザー」を追加しました。お気に入りに追加された時の通知をタップすると、このページに移動します
    • 設定の[使ったタグ]で、今まで使ったことがあるタグの並び順を「利用回数順」「名前順」「最後に使った順」から変更できるようになりました
    • ステータスバーに読み込み中を示すアイコンが表示されるようになりました
    不具合対応
    • タグ入力中に文字を消すとクラッシュする不具合を解決しました
    • (iPhone 4S向け)ブックマーク画面のコメント欄でコメントを入力しようとすると、入力欄がずれてしまう不具合を解決しました

    このバージョンを気に入っていただけたら、レビューをお待ちしております! アプリの不具合やご意見は、アプリ内設定の[不具合報告・ご意見]から、もしくは cs+bookmark@hatena.ne.jp までお寄せください。

    追記(6/13 16:45ごろ):ページの反応のタブ設定について

    ページの反応のタブは、デフォルトでは前回表示したタブがそのまま表示されます。例えば、関連情報タブから[このページに関連するエントリー]にあるエントリーに移動し、そこでページの反応を開くと関連情報タブが表示されます。

    最初から特定のタブを開くように変更したい場合は、設定の[ページの反応]で「ダイジェスト」「コメント」「関連情報」から選択できます。前回表示したタブを保持するように戻したい場合は、「前回のタブ」を選択してください。


    前回のアップデート(3.19)

    新機能
    • ブックマーク画面を整理して、タグ入力画面と保存ボタンにアクセスしやすくなりました! タグ入力画面も刷新し、タグを一覧・選択しやすいデザインになりました
    • 人気エントリーなどの画面右下にあるホームボタンを押すと、その下にある[最近のあとで読む]ボタンが[設定]ボタンに変わるように。設定画面に素早くアクセスできるようになりました
    不具合修正
    • 設定の[不具合報告・ご意見]にあるフィードバックフォームに、カーソルが表示されない不具合を修正しました


    \Androidアプリもアップデート中!/

    【追記あり】「カラースターあるある」プレゼントキャンペーン当選者発表!

    ※ 追記:6月13日14時45分ごろ、当選者へのプレゼント配布を完了しました。カラースターの受け取りを確認するには、Myはてなの[アイテム受け取り履歴]からご確認いただけます。

    はてなブックマークをご利用いただき、ありがとうございます。

    「アプリから『カラースターあるある』をコメントしてカラースターをもらおう!」キャンペーンは終了いたしました。多数のご参加をいただき、誠にありがとうございました。アプリからブックマークしていただいた「グリーンスター賞」の全応募者には、近日中にグリーンスターを1個配布します。

    エントリー下部で、多くのカラースター・はてなスターを集めた、「レッドスター賞」と「ブルースター賞」の当選者を発表します。おめでとうございます! !

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    \レッドスター賞/

    レッドスター賞に当選された方には、グリーンスター5個とレッドスター1個をプレゼント!

    • 応募条件:iOS・Androidアプリから、「カラースターあるある」をコメントし、Twitter連携をオンにした上で告知をブックマーク
    • 対象:「カラースターあるある」に関する、はてなスター・カラースターを多く集めた人気コメント10位まで

    第8位

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    会心のコメントだと自画自賛したくなるレベルの内容に、色のついた星を頂いたりすると、1日元気です。

    2016/06/02 09:43

    第6位(獲得したカラースター・はてなスターの数:6個)

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    緑に飢えてるときはさいばーめがねの人のエントリをブクマします。

    2016/06/01 23:25

    第4位(獲得したカラースター・はてなスターの数:7個)

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    ネガティヴなブコメにカラースター投げつけたらそのブコメが消えた

    2016/06/01 19:48

    第4位

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    はてなスターの色は抵抗のカラーコード由来と信じているので、順番が赤だけ違うのはなぜですか!?これで覚えて回路作ったら大事故ですよ!?とクソリプを送りたくなってしまう。

    2016/06/02 03:22

    第2位(獲得したカラースター・はてなスターの数:10個)

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    カラースターください!とコメントすると黄色のスターしかもらえない(カラースターください)

    2016/06/01 18:26

    第1位(獲得したカラースター・はてなスターの数:81個)

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    はてブ初心者の頃、カラースターもらうと増えると思ってた。

    2016/06/01 16:02

    \ブルースター賞/

    ブルースター賞に見事当選したのは id:sabacurry 様です! おめでとうございます!
    獲得したカラースター・はてなスターは82個! レッドスター賞第1位の id:shiromatakumi 様とわずか1個差でした。
    id:sabacurry 様には、グリーンスター10個・レッドスター5個・ブルースター1個をプレゼントします!

    アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

    FFでエリクサーを使わずにクリアするタイプなので、いつカラースター使っていいかわからない

    2016/06/01 16:07

    • 応募方法:iOS・Androidアプリから、「カラースターあるある」をコメントし、Twitter連携をオンにした上で告知をブックマーク
    • 対象:「カラースターあるある」に関する、一番多くはてなスター・カラースターを集めたコメント

    注意事項

    • グリーンスター賞は、iOSアプリ「はてなブックマーク」とAndroidアプリ「はてなブックマーク」からキャンペーン告知ページをブックマークした全ユーザーが対象です
    • レッドスター賞・ブルースター賞は、Twitter連携をオンにしてブックマークし、かつ「カラースターあるある」に関するコメントを投稿したユーザーのみが対象です
    • アプリ以外からのブックマーク、またはプライベートモードでご利用のユーザーは対象になりません
    • 獲得したスター数は、キャンペーン終了時(2016年6月8日23時59分)までのものをカウントしています
    • カラースター・はてなスターは、1ユーザーあたり1個としてカウントしています
      • サブアカウントや同一環境から複数アカウントを用いて複数回スターを付けた場合も、1ユーザーあたり1個としてカウントしています
    • 条件を満たしているにも関わらず当選しなかったなど、不明点があればサポートまでお知らせ下さい