はてぶのお気に入りをタイムライン形式で読めるHBFavというアプリがある。 このアプリは自分にとってはTwitterやFacebookの次くらいによく開くアプリで重宝している。 基本的な機能についてはほぼ不満はない。 しかし、クリップボードにコピーしたURLからブックマークをする方法については満足とはいえなかった。 この機能は、例えばTwitterやFacebookなどでシェアされたURLをコピーしてHBFavを開くと、画面上部にニョキッとURLが書かれたnotification viewみたいなものがでてきて、そこをクリックするとURLのページが開き、そこからブコメを見たり、ブックマークしたりということができる。 挙動自体はワンクリックでシンプルに！という気持ちを感じるしよいのだけど、問題なのは対象のURLがブックマークできるのはそのnotification viewが出てる間だけだとい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに はてなブックマークのカテゴリをスワイプでシュッシュッと切り替えられるアプリがあったら使いやすいかなぁ、ということで作ってみました。 Material Design のエッセンスをできる限り取り入れましたので、注意した点などを紹介します。現行のアプリに導入できる内容もあると思いますので、参考になれば幸いです。 （追記）「階層」の概念、実装コストの高いものについては、実装の対象外としております。 （再追記）タブバー、トップバーの下にスクロールに合わせてシャドーを表示する変更をしました。 アプリはこんな感じです。ご指摘やご要望などあ

※ キャンペーンは終了しました。たくさんのご応募ありがとうございました 先日お伝えした通り、本日から新しいはてなブックマークボタンをご利用いただけるようになりました！ はてなブックマークボタンはこれまで種類の選択肢が少なく、かつモバイルページでは扱いづらいデザインでした。今回、種類とサイズの柔軟な変更に対応し、スマートフォンでも見やすく使いやすいデザインになりました。 以下のガイドページから、お好きなデザインにカスタマイズしてご利用ください。 ▽ はてなブックマークボタンの作成・設置について - はてなブックマーク ※ 現在すでにページに設置しているタグの貼り替えなどは不要です 新しいボタンを押して、Tシャツとステッカーを当てよう！ このリニューアルを記念して、非売品の「はてなブックマークTシャツ」と今回新たに制作した「はてなブックマークボタンステッカー」をセットにして2名様に、さらに「は

Share and Get a special screensaver! Keep in touch with @lgtmcamera on Twitter. Record LGTM scenes. Share LGTM GIFs. Say “Looks Good To Me” to your friends. LGTMカメラはどんなシーンも「良さそう = Looks Good To Me」に撮れるカメラアプリです。 早回しのGIFアニメとして撮影・保存するので手軽におもしろいアニメーション画像を作成できます。 友達にシェアして「LGTM」な気持ちを伝えよう！

みんな大好き♪Google Analytics！！ ただ、見れるデータが膨大すぎて、あっちをクリックしたりこっちをクリックしたり・・・。 気づけば「何のデータを見たかったのか忘れてしまった」なんて事も日常茶飯事です。 実はウィジェットを配置して、見やすい一覧画面を作成できたりします。 「マイレポート」って機能ですね。 で・・・。マイレポートの作成手順とか説明してもいいんですけど、長くなっちゃうし、読むのもめんどくさいでしょ？ って事で！！ 数クリックで導入する方法を解説します Google Analyticsの標準機能で発行されるリンクをクリックするだけで導入できてしまいますので、面倒な手順は一切必要ありません。 もちろん共有されるのは「レイアウト」なので、中身はあなたのサイトのデータになりますのでご安心ください（笑） では次項でレイアウトの概要を説明した後、文末で導入方法（と言ってもクリ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Site will be available soon. Thank you for your patience!

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? その名も「はてブと同時にQiitaストック」です。 はてブと同時にQiitaストック - http://hb2qiita.com/ What's はてブと同時にQiitaストック 名前の通り、はてなブックマークにQiita記事をブックマークすると、自動的にその記事をストックするサービスです。 どんなツール（Web/ブラウザ拡張/アプリ/ブックマークレット/ブックマークボタン/ツイート/メール/その他3rd-partyツール）からブックマークする場合でも、ブックマークしたURLがQiitaの記事であれば自動的にストックします。 以下のよう

Qiitaにストックするか、はてなブックマークに追加するか迷ったあげく、どっちにも保存するという、面倒なことをすることがあったりするので、この作業めいたことを簡略化するため、Chromeのエクステンションを書いてみました。↓ Github:high5/qbta このエクステンションは, Qiitaのストックボタンを押すと、はてなのブックマークレットをたちあげ、Qiitaの対象の投稿記事についたタグをはてぶコメント欄にタグとして挿入して、追加ボタンをクリックするというのを自動的にやってくれます。はてブのほうの追加ボタンが自動でクリックされるかはオプションで選択できるようになってます。Qiitaのタグの他にコメントを残したいような人はこのオプションをオフにしてください。

