あっ…… pic.twitter.com/traSQGupcl— a-know | Daisuke Inoue (@a_know) March 15, 2023 買ってしまいました。ここ最近の Twitter TL の流れを見ている以上、その誘惑には抗えなかった...。。サブリミナル効果、恐るべし（？）。 購入したのは、Keychron K3 オプティカル（ホットスワップ）赤軸、JIS配列。これまでずっとヘビーユースしてきたのが Apple Magic Keyboard で、なおかつ自分がこれまで使ってきたなかで至高と考えるキーボードは無印 MacBook のキーボード（悪評高い、バタフライ構造のやつ）、というようなやつなので、 ロープロファイル 強い打鍵圧を要さない ラインナップにJIS配列がある といったあたりを押さえられた K3 を購入してみた、という流れ。ちなみに自分は、"キーボー

これは 大都会岡山 Advent Calendar 2021 2日目のためのブログエントリです。 コロナ禍となる少し前くらい・2019年7月からフルリモートで働き始めてから満2年とちょっとが経つのですが、僕は、幸いなことに仕事のために区切られた空間を用意することができているものの、以下のような課題があることを認識しはじめておりました。 2歳の子が日に日にパワフルになっていっていること コンテキストに合わせて環境を変えることは、生産性の向上に寄与するよなぁということ 「真剣モードで働いている人が、一つ屋根の下のどこかにいる、ということ」は、実はじわじわと奥さんに負担を掛けていたということ そんなおりに、自分が所属する会社が月3万円までのコワーキングスペース手当の支給制度を整えてくれました。その制度を活用して、倉敷は美観地区にあるコワーキングスペースでときどき働いているよ〜、という話になります

対応しましたー！ ダークモード開発中！ #pixela pic.twitter.com/KpwiRS0XDT— a-know | Daisuke Inoue (@a_know) 2020年3月15日 グラフのSVGをリクエストする際に appearance=dark を指定することで、ダークモードに合うような配色のSVGを得ることができます。ショートモード、折れ線グラフモードでも一緒に指定することができます。 https://pixe.la/v1/users/a-know-blog/graphs/page-views?appearance=dark https://pixe.la/v1/users/a-know-blog/graphs/page-views?mode=short&appearance=dark https://pixe.la/v1/users/a-know-blog/gra

このエントリ↓で書いてたやつです。本日・8/31に無事開催されてました！ blog.a-know.me たくさんの方にブースにお越しいただきました！これだけの人に直接自分の作ったものをおすすめできる機会はそうそうありません。builderscon 運営の皆様、このような貴重な機会、本当にありがとうございました！ その御礼が一番伝えたいことではあるんですが、言いようのない高ぶりが自分の中にあるもんで、今回の出展にあたって考えたこと、やったことなどをメモっておこうかと思います。 今回の出展にあたって考えたこと、やったこと プロポーザル そもそも今回の出展は以下のような告知が公式からあったことから端を発しているわけですが、 blog.builderscon.io これを見つけたとき、絶対に Pixela で応募したほうがいい、しなきゃ後悔する、と思いました。どなたかもおっしゃってましたが、プロポ

以下のエントリの通り、7月からリモートワークを開始しています。 blog.a-know.me 社会人になってからはや15年、ずっとオフラインな働き方をしてきたしどちらかというと自分自身でもオフライン派だと思っている自分が、「リモートワークを始めた際に気をつけたこと」「開始から1ヶ月弱が経過した時点で気をつけていること」をメモしておこうと思い立ち、こうしてキーボードを叩いています。 今月末でリモートワーク開始1ヶ月だし、その時点での僕なりのリモートワーク知見をアウトプットしとこうかなー。 3ヶ月後、半年後、くらいにも書き残しておくと良さそうな感じがしている。— a-know (@a_know) July 17, 2019 ひととおり書いてみたものの、たぶん僕がちょっと変だからだと思うんですがあまり参考にならない内容もあると思うので、あまり期待はしないでください......。 仕事をするための

