!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。乃木坂46TweetGitHubで草が生えると楽しいですよね。そのGitHubと同様に、日付ごとのカウントを可視化できる「Pixela」という素敵な「草APIサービス」があって、自分がやりたいと思っていたことを実現できたので紹介します。Webサイト開発者のa-knowさんによる紹介はこちらです。blog.a-know.me乃木坂46のモバメとは?「モバメ」とは「モバイルメール」の略称で、乃木坂46のメンバーから直接メールが届くというヲタにとって生きる糧となるサービスです。メンバーの日常や個性が色濃く反映されるサービスで、メンバーごとに受信頻度が大きく異なります。くれるマメなメンバーもいます。)私は現在、大園桃子さんの単推しで、彼女のモバメが開始された当初から受信しています。大園桃子さんのモバメ受信状況の可視化Pixelaを使おうと思った経緯Pixelaの存在自体は以前から知っていたのですが、「これに使おう!」というのが自分の中では中々ありませんでした。先日ふと「最近、桃ちゃんのモバメこないなぁ、忙しくなったんだなぁ...頻度が落ちたのはいつ頃からだろう...?」と思ったあと「モバメの受信状況が可視化できたらいいのになぁ......ん、あれ、Pixela使えるんじゃ?」と頭の中で繋がりました。以前、最高のアクセスカウンターになるよ、というこの記事を読んでいたのでイメージが繋がりやすかったのかもしれません。StartedのとおりにHTTPリクエストを投げるだけです。HTTPとかcurlとかよくわからない...という方に向けてOSごとのコマンドラインツールもあるという細かいサポートがすごいです。自分の場合はcurlでも良かったのですが、送信リクエストや結果の保存が簡単なPostmanを使いました。Postman」ボタンの存在を知ったのですが、これでWebリファレンスごと落とせると嬉しいなーと思ったり。このCollectionって自分で自由にアップできるのかな?別途調べてみたいと思います。使って初めて知ったこと可視化した結果を個人で運営するサイトに埋め込んだのですが、当初は以下の2つの貼りつけ方しか知りませんでした。https://pixe.la/v1/users/momosite/graphs/momosite.htmlそのため、HTMLにSVG画像を貼って、その画像にHTMLページへのリンクを入れる、ということをしていました。画面遷移せずにコミット結果がみれればいいのになぁ...と思って一通りのブログ記事を拝見していたところ、ツールチップで表示させる方法が!!!うぉー、かゆいところまで手が届くのありがたい><;ということで、最終的にこの方式に落ち着きました。blog.a-know.me今後やりたいこと過去受信したモバメ数のカウントは手作業でやらざるを得ず、APIコールは自動化せずにPostmanでチマチマ手作業しちゃいました。今後これを手作業でやるのは面倒なので、何らか自動化をしたいなぁと。モバメを受信したら、Webhookでイベントを飛ばしてPixelaのAPIをコールする仕組みを作れば良さそうなので、次はこれで自動化を目指します。日々の記録にPixelaは便利!今回は利用しなかったのですが、各草にはカウントだけではなく、何らかデータを付与することもできるそうです。activityがでてきますが、そのデータを付けられるイメージ)今回は乃木坂46のモバメ受信を可視化する目的でPixelaを使わせていただきましたが、まだまだ色んな使い方がありそうです。blog.a-know.me以上、日々何かを記録して可視化するにはPixelaおススメだよ!というブログでした。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。