環境 Nextjs 13 edge-csrf 1.0.3-rc1 TypeScript 5 やりたいこと 今日は、Next.jsの開発について書こうと思います。Next.jsは、開発がとても便利であることがよく知られています。 しかし、CSRFトークンの機能がRailsのようにネイティブで用意されていないた…

今日は、毎日薬を欠かさず飲む人がすごいと思った。 俺は、朝昼晩の3回飲まなきゃいけない薬があるけど、毎日どこかしら忘れてしまう。 特に朝は時間がなくて、飲めないこともある。 でも、効果が切れて体調が悪くなってから「あ、飲んでないな」と気づくパ…

環境 kubernetes 1.26 やりたいこと kubeadmで構築した自宅k8s環境にモニタリングを入れたい podリソースとか監視とかしたい 調べた感じkube-prometheus-stackがいいっぽい PrometheusとGrafanaとか一括でインストールしてくれる やり方 まずはnamespace作成…

環境 @typescript-eslint/eslint-plugin v5.56 typescript v5 概要 今日は、Typescriptにおいてeslintのチェックがよく使われるため、有用なEslintのルールについて知っておくことが重要なことであると言えます。特に 「recommended-requiring-type-checking…

やりたいこと Discordは便利なコミュニケーションアプリケーションであり、Discord botを開発することは、プログラミングに興味を持っている人にとって魅力的なプロジェクトの一つです。 今回は、Discord botをTypeScriptで作成し、!pingコマンドを送信する…

環境 Ruby 3.x rest-clientとは rest-client/rest-client: Simple HTTP and REST client for Ruby, inspired by microframework syntax for specifying actions. rest-client は、RubyでRESTful APIを簡単に扱うためのライブラリです。GETやPOSTメソッドを使…

やりたいこと プログラマーがLinux上で作業するとき、大量のコードを扱うことがあります。 その中で、特定の拡張子を持つファイルを検索する必要がある場合があります。また、複数のサブディレクトリにまたがって検索することもあります。 ここでは、Linuxの…

limaよくバグる問題 M2のMacbookではDocker Desktopではなくlimaを使うようにした。が、ネットワーク周りでバグがあるっぽくて、macをスリープさせてから復帰するとDockerが使えない問題が多々あった。 Stuck on "ssh" or "user session is ready for ssh" ·…

k8sリソースの種類多すぎ問題 紛らわしいService、Gateway、VirtualServiceについてそれぞれメモ Service Serviceは、Kubernetesクラスタ内のマイクロサービス間の通信を制御するために使用されるリソースです。Serviceは、1つ以上のPodをグループ化し、グル…

EnvelopeとScale to Fitの違い Envelope (Outer Fit) と ・Scale to Fit (Inner Fit) の違いについて解説します。 Envelope (Outer Fit) は、元の画像のアスペクト比（縦横比）を保ったまま、キャンバスの幅と高さに合わせて拡大・縮小する方法 Scale to Fit…

俺が都内を歩いていると、よく両手を離して自転車に乗っている人を見かける。 スマホしながら乗っている人ならまだわかるが、ただ両手を離している人は一体何が目的なのだろうか？ サーカスの練習でもしているつもりなのだろうか（笑）。正直、両手を離す理…

環境 Ubuntu 22.04 やりたいこと パソコンの電源ボタンを押したら安全にシャットダウンしたい。シャットダウンコマンドいちいち打つのめんどい。 方法 /etc/acpi/events/power を作成して以下 event=button/power action=/sbin/poweroff 反映 systemctl rest…

pyenvでPython入れるの面倒問題 ちゃんとした開発するならDockerでやるし、pipでサクッとスクリプト動かすくらいしかやらないよって場合はhomebrewでPythonインストールしたほうが楽 MacOSデフォルトのPythonはバージョンが選べなかったり権限の理由からオス…

最近の曲、短い説 最近（どこからを最近にするかにもよるが）は年々曲が短くなってきていると聞く。 最新ヒットソングの尺が90年代と比べて約1分以上短くなった理由 | 週刊女性PRIME ChatGPTに「j-popの曲の長さが年々短くなってきているというのは本当でし…