極めて個人的な話題なんですが、このブログを通じてしかお伝えできない人もいたりするので、こちらで失礼します。 7月1日より、日々の生活の拠点を自分の地元である岡山に移します。主に自分の "ライフステージ的なもの" の変化を起因としたものですが、以前より「いつかは岡山に戻りたい」という強い気持ちを常々持っていたので、僕個人としてはこの変化をとても嬉しく思っています。仕事については大きく変わりはありません。私は現在、株式会社はてな という会社に所属し、サーバー監視サービス・Mackerel の CRE（Customer Reliabilty Engineer）として働いていますが、そういった所属企業、職種・ロールも今のまま、据え置きです。岡山からのフルリモート勤務となります。 お仕事についてもう少し。今回のことについては「岡山に引っ越すこと」が先に立ってのことだったので、今の仕事そのものについて

先日の大型連休を使って、Pixela のアップデートをおこないました！ v1.11.0 です！ github.com 連休とおなじく、アップデートも大型です！　今回は、Pixelaを支援してくれる人（$1/月 の課金登録をしてくれた人・Pixela Supporter と呼んでいます）だけが使える限定機能を含むリリースとなります！ リリース内容 上記のリリースノートにも記載していますが、ざっくり以下のようなかんじです。 ユーザー毎のグラフを一覧で見られるエンドポイント /graphs.html を追加しました GET - /v1/users/<username>/graphs.html - Pixela API Document Graph エンティティに isSecret フィールドを追加しました これが true のグラフは、上述のグラフ一覧ページで非表示になります。あまり公にしたくな

本日、Pixela v1.9.0 をリリースしました。 github.com 前からアイデアとしてはあったんですが（ホントだよ！）、実際にやる気になれたのは以下のツイートをいただいたことでした。 登録不要でAPI叩いて時系列データを投げるとグラフが表示できるみたいな簡易TSDB + グラフ表示サービスみたいなのってないのかしら。 https://t.co/jusdRmjCkB の折れ線グラフ版的な— doublemarket (@dblmkt) 2019年3月19日 おそらく、ツイートいただいた方が想像するものとは少しイメージが違うんじゃないかな？とは思うのですが、自分なりに解釈した形で実装しました。詳細ページ（<graphID>.html で閲覧できるもの）で確認できます。 2019/04/13 12:49 ピクセルグラフの上に表示されます ↑こんなかんじ。<graphID>?mode=

最近、タイトルのようなことをちょくちょく考えている。 例えば、（プロダクト、なんて言うと照れちゃうのだけど、）昨年僕が作った Pixela。これのプロダクトオーナーは誰か？というと、間違いなく僕だ。「こういうサービスが欲しい！こういうサービスにしたい！」という僕の気持ちはほぼそのまま反映されるし、ユーザーさんからの要望のなかで「これいいな！」と思えるものはどんどん取り入れていっている。Pixela というサービス "っぽさ" 、というものがあるとすれば、その形成に与える僕の影響は確実に大きいはず。「プロダクトは生き物みたいなもので」みたいなことをたまに聞くけど、ほんとにそうだなーと思っていて、Pixela がダメになるときは、つまりは、僕がダメな判断をしたとき、だと思っている。 仮に、極端な例示だけど、急に僕という人間がいなくなって、「コードは読めるし触れるけど、Pixelaなんて使ったこ

"草APIサービス" Pixela のコマンドラインツールを作りました！ Pixelaをリリースした瞬間からほしいと思っていたので、念願が叶った！ その名も pi （読み方は ピ ）です！ github.com pixe.la これまでは、curl コマンドを使ったりだとか、HTTPとかに対する歩み寄りといったものを、Pixela のユーザーになろうとしてくれる方に求めざるをえない側面がありました。 ですが、今日からはこの pi を使うことで、 Windows Mac その他、Goがインストールされている環境 といった環境でも、簡単に Pixela に草を生やすことができます！「おもしろそうだけど使い方がわかんない......」と二の足を踏んでいた方に、 pi をきっかけに Pixela を使ってもらえたら嬉しいです！（もちろん、そうじゃない方にとっても便利な一品です！！） 以下に、環境ご

