株式会社プラハは2022年、株式会社アガルートによるM&Aで子会社となりました。この変化の一環として、アガルート社長自らがプロダクトオーナーのひとりとして参加する新規プロダクト開発が始まりました。プロダクトの開発はプラハの私たちが担当し、私も「開発チームのリーダー」としてそのチームに加わることになりました。私はこれまで開発メンバーとしての経験しかありませんでしたが、エクストリームプログラミングとかレガシーコードからの脱却とかめっちゃ好きで、本で学んだプラクティスをリーダーとして実践できる機会が与えられて最高にハッピーでした。しかも、プロダクトオーナーの一人として参加するアガル...

タイトルの通りです。OriginAccessControlのnameに64文字以上のテキストを入れるとデプロイ時にコケます。表示されるエラーは下記のように、情報量皆無なメッセージのみです。Resource handler returned message: "Invalid request provided: AWS::CloudFront::OriginAccessControl" (RequestToken: 5b95a26b-63e0-ac0a-fe8e-3b51ea24ebd1, HandlerErrorCode: InvalidRequest) 対策文字列が一定の長...

「ここ間違ってるよ！」があれば、コメントで指摘して頂けるとうれしいです。 フォーマッターフォーマッターは「俺が決めた書き方に修正してやるぜ」なツールです。たとえば「この行は文字数が多すぎるから改行してやるぜ」とかをしてくれます。現状は、Prettierがよく使われているようです。フォーマットするルールは自分で追加できますが、公式には「フォーマットルールを議論することは無駄です」的なことが書かれてるので、暗にデフォルト設定のまま使うことを推奨している気がします。 リンターリンターは「その書き方はやめたほうが身のためだぜ」を警告してくれるツールです。警告するルールは自分で...

!この記事はPrettierを使用している人を非難したり、脱Prettierを推奨する事を目的としていません。こういった考え方もあるということをひとつの意見としてご覧いただければ幸いです。!勘違いしている人が多そうなので追記します。Prettierを使わないというのは私が独断で決めた事ではないです。チームが発足する際の技術選定で合意は取れていますし、私が関与していない別のチームでも同様にPrettier無しで開発しています。私達のチームはメンバー同士を互いに信頼していますし、細いスタイルで喧嘩を始めるようなメンバーは居ないので安心してください。 はじめにPrett...

2月になると「確定申告の季節ですね～」と言うエンジニアがいるのだ。ぼくも「そうですねー」と話をあわせるのだが「確定申告」ってなんなのだあああああああ～～～～？実はぜんぜん知らないのだああああああああああああああ･･･って内心は思ってるのだ。そんなことではいけないと思い、確定申告について調べてみたのだ！ 確定申告とは？一言でいうと「私は今年これだけ稼ぎました！」と税務署に報告することを指すらしいのだ。うん、それは知ってるのだ。中学生のときに「国民は納税する義務があるよ」と教えられたのだ。でも、具体的にいつ？どれくらい稼いだら？どうやって申告する？税金の仕組み...

はじめにHonoでは@hono/zod-openapiと@hono/swagger-uiを利用することで、APIのドキュメントを自動生成することができます。今回は、この2つのパッケージを利用して、APIのドキュメントを自動生成する方法を紹介します。 HonoとはHonoは軽量かつ、高速な事が特徴なWebフレームワークです。さらに、特定の実行環境に依存しないように設計されているため、Node.jsやDeno、Cloudflare Workersなど、様々な環境で利用することができます。また、Honoは様々なMiddleware[1]を提供しており、それらを組み合わせること...

DefinitelyTypedにプルリクを送った話を書きます。（人生初OSS活動でした🌎） 経緯最近、react-calendar-heatmapというライブラリを使う機会がありました。GitHubで使われているようなヒートマップを表示してくれるライブラリです👇▲しずかなインターネットでも使用されてみたいですとても便利なライブラリなのですが、以下のような状況でした。本体パッケージにTypeScriptの型が含まれていないDefinitelyTypedにはあるが、anyが多い一言でいうと「つらい」。そんなわけでDefinitelyTypedの型ファイルを見たところ...

はじめにOSSにコントリビューションする際に敷居が高い点で英語によるコミットメッセージがあると思います。そこで、英語が苦手な方でも気軽にコントリビューションできるように、英語のコミットメッセージ集を作成しました。このコミットメッセージ集を参考にすれば、大体のコミットメッセージはカバーできると思います。Let's contribute to OSS! 辞典 ○○を追加したAdd ○○ファイルや機能などを追加した際に使用します。 例文ビルドスクリプトを追加したAdd build scriptボタンコンポーネントを追加したAdd button compo...

API Gatewayを介してLambdaをAPIとして公開する際に、BASIC認証の実装で躓いた所があったので備忘録として残します。 BASIC認証のダイアログが表示される仕組みBASIC認証は、HTTPの仕様の一つで、クライアントがサーバーに対して認証情報を送信する仕組みです。サーバーは、クライアントから送信された認証情報を検証し、認証に成功した場合はリソースを返します。認証に失敗した場合は、401 Unauthorizedを返し、WWW-Authenticateヘッダーに要求する認証を記述します。クライアントは、このWWW-Authenticateヘッダーを受け取る事で...

「プログラマー脳」という本を読みました。技術本としては風変わりで面白かったので、せっかくなのでメモしておきます。（雑な解釈なので「それ違うんじゃね？」があるかもです。その場合は指摘してくれるとうれしいです） 📖どういう本かザックリ言うと科学的にいうとプログラマはこういう感じでコードを書いたりしてるので、こういうことを意識すると効率が上がるかもね！みたいな内容を書いてる本です。 🧠人がコードを読むときの脳内人がコードを読んでいるとき、どのようなことが脳内で起こっているのでしょう？･･･という感じの説明からはじまります。▲こういう流れらしいまずコードを読むと、目...

