mackerel でギガを監視する - 暮らしの技術
ギガっていうの受け入れちゃったね*1。 こうなります。検証のために追加クーポン(200円)を買いました、これって経費で落とせますか？数年前 IIJmio に乗り換え、以来便利に使っているのだけれど、最近は気がつくと月のデータ通信量を使い切って破滅、と言ったことが増えてきた*2。 それほど困っているわけではないが、一体いつ使い切ったのか調べようとすると、公式のアプリでは5日ほどしか遡れず、また1日単位でしか確認ができないのでよくわからない。 調べてみると API があるとのことなので、mackerel にサービスメトリックとして投稿することで可視化してみた。 IIJmioクーポンスイッチAPI | クーポンについて | IIJmio これをみながら実装する。 認証周りをエイヤし、`/mobile/d/v2/coupon/` API を叩くとのようなレスポンスを得られる*3。 { "retur
Mackerelのサービスメトリックで寿司の動きを可視化した - 暮らしの技術
寿司に直近1時間のクリック数などを表示するグラフを追加した。 グラフは Mackerel の機能を使っている。やったことは ステータス取得用エンドポイントの追加 アプリケーションサーバにエンドポイントを追加 Nginx の location ディレクティブで外部からたたけ無いようにする ステータスをMackerelに送信する systemd service の追加 アプリケーションサーバを直接ぶっ叩いてデータを引っ張り出す curl -s localhost:$PORT/status | curl -s https://api.mackerelio.com/api/v0/services/sushi/tsdb -H 'X-Api-Key: $MACKEREL_API_KEY' -H 'Content-Type: application/json' -X POST -d @- みたいな感じ
新しいパートナーAPIがリリースされました - 無知を晒す
このクリスマスの日に side_tana の新しいパートナーAPIについてみなさんにアナウンスできることに大変興奮しています！ 経緯 「ひさいちくんに彼女ができたら通知がくるウェブサービス」— ひさいち (@hisaichi5518) 2018年12月23日 俺も彼女がいるかどうか返すAPI作っとくか— アーツ・アンド・クラフツ運動 (@side_tana) 2018年12月23日 リアルタイムに状況を確認できる stream API でお願いします— ドッグ (@Linda_pp) 2018年12月23日 ヨッシャFirebase Realtime DBで行くぞ— アーツ・アンド・クラフツ運動 (@side_tana) 2018年12月23日 ヤッター！— ドッグ (@Linda_pp) 2018年12月23日 問題 パートナーの状態についてAPI経由で取得したいといった要求が急峻に高ま
GAE/SE Node で puppeteer を動かすよ - 暮らしの技術
みなさん puppeteerつかってますか? 私は使ってません。なぜなら安定的に稼働させるための環境がないから...*1。 しかしそれも今日までです。 先日 beta になった GAE/SE Node について GAE/SE Node は puppeteer も動くよ— ぐら (@grapswiz) June 13, 2018 という話を聞きました。聞いたからにはやります。以下の通り。 const puppeteer = require('puppeteer') async function takeScreenShot(url, filePath) { const browser = await puppeteer.launch({args: ['--no-sandbox']}); const page = await browser.newPage(); await page.setV
フロントエンドの実装から見る第四十七回衆議院選挙 開票速報ページまとめ - 暮らしの技術
700億円ほどのお金がかかっているといわれ，why-kaisan.comなんてサイトも作られ巷を賑わせた第四十七回衆議院選挙の投票日が今日でした．投票日と言うことはその後に来るのは開票で，開票と言うことは開票速報がはじまるわけです． 報道各社を見てみますと，各々工夫を凝らした開票速報ページを用意しておりまして，これがなかなかおもしろいということで，その比較でございます． まとめ 長いので先にまとめです． まずテレビと新聞で圧倒的に態度が違います．テレビはあくまで番組の補助だったり宣伝が目的．ウェブページではあまり情報を出したくない様子です．一方新聞各社は トップページ上段，ファーストビューのど真ん中を思いっきり使い，文字通り全面展開といったパターンが多い． フロントエンドの実装から見ると，基本的にグラフが必要な場面ではCSS，日本地図が必要な場面では「画像+mapで部分リンク」か「要素の絶
jQueryの.each()に潜む罠 - 暮らしの技術
.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(
背景が輝くjQuery pluginを作った - 暮らしの技術
５つの光が導く未来！輝け！スマイルプリキュア！— 古瀬大六 (@side_tana) 2014, 6月 15 作りました． tanatana/cagayake · GitHub Cagayake background jQuery plugin これは ウェッブページの背景を輝かせるためのjQuery pluginです．動いてる様子はCagayake background jQuery pluginを見てくれ． 実装 おいお前ら時代はSVGです— 古瀬大六 (@side_tana) 2014, 6月 13 最初のリンク先に行ってこっそりデベロッパーツールを開いてくれ．運が良ければSVGの庭で動き回っているpolygonたちが見えると思う．決して大きな声を出したりしてはいけない．彼らは臆病なんだ． 使い方 $(セレクタ).輝け(); 事故 昨日の夕方からsakaeって名前で開発してて，git
Emacsでもウガンダの恵まれない子ども達を援助したい!! - 暮らしの技術
世間はクリスマスですね． 僕は今夜も一人で静かな夜を満喫していたのですが，クリスマスに恋人や家族にプレゼントを贈っている人々をみていると，僕も世界の経済にすこしばかり貢献したいなと，そういう気持ちがむくむくとわき上がってくるのは自然なことかと思います． さて，世界人口の半分が使っていると言われるvimと呼ばれるエディタがありますが，起動するとこんなメッセージが出てきます ~ VIM - Vi IMproved ~ ~ version 7.3 ~ by Bram Moolenaar et al. ~ Vim is open source and freely distributable ~ ~ Help poor children in Uganda!注目してほしいのは最後の行です． "Help poor children in Uganda!" 日本語ならこう出ているかもしれません． "ウ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
またお絵描きツール作ってる - 暮らしの技術
欲望プラットフォーム作った． - 暮らしの技術