以前に、kabuという半分ネタのCLIツールを作ったことがあった。Goの手習いに、という目的もあったのだけど。 blog.a-know.me 今でも月に一度は使うくらいの（自分にとっての）便利ツールなのだけど、このコマンドについて、「コマンドとしてあるべき姿」といった観点で、同僚からいくつか指摘をもらうことができたことがあった（「ネタにマジレスだけど......」と前置きしつつとても丁寧に添削してくれた :pray: ）。 引数がない場合は標準入力から取ると良い いま標準出力に出してるようなメッセージは、標準エラー出力に出すと良い。そうすると他ツールとの連携がしやすくなる -verbose オプションを設け、それがonのときだけ出す、などとする 候補が見つからなかったときは、non zero exit statusで終わるのが綺麗 こうした指摘は大変ありがたい一方で、「そういう感性みたいな

前回のエントリ↓のつづき。 blog.a-know.me Pixelaを作り、運用するにあたって、「今までやったことなかったけど、今回は絶対にやってみよう」と思っていたことがあって、それが「利用規約の整備」と「GDPRにちゃんと向き合うこと」だった。 なお、以下の文章は「ごく最近に "利用規約" というものに向き合い始めたばかりのド素人」が書いているものであり、その正確さ等については一切保証できません。が、「今回僕はこうやった」ということについて書いてあるため、もし誤解や不足、問題点などがあればぜひご指摘いただきたいです。プログラミングといっしょで、問題点をひとつずつ直していくことを通じて "安心して使ってもらえる・運用していけるWebサービス作り" を上達していきたい、という気持ちがあります。 なぜ取り組もうと思ったか？ 僕はとにかく意識が低くて、GDPRが施行されるという今年の5月下旬

Pixelaの技術的な話（といっても高度なことは殆どしてないんだけど......）とか、あと今回の個人的な頑張りポイントである利用規約・GDPR対応といったところは、後日別エントリとしてまとめたいな〜と思っています。そのうち書くので、よろしかったらそちらも楽しみにしてやってくださいっ。 commit以外の数値でも草を生やせる、PixelaというAPIサービスを作った！ - えいのうにっき blog.a-know.me などと書いておきつつ、3週間ほど経ってしまった。ということで、今回はこの点に関して書く。あと、過大なタイトルについてはすみません。これ以外もう何も思いつかなかった。 思い当たる限りで、ざっと箇条書きにしていく。この記事に限らないことだけど、なにか間違ってることとか、もっといいやり方あるよ、というところがあれば、ぜひ教えて欲しい！ サーバーサイド GCP（Google Clou

tl;dr MackerelのアラートWebhook通知と、PixelaのIncoming Webhookを組み合わせることで、サービスのアラート発生状況をゆる〜く可視化できるよ！ この記事は、Pixela の中の人であり Mackerel の CRE でもある人間がお届けしています はじめに 先日、Pixela に Incoming Webhook 的なものを作ることができるアップデートが実施された（した）。 github.com 他の API と違ってリクエストヘッダに認証情報をセットする必要がなく、またリクエストボディについては全て無視して increment / decrement をおこなうことができるため、何らかの Webhook を発行してくれる SaaS との相性はいいはず。 ということで、Pixela 側で Incoming Webhook を作成し、それを Macker

作りました！ pixe.la これはなに？ お好きな数値を登録、その登録された数値情報に基づいて、アレのあれっぽくグラフを作れるサービスです！ アレのあれってのは、これのコレ↓っぽいやつです！ ↑commit回数をグラフにした場合のイメージ。 ↑プロダクトのデプロイ回数をグラフにした場合のイメージ。 ↑体重の変動（前日比）をグラフにした場合のイメージ。 どうやって使うの？ Pixela は、サービスのトップページ以外は全部 Web API のみで構成されるサービスです！なので、ユーザー登録からなにから、全部 API でおこないます！ $ curl -X POST https://pixe.la/v1/users -d '{"token":"thisissecret", "username":"a-know", "agreeTermsOfService":"no", "notMinor":"

