kk-web

昨日のブログが怖いと言われたので、今日は普通の内容です。 以前にも書いたのですが、スクラムにおける開発フローというのは個人的にある程度ベストプラクティスを持っていまして。 今日はそれを改めて書いていこうといった内容です。 前提 スクラム開発 期間の短いスプリントのほうが適している GitHub スプリントバックログ内の作業タスクを扱う オープン

精神的に向上心のないものは馬鹿だ、という K の言葉は大人になった今でも脳裏に深くこびりついている人は多いであろう。 みな自身ことがわかっているようでわかっていない、もちろんそれは自分のことも含め、毎日毎日大小さまざまなことに考えを巡らせる。 精神的に向上心のないものは馬鹿だというのは非常に簡潔で、ともすれば非常に耳の痛い言葉であり、さすれば向上心を持たねばと前を向いて歩き出すのはとても自然

ベストプラクティスは言いすぎかもですが、個人的にもうこれがベストだろ！という書きっぷりに至ったので書いていこうと思います。 コードはすべて ChatGPT に出力してもらったので動作は未確認です、悪しからず。 技術スタック React v19 Next.js v15 React Hook Form @hookform/resolvers @hoo

めずらしく AI に聞いて解決しなかったので調べてみました。 結論から書いちゃいますと。 まず .lefthook/commit-msg/commitlint.sh というスクリプトを作り、そこに echo $(head -n1 $1) | npx commitlint --color を記述します。 次に lefthook.yml に以下を追加します。 `ya

YouTube Growth ざっくり説明すると、YouTube チャンネルを解析し得られた解析データを AI に噛ませアドバイスを取得するというサービスです。 類似サービスはたくさんあると思うんですが、今回は低価格をウリにしてみました。 今回は AI を使用している関係上ソースコードは公開していません、悪しから

[SwitchBot 学習リモコン](https://www.amazon.co.jp/SwitchBot-%E3%82%A8%E3%82%A2%E3%82%B3%E3%83%B3%E3%83%BB%E3%83%86%E3%83%AC%E3%83%93%E3%83%BB%E7%85%A7%E6%98%8E%E3%81%AA%E3%81%A9%E5%AE%B6%E9%9B%BB%E3%82%92%

ここ 1 年ほどで、ADHD および ASD を持たれている方との付き合いが増えていまして。 離婚したら付き合いが増えるという、先日友人からも「ぴろさんはそういう人を惹きつける何かがあるのかもね？」とすら言われるようになってきました。 ADHD と ASD を一緒くたにするのはどうなのか？と思わなくもないですが、とはいえ自分の周りには両方ともに持ち合わせている方が多いので今回はあまり区別しま

あけましておめでとうございます。 多分日本一遅い新しい年の挨拶かもと思いつつ、本題です。 Squeal さんという方がおられまして、流石にこのブログの読者の方に Squeal さんのことを知っている方はいないと思いますが…。 元歌い手の方で、この歌ってみた を歌われている方でして。 先の動

2024 年も今日で終わりということで、1 年を振り返っていこうと思います。 というのも、あまり 1 年の振り返りのようなエントリーはブログに書かないタチなのですが。 今年はもうほんとどん底を這いずり回るかのような散々な 1 年だったので、新しい 1 年を気分良く迎えるためにも、ここに書き残しておこうかなと思った次第です。 2024 年の始まりは、愛犬との別れからスタートしました

オモコロアーカイブをリニューアルしました。 リポジトリも公開しています。 iOS で PWA のインストールプロンプトが表示されてないっぽいですが、それ以外は大丈夫かなと。 ストアで公開するかは考え中です、お金がない

今年もぼちぼち終わりですね。 毎年恒例？となっている、今年買って良かったものを書いていこうと思います。 とはいえ、今年は本当にあまり何も買わなかったので、あまり期待せず。 [5位：ZINZ ビジネスリュック](https://www.amazon.co.jp/dp/B0B9HBC1LZ?ref=ppxyo2ovdtbfedasintitle&tag=piro09

Next.js で Web Push を実装する場合、公式ドキュメント に沿ったら問題ないと思うのですが。 もうちょっとシンプルに実装したいなーと思い色々と調べてみたところ、[Serwist](https://ser

searchParams ってすげーやっかいだなーと常々感じていまして。 どういうことかと言いますと、 そもそも値の有無がめんどくさい、空文字なの？ undefined なの？ null なの？ 型の変換がめんどくさい、number や boolean をいちいち変換しなきゃいけない 配列を扱うのがめんどくさい、要素数 0 は空配列なの？要素数 1 は文字列なの？配列なの？ な

せっかく防音性能が高く楽器演奏可のマンションに住んでいるのでと思い、電子ドラムを買いました、無職なのに。 ![VQD106](https://lh3.googleusercontent.com/pw/AP1GczOZLR5TW7TKxT6sMnRCDSvJFYydSxXmJKIPGHn32sdkMO4v7Hj2jPdV9O9-lYmMpPC9qnYpt1FJs7URkkh5sRKu-48nyY

VTuberプロダクションの ラブボックス公式サイト を作らせていただきました。 愛らしい感じを最大限に引き出しつつ、ポップでキュートな雰囲気も併せ持つサイトデザインに仕立てようと頑張ってみました。 以下少しだけ開発に関する蛇足です。 ラブボックスさんは VTuber プロダクションなんですが、リアルライブも開催するというちょっと

最近は仕事もプライベートもボロボロでして。 肉体的にも精神的にもだいぶ来ているので、それに合わせて漫画を読む量も増えています。 ということで今回は最近読んで面白かった漫画を紹介していこうと思います。 ハローワークモンスターズ [<img alt="ハローワークモンスターズ" src="https://m.media-a

久しぶりに npm パッケージを作ってみました。 react-page-border サイトにフチをつけたいなーと思うことがしばしばあるのですが。 スマホのレスポンシブ対応やら Safari 対応やらを考えると、意外とめんどくさいんですよね。 で、今回じっくりと実装感を探ってみまして、一

スクラムマスターやエンジニアリングマネージャーを務めているときに強く意識することの 1 つとして『常にメンバーのモチベーターであり続けたい』というのがあります。 モチベーター、つまり誰かのモチベーションの維持や向上などマネージメントコントロールを行うロールのことです。 スクラムマスターなんかはとくにモチベーターとしての役割が求められることは、言うまでもありません。 ところがどっこ

日々 AI を用いた書きっぷりはどんどん変わっていまして。 基本的にアメリカを中心に情報がアップデートされているため、日本語の情報はかなり後手後手な印象を受けます。 そんな中でいろいろと情報を調べてみたのですが、基本的には AI SDK を追いかけていれば問題ないかなーという印象です。 ということで、今回は [Next.js × AI](

Claude を使用して作ってみました、自分の実装は 0 です。 youtube-quiz-generator YouTube の URL を入力すると、その動画から四択問題を作ってくれるサービスです。 例えば [【作品多すぎ】マーベル映画をだいたい観てる男によるあなたにオススメのマ

35 歳になりました、あらふぉですね、あらふぉ。 恒例のやつです。 34 歳 33 歳 32 歳 [31 歳](https://kk-web.link/bl

業務で必要になったので作ってみました。 以下ざくっと実装です、本当に最低限だけ。 useServerAction import { StreamableValue, readStreamableValue } from "ai/rsc"; import { useCallback, useState } from "react"; type UseMutati

ぼちぼち 35 歳が見えてきまして。 バツイチ独身子なし彼女なしと、なかなかどーしようもない感じになってきましたが、相変わらずフロントエンドプログラマーとして働いています。 いつのまにかエンジニアとしてのキャリアも干支が一周し、フロントエンドプログラマー歴も 7 年目と、まごうことなきおっさんになってきました。 これくらいの年齢になってくるといつのまにか同年代のプログラマーも徐々に減ってき

現在業務で Next.js に Congnito の SSO を乗っける作業をしているのですが。 Okta を使用した SSO の実装だったのですが、とくにサーバーサイドまで考慮した情報はほぼ皆無で、えらく苦戦しました。 ということで、今回は実装中にわかったことやまだわかっていないことを備忘録がてら書いていこうと思います。 Cognito と Okta の連携 [この記事

調べてみると色々と情報が錯綜していたので、備忘録がてら。 今回は以下の仕様となっています。 Next.js Vercel 適当に router.tsx ファイルを作成し、以下のように書いてあげたら動きました。 import { promises as fs } from "fs"; import path from "path"; import { ImageRes