Bing AIに小説を書いてもらう 百合ラブコメ系 「ぼっち・ざ・ろっく！」の原作に登場する後藤ひとりと喜多郁代の百合ラブコメの脚本を作成し、セリフのみ出力してください。 原作を知っている人が違和感を覚えないように原作に忠実な設定でお願いします。 【…

test

ツイッターでバンドリのツイートが流れてきてふと目に止まった。どうやら大型アップデートするっぽい ガルパ6周年超大型アップデート記念サイト公開3月16日(木)0:00に行う超大型アップデートの詳細などを掲載ぜひチェックしてみてくださいね❗サイトはこちら✨…

オレオレコマンドセット 「hogehoge」を任意のレポジトリ名に変更すること k create ns hogehoge k create secret generic my-secret --from-env-file=.env argocd app create hogehoge --repo https://github.com/thr3a/kubernetes-manifests.git \ --dest-…

環境 Kubernetes 1.24 Argocd v2.4 ArgoCDのsync遅すぎ問題 よく記事に「ArgoCDは自動でgitをsyncしてくれるので自動で反映してくれる」みたいなこと書いてあるけどデフォルトの設定ではやってくれない。 しかもauto-syncを有効にしてもデフォルトでは「３分…

環境 Kubernetes 1.24 やりたいこと Kubernetes上に作成したCronjobが正常に動くか手動でテストしたい やり方 例えば元のCronjobがlog_rotateで、即時実行の名前をonetimeとすると kubectl create job onetime --from=cronjob/log_rotate で実行される。 実…

環境 actions/checkout@v3 やりたいこと GitHub ActionsでCI実行後にgit差分があればコミット&pushする。 なければそのまま終了する どういうとき使うのかって言うと自動定期アップデートとか コード - name: Commit updated files run: | git config core.f…

環境 nextjs 12.3 InferGetStaticPropsTypeってなに getStaticPropsの返却値をもとにNextPageに渡されるPropsの型を推論してくれる機能 よくあるgetStaticPropsの例 例えばこんな感じにあったとして import type { NextPage } from 'next'; import { GetStat…

やりたいこと JSONとかのJavaScriptオブジェクトの配列があったとき、特定のキーとかでグルーピングしたい 例えば const list = [ { "name": "taro", "role": "admin" }, { "name": "jiro", "role": "staff" }, { "name": "hanako", "role": "admin" } ]; っ…

やりたいこと 「test string」を「testString」に変換したり、「test_string」に変換したりと色々スネークケースやらキャメルケースを相互変換したい。 色々調べた結果、jsの場合はblakeembrey/change-caseのライブラリがよさげだった インストール npm inst…

環境 Playwright 1.25 やりたいこと ページにある要素のinnerTextを取得したい コード ポイントは el: HTMLElement していること。これがないと型がanyになってしまいエラーになる。 import { chromium } from 'playwright'; (async () => { const browser =…

環境 React v18 問題点 ReactにはProps機能があり、それを使うとコンポーネント間でデータのやり取りが出来る。 が孫とかまでやりとりしようとすると一気に面倒になる import type { NextPage } from 'next'; import { useState } from 'react'; const Home:…

環境 Kubernetes 1.24 シークレットが当たり前過ぎて全然記事がなかったのでまとめ 追加方法 まずは秘匿情報が書かれたキーとバリューの組み合わせが書かれたファイルを用意する NAME=taro PASSWORD=12345 kubectl create secret generic 構文でシークレット…

コレを見てくれ https://zenn.dev/ynakamura/articles/e562376735d398

環境 TypeScript 4 問題 例えば以下のようなサンプルコードがあったとする function receivedStringValue() : string { return 'apple'; } const fruits = { apple: 'りんご', banana: 'バナナ', melon: 'メロン' }; const key: string = receivedStringValu…

環境 Kubernetes 1.24 やりたいこと kubeadmでKubernetesのクラスタを生成すると１台目のノードがマスターノードとなる。つまりcontrol-planeは１台構成 一般的には２台以上が推奨なのでもう１台増やしてみる 手順 まずはkubeadmコマンドでcontrol-plane証明…