「あ、アクセスログに記録されるIPアドレスを匿名化したいな......」と思うこと、ありますよね。私は昨日から思っています。ちょっと探してみました。 見つかったアプローチ まず見つかったのが、GitHub - masonicboom/ipscrub: IP address anonymizer module for nginx という nginx のサードパーティモジュール。IPアドレスのハッシュ化をしてくれる様子。 github.com そしてもう一つが↓のStackOverflowの投稿。 stackoverflow.com この投稿でベストアンサーになっているものが、「map ディレクティブを使って、IPアドレスの末尾を強制的に 0 に置き換える」というもの。 map $remote_addr $ip_anonym1 { default 0.0.0; "~(?P<ip>(\d+)\.

「あ、EUからのアクセスを拒否したいな......」と思うこと、ありますよね。私も今日、そう思いました。 私は趣味と実益を兼ねて（いるつもり）、いくつかのしょうもないWebサービスを個人で運用してるのですが、そこに対するEUからのアクセスを遮断したいと思い、それを nginx で対応してみたので、そのメモです。 手順 基本的にはこちら↓の知見の固まりを参考文献としています。 inaba-serverdesign.jp EU加盟国は、外務省のページ（EU加盟国と地図 第5次拡大｜外務省）によると以下の28カ国。 アイルランド イタリア 英国 エストニア オーストリア オランダ キプロス ギリシャ クロアチア スウェーデン スペイン スロバキア スロベニア チェコ デンマーク ドイツ（加盟時西ドイツ） ハンガリー フィンランド フランス ブルガリア ベルギー ポーランド ポルトガル マルタ ラ

Mackerel について考えない日はないというくらいに Mackerel・Love な僕なわけですが（考えない日はあります）、Mackerel の Web 画面で日頃なにげなく見ている「システムメトリック」、みなさんはどのような意識を持って観察していますでしょうか。 ↑ https://home.a-know.me をホストしているサーバのシステムメトリックのようす。 ここでひとつおさらいをしておくと、「システムメトリック」とは、監視対象のサーバにインストールされた mackerel-agent が、それ単体で収集・投稿するメトリックのことです。一般的な Linux系OS に mackerel-agent をインストールした場合、以下のような項目がシステムメトリックとして Mackerel に投稿されます。 loadavg5 cpu memory disk interface files

前回までの続き。なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 - 達人出版会をまだ読んでいる。遅読。 Unixプロセスとリソースの基礎を再確認した - えいのうにっき プロセスとの情報のやりとりについて再確認した - えいのうにっき プロセスの適切な扱い方を再確認した - えいのうにっき 今回は、Unixプロセスとシグナルの基礎について再確認していく。 Unixシグナル・事始め Unixシグナルの「いろは」 シグナルを再定義する シグナルハンドリングの注意点 Unixシグナル・事始め 前回、子プロセスの終了を待ち受けるのに用いた Process.wait は、実行するとそこで自身（親プロセス）の処理を止めて子プロセスの終了を待った。これは ブロッキング呼び出し と呼ばれる。 では「親は親で何か別の仕事をしたいとき」はどうするかというと、これから見ていくシグナルを上手に使うと実

Docker は、以前に「勉強」だけはしていたのだけど「実践」はあんまりできていなかった。でも、ここのところ Docker for Mac の評判がずいぶん良いらしいので、遅くはなったけど「実践」の頃合いかなということで腰を上げてみた。Docker 再入門、ってことで。 Docker for Mac のインストールと Getting Started ここの通りに進めていってみる。Docker for mac は 2016/06/29 現在、public beta。 進めていくなかで、Getting Started の途中にある、hello-world の docker run にて $ docker run hello-world Unable to find image 'hello-world:latest' locally Pulling repository docker.io/l