私が歌川です

@utgwkk が書いている

www.youtube.com

イベントハンドラを設定した要素内にreact-modalのモーダルを置くとイベントハンドラが反応する

tl;dr イベントハンドラを設定した要素内にreact-modalのモーダルを置かないようにするのが手っ取り早そう。 イベントハンドラを設定したコンポーネント 以下の Clickable コンポーネントは、divに click イベントのハンドラを設定しており、かつchildrenを…

RelayでGraphQL multipart request specificationに沿ったファイルアップロードを行う

はじめに 2021/7/17現在、GraphQL APIを通じてファイルをアップロードする方法は規定されていない。そのため、GraphQL APIでファイルアップロードを行いたい場合は何らかの工夫を行う必要がある。 GraphQL APIリクエストの変数中にファイルをエンコードして…

麻婆豆腐情報

View this post on Instagram A post shared by utagawa kiki (@utgwkk) いつまでも辛くて痺れる麻婆豆腐を食べられる世界でありますように。

今日見た夢

部屋中に握りこぶしぐらいの大きさの蜘蛛が巣を張りまくっていて、げんなりする。 セブンイレブンのてり焼きバーガー*1がすぐ売り切れるやん、と友だちと言い合う。大通りにはドナルド・マクドナルドのコスプレをした人がいっぱいいる。 *1:実在しない

create-react-app --template typesctiptの直後に初手で入れる設定

はじめに Reactでアプリケーションを作るときは、だいたい create-react-app --template typesctipt してから開発を始める。ゼロコンフィグでReactアプリケーションを書けて便利だけど、もうちょっと手を入れておくと快適に開発できるようになる。 趣味の個…

perlcriticのポリシーの一覧を見れるようにしたい

metacpanのAPIを使う作戦 (断念) metacpanにはAPIがあるので、これを活用できないか考えます。 curl 'https://fastapi.metacpan.org/v1/module/_search?q=distribution:Perl-Critic&size=5000' というコマンドを実行することで、metacpanからPerl-Criticディ…

退勤して、ラーメンを食べてベッドに倒れ込んだら猛烈な眠気が襲ってきた。朝の5時ぐらいに目覚めてインターネットをしていたのと、仕事の疲れがあったのとが重なったのだろう。 冷感シートが届いたので試してみたところ、たしかにちょっと冷える気がする。…

テストケースと野生の勘

コードを書いていたりコードレビューで実装を眺めたりしていて、こういうケースでもうまく動いてほしいけど落ちそう、と思ってテストケースを足すと実際にテストが落ちる、ということがしばしばある。はたから見ると野生の勘とか嗅覚みたいな感じになりそう…

緊急事態宣言

まずはこちらをご覧ください。 【速報 JUST IN 】東京に4回目の緊急事態宣言へ 政府方針 #nhk_news https://t.co/ZcN8uRXlcG— NHKニュース (@nhk_news) 2021年7月7日 この写真を再現したくなり、緊急事態宣言ジェネレーターを作る運びとなりました。 「緊急…

ビンのフタで指を切った— うたがわきき (@utgwkk) 2021年7月7日 あ、これは切ったわ、と思ったときにはすでに切り込みが入っていた。絆創膏を貼ったところを夕方になって剥がしたらシワシワになっていた。 洗濯の機会を掴み取らねばならない— うたがわきき (…

星に願いを

github.com

今日の気づき

「夜に駆ける」をRacing Into The Nightと英訳するとユーロビートっぽい。 soundcloud.com 夜に駆けるYOASOBIJ-Pop¥255provided courtesy of iTunes

環境変数から設定値を読み取るPythonのメタクラス

アプリケーションの設定を環境変数経由で渡すし、個別の設定にはデフォルト値がある、というシチュエーションを考える。 素朴には os.environ.get("FOO", "default_value") みたいなのを書けば設定値を取得できる。が、これにはいくつか問題がある。 まず、…

ふつうの日記を長らく書いていなかったので、書く。 緊急事態宣言が解けたけど、お店はマンボーで19時ラストオーダーのところが多くて、したがって週末ぐらいしか飲みに行けない。もうちょっとの辛抱ではありそう? ワクチンを打ちたいけど、直近の情勢を見…

Relay + TypeScriptでnodeクエリを使うときは__typenameフィールドを明示的に取得すると便利

タイトルが全てです。 作品詳細ページで、id をもとに作品 (Artwork) を取得したいとする。 Artwork が Node インタフェースを実装しているなら、以下のように node クエリを使って取得できる。 query ArtworkDetailQuery($id: ID!) { artwork: node(id: $id…

入力フォームに対してIMEの確定を待ってからEnterでなんかするやつ

入力フォームがあって、Enterを押して入力したテキストをリストに追加したいとしましょう。↓こちらでお試しできます。 ここに追加されるよ (() => { const list = document.querySelector("#list_1"); const input = document.querySelector("#input_1"); in…

趣味でGraphQL APIを使ったwebアプリケーションを作ってみた感想

GraphQL APIを備えたwebアプリケーションを趣味で作っていて、完成したので感想をまとめる。 目次 目次 作ったアプリケーション 使ったライブラリ Flask SQLAlchemy alembic Graphene-Python 作ってみてどうだったか おわりに 作ったアプリケーション サーク…

WEB+DB PRESS Vol.123『Perl Hackers Hub』に寄稿した #wdpress

WEB+DB PRESS Vol.123 (2021/6/24 (明日!) 発売) のPerl Hackers Hubに「他言語のライブラリをPerlに移植する」というテーマで寄稿しました。twitter-textをPerlに移植した際に得られた知見をもとに、他言語で実装されたライブラリをPerlに移植する際のコツ…

SQLでSQLを組み立てる

趣味で作っているアプリケーションについて、データマイグレーションを行いたくなった。ちゃんとやるなら、マイグレーション用のスクリプトを書いて、メンテナンスモードにして、スクリプトを適用する……みたいな手順を踏むと思うけど、趣味プロダクトなので…

Pythonのキーワード引数に任意のdictを展開して渡す

Pythonでは、引数に **kwargs のように書くことで、任意のキーワード引数を受ける関数を定義することができる。 キーワード引数はdictとして使うことができる。 def print_kwargs_as_dict(**kwargs): print(kwargs) キーワード引数では、識別子としてvalidな…

One Line Coloring 全クリした

gyazo.com store.steampowered.com 一筆書きゲーム。こういうの無限にやり続けてしまうけど終わりがあったので助かった。100問を45秒以内に解く実績をまだ解除していないことに気づいたけどもういいでしょう。 2021/6/10 追記 100問を45秒以内に解く実績も解…

今日の成果

gyazo.com 退勤してから3時間ぐらいぶっ続けでプレイしていて指が痛くなってきた。 www.gamesaien.com

ペアプロ活動パターン

仕事でよくペアプロでコードを書くのですが、気をつけていることがいくつかあるので共有します。みなさまは何に気をつけていますか? 考えていることを声に出す やりたいことが実現できずに詰まっていると黙りがち どうやったらいいか分からず困っている・違…

fetch APIにおけるHTTPリクエストの中断・タイムアウト

AbortControllerを使うことで実現できる。 MDNにも書いてあるけど、以下の操作でfetch APIによるHTTPリクエストを中断できる。 fetch() の第2引数のオブジェクトの signal フィールドに AbortController.signal を渡す AbortController.abort() を呼ぶ HTTP…

健全なる精神は、健全なる住環境に宿る

引っ越した当初から自宅に洗濯機が置いてあったのだけれど、脱水の効きが悪すぎて、洗濯物がびちょびちょな状態で出てきていた。マンションに共用のコインランドリーがあったので、自宅の洗濯機は物置代わりにしてコインランドリーを使っていたのだけれど、…

JavaScriptで [0, 1, ..., N - 1] という配列を得る

小ネタです。 課題 JavaScriptで [0, 1, ..., N - 1] みたいな、要素数Nの配列が欲しくなった。本番環境に使う用のコードではなく、とりあえず開発用に動けばよい、ぐらい。 new Array(N) で長さNの配列が得られるから、mapすれば得られるはず……と思って new…

Kindleポイント半額還元キャンペーンで買った漫画

百合姫コミックス向けのキャンペーンが行われているのかと思ったけど、そういうわけではなかった。 ふたりエスケープ ふたりエスケープ: 1【イラスト特典付】 (百合姫コミックス)作者:田口 囁一一迅社Amazon 顔が良い無職の先輩と漫画家の後輩が二人で現実逃…

21時前ぐらいに眠気が来たのでスッと入眠して11時間ぐらい寝た。予定が押していない日はこういう風に過ごすのも悪くない。

Fitbit Charge 4を買った

blog.utgw.net 【Suica対応】 Fitbit Charge4 GPS搭載フィットネストラッカー Black/Black L/Sサイズ [日本正規品] FB417BKBK-JPFitbit(フィットビット)Amazon 画面が暗すぎて心拍数も確認できなくなっていたので、Fitbit Charge 4を買ってセットアップした…