Hatena Developer Center についてはてなは「はてなブログ」「はてなブックマーク」をはじめするはてなのサービス群を、より深く使うためのAPIを提供しています。 Hatena Developer Centerでは、これらのAPIを扱うための開発者向け情報を公開しています。APIを使うことで、はてなが持つ情報・機能を利用した様々なアプリケーションやサービスを作ることができるようになります。 開発者の皆様のアプリケーション/サービスにおいて、より豊かなユーザー体験を提供するために、はてなのAPIをご活用ください。 おすすめのAPI

どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com

フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

どうもfujiharaです。 連日の雨・雨・雨。人生で今年が一番梅雨を感じれる年かなと。 本日は先日弊社 Latin から紹介がありましたバシャログリニューアルのポイント3 めっちゃ重かったソーシャル周りのスクリプトを非同期かつ、 カウント数のみをJSONで取得する仕様に変更　についての実装方法を説明します。 流れ たいした流れではないのですが、各SNSのAPI用URLに取得したい記事のパラメータを付随し、問い合わせをするとjson形式で値が取得できます。 はてブ数の取得 はてブ数の取得方法です。 // 問い合わせURL は "http://api.b.st-hatena.com/entry.count" // クエリーは url となります。 <script> $.ajax({ url:'http://api.b.st-hatena.com/entry.count' + '?url='

お詫び(2015.6.29 12:38追記) はてなアカウントでのログインの際にwrite権限を要求していましたが、ご指摘の通りこの仕組では全く必要ないものなので削除しました。申し訳ありませんでした。 また、自分が表示されてしまう不具合があるようなのですが、原因が分かり次第修正いたします。 動機 はてブでブクマしたりコメントしてると、「この人自分がブクマする時よく見るな……」っていう人いますよね？ それはダジャレの人とかカッコいいメガネの人のように目立つ人だけじゃなく、有名ブックマカーではなくても似たような嗜好の人はいるわけです。 ところで、はてブにはよく使われているとはあまり言えない「お気に入り」機能があるわけで、逆にそういった人達をお気に入りに登録していけば「人気エントリ」や「新着エントリ」よりも更に自分向けの情報が流れてくるのではないか？という思いから、このwebアプリを作ってみまし

以前、こんな記事を書いたんですよ。サイドバーから過去記事すべてを参照したい！「もっと読む記事リスト」の提案 - 空想の伝説上記の記事では、ブログというものに触れてきた中で膨れ上がった不満について語ってるんですが、とりあえず読んでみてください。あとで読むという人のために要約すると「記事一覧ページから過去記事たどるの面倒くさいから、サイドバーの記事一覧モジュールから全部たどりたい。できればスクロールもページ遷移もなしで過去記事をたどれるモジュールが欲しい」という内容です。結局、レンタルブログでは難しそうだなーなんて結論に落ち着いたんですが、今すぐ実現できそうになくてもそれに代わる何かがほしいとは思っていたので、その要望に応えるべくjQueryプラグインを自作した次第です。プラグインについておおまかに説明すると以下のような感じです。トップページ・アーカイブページ・カテゴリーページでは、そのページ

2014-10-18 はてなブログにグローバルナビゲーションを設置しました はてなブログ どうも。cssは少しわかる程度のこりのろっさです。 昨日一日かけてスマホ用とPC用にグローバルナビゲーションを設置しました。 グローバルナビゲーションって何？ サイト内の各コンテンツへ案内するメニューのことです。 このようなメニューがあれば、初めてアクセスしてきた方にこのブログの概要を知っていただけますし、私のブログのように色々な内容を載せている場合でも、アクセスしてきた人にスムーズに興味のあるページへたどりついてもらえます。 以前にも増して書く記事の内容がバラバラになってきたので、早めにメニューを設置したかったんですが…時間が…時間が…  設置するのに参考にさせていただいたサイト 私は少ーしcssがわかる程度ですので設置するのにはすっごく苦労しました。主に助けていただいたのは以下のサイトです。 スマ

エンジニア 水野貴明氏 東京大学大学院を卒業後、数理計画、はてなを経て、バイドゥに入社。日本人開発者第一号としてWeb・モバイル検索の開発に従事。上海開発センター代表として百度人（年間賞）を受賞。その後、DeNAに入社し、スマホ向けソーシャルゲーム開発に従事。昨年は同社シンガポール拠点のTech Leadに勤め、現在は独立。執筆、翻訳した書籍は20冊以上。 バイドゥに日本人開発者第一号として入社し、年間賞を受賞するなど、エンジニアとして華々しい経歴を持つ水野貴明氏。彼が次のステップとして選んだのが、海外を渡り歩きながら複数社の「リモートCTO」を務めるというキャリアだ。 “技術版のエンジェル投資家”としてスタートアップ企業の支援を行っている同氏は、どのようにこの役割をこなしているのか？ 滞在中のシンガポールで、水野氏本人と、彼にリモートCTOを依頼しているIROYA代表取締役社長の大野敬氏