VScodeだけでGit操作を完結させる方法について書くのだ。 👀その前に！この記事は、以下の2つの拡張機能がインストールされている前提で進めるのだ。Git Graph - Visual Studio MarketplaceGitLens — Git supercharged - Visual Studio Marketplaceインストールしておいてほしいのだ。 ✅ステージング(git add ◯）以下のようにするのだ。＋ボタンをクリック：ステージングするーボタンをクリック：ステージングを解除する▲ステージング→解除 ✅コミット名を自動でつける...

はじめに弊社では、2023年11月よりOSSチームの活動がスタートしました。このチームに参加しているメンバーは、1週間のうちの1日分の稼働をOSS活動に割り当てる事ができます。社員の技術力向上及び、日頃使わせていただいているOSSコミュニティに対する恩返しをチームのミッションとしています。OSSチーム以前のOSS部では下記のような活動も行っていました。https://zenn.dev/praha/articles/d583133c6ecb2fhttps://zenn.dev/praha/articles/7e3eca94203862今回は、OSSチームで新たに開発したGi...

はじめにNext.js + vanilla-extract な構成で開発していると、ふとしたタイミングで Error: Didn't get a result from child compiler. というエラーに出くわすことがあります。弊社強々エンジニアへ駆け込んだところ「どっかで見たことある」とのことでちょちょいと調べていただき、秒で解決しました。2時間の苦労が10秒で解決することもある。 構成Next.jsApp Router を使用 ※今回の話には関係ないですtsconfig の Paths パラメータで絶対パス import を指定vanilla...

https://nextjs.org/blog/next-14雑に翻訳しました。意訳がめちゃくちゃ含まれているので注意です。Next.js Confで発表したとおり、Next.js 14 は、下記の点に最も重点を置いたリリースです。Turbopack : App & Pages Router で 5,000種のテストに合格ローカルサーバーの起動が53%高速化Fast Refreshによるコード更新時の反映速度が94%高速化Server Actions (Stable) : Progressive EnhancementなMutationを実現するキ...

はじめに社内でOSS活動を広める一環として、RenovateとESLintのShareableConfigをOSSとして公開しました。OSS活動をもっと身近に感じていただくためのきっかけになればと考えています。過去にこちらの記事で紹介した「LooksToMe」というサービスも、このOSS活動の一環として展開しています。今回は新たに公開した、RenovateとESLintのShareableConfigについて紹介させて頂きます。 RenovateRenovateは、プロジェクトの依存関係を自動でアップデートしてくれるツールです。Configを設定することで、アップデー...

はじめにLooksToMeでは画像の最適化と加工に、Cloudflare Image Resizingを利用しています。Cloudflare Image Resizingは内部でキャッシュを保持していますが、そのキャッシュへのアクセスにも課金が発生する仕組みとなっています。そのため、そのまま利用すると課金額が高くついてしまいます。今回は、LooksToMeで使用しているCloudflare Image Resizingのコスト削減戦略について紹介したいと思います。御託はいいから早くコード見せろよって方はこちらをどうぞコード全文type R2CacheKeyParams =...

はじめにLGTM画像を投稿・シェアするサービスをプラハの有志メンバー達と一緒に作りました。今回はこちらのサービスについて紹介させて頂きます。 サービスの紹介https://looks-to.meLGTM画像を投稿・シェア出来るサービスです。Goodの文字は変更可能で、下記のようにLooks Cat To Meといった画像も投稿できます。僕の愛猫「くるり」ちゃんですLooksToMeは下記のOrganizationの元で管理されており、AGPL3.0のOSSとして公開しています。https://github.com/looks-to-me/looks-to-me...

はじめに皆様こんにちは。私事ですが、もうすぐチームリーダーになって1年が経ちます。そこで、今回はチームリーダー1年目に読んでよかった書籍5選を紹介したいと思います。記載している順番に特に意味はないので、気になった本があればぜひ読んでみてください。また、初めてチームリーダーを務めた案件の振り返り記事もこちらに書いていますので、もし興味があればぜひ読んでみてください。 そもそもチームリーダーに求められる能力って？書籍の紹介に入る前に、少しだけ雑談にお付き合いください。皆さんは、チームリーダーに求められるのはどんな能力だと思いますか？私は、「チームの成果を最大化できるこ...

はじめに最近仕事で、Cloudflare Workersを使って画像と文字列を合成する処理を書くことがあり、結構おもしろかったので、記事にしてみます。サンプルリポジトリをこちらに用意してあるので、コード全体を見たい方はこちらを参照してください。 事前準備wranglerを使うので、こちらの手順に従ってセットアップをお願いします やっていく 1. プロジェクトの作成以下のコマンドを実行して、プロジェクトのひな型を作成しましょう。npx wrangler generate {任意の名前} https://github.com/cloudflare/workers-s...

はじめに今回はAWS Copilot CLI（以下Copilotと呼ぶ）をおすすめしていきたいと思います。Copilotは、その名の通りCLIでAWSにコンテナアプリケーションを構築するためのツールです。Copilotを使って作成されたリソースは、ほとんどがymlファイルで管理されているため、簡易的なIaCとしても役立ちます。既にAWSに深い知識がある方は、Copilotを使わなくてもTerraformやCloudFormationを使って、簡単に同じことができるかもしれません。しかし、Copilotは最低限のAWSの知識で簡単にインフラ環境を構築することができるため、初心...