GIFで理解するCache-Control入門

「これを見ればCache-Control周りが大体分かる」を目指します。!この記事内では単に「CDN」と書いていますが、本来は「経路上に存在するすべてのCDNやプロキシなど」が正しいです。とはいえ、それだと長くて読みにくいので、記事内では単に「CDN」と書いています。

【Mac】Claude Codeのステータスラインに使用量を表示するシェルスクリプトを作った 🔖 1

Claude Codeを使っていると「あとどんだけ残量あるんだ⋯？」が気になって仕方なくなります。そこで、ステータスラインに残量を常時表示するシェルスクリプトをChatGPTに作ってもらいました👇こんな感じで、5時間あたりの使用率と7日間あたりの使用率がプログレスバーで表示

OAuth 2.0/OpenID Connectでは「ユーザーに認可」できない 🔖 1

はじめにOAuth 2.0は認可のためのフレームワークです．また，OpenID ConnectはOAuth 2.0の拡張であり，認証のためのフレームワークです．これらを利用すると，Access Tokenを得ることができ，様々なリソースサーバーへアクセスできます。ここで勘違

OpenID Connectはなぜ必要か

はじめにOpenID Connectは，OAuth 2.0を拡張した，認証を行うためのプロトコルです．OAuth 2.0は認可のためのフレームワークですが，しばしばOAuth認証として，認証のためのプロトコルとしても利用されます．では，なぜOpenID Connectが認証

「ソフトウェア設計の結合バランス」から学ぶ、高凝集・疎結合を三次元で考えるモジュール設計 🔖 4

一般的にソフトウェアのモジュール設計は「凝集度」や「結合度」といったモデルによって評価され、「高凝集・疎結合が良い設計の指標」として広く知られています。しかし、これらの既存のモデルだけでは現代のソフトウェア設計の課題に十分に対応できない場面があります。具体的には、以下のよう

YouTubeに学ぶWebで動画を快適にブラウズする技術 🔖 1

最近業務で動画プレイヤーを実装する機会がありました。実装においてはユーザーがよく触れているサービスと同じ挙動になっていることが重要だと考えYouTubeを大いに参考にしましたが、YouTubeには動画を快適にブラウズするための細かい実装がたくさん盛り込まれており、面白い発見が多

Better Authを理解する 🔖 2

はじめにWebで動的なサイトを作るとき，多くの場合で認証は欠かせません．PrAhaで作成しているWebアプリでも，その大半に何らかのログイン機構が組み込まれています．これらのログイン機構について，多くの場合ではフルスクラッチでの実装ではなく，ライブラリによる実装を選択すると

Cloudflare × WordPress × 激安サーバーで大量アクセスを捌く

趣味でやってるブログの話です！WordPressの記事は非プログラマーにも見てもらえそうなので、なるべく噛み砕いて書いてみます。 背景私は元アフィリエイターです。今でもXサーバーでWordPressブログを10個くらい運営しています。ですが最近はアクセス数も落ちてきた

AIで学んでいるのに成長できないなら、環境が原因かもしれない

昨今のプログラミング学習においては、いつでも気が済むまで質問に答えてくれる生成AIの登場により、以前よりも遥かに効率よく知識を得られるようになりました。多くのプログラミング学習者が、まずAIに質問し、素早く答えを得るという学び方を取り入れています。その一方で、答えはわかるのに成

VScodeで使えるDatabase Clientという最高のDBクライアントツール 🔖 1

私は4年くらい使っています。Database Client - Visual Studio Marketplace 気に入ってるところ AIと連携できるこれが1番素晴らしいと思っています。テーブル名の補完をしてくれますし、GitHub CopilotなどのAIを

Pothosで始めるコードファーストなGraphQL開発

Pothosは型安全性を実現するためのコードファーストなGraphQLスキーマビルダーで、TypeScriptで記述したコードから簡単にGraphQLスキーマを構築できるライブラリです。https://pothos-graphql.dev/本稿ではPothosの特徴と弊社での

TestcontainersでRDBを使ったテストを快適にする仕組み 🔖 5

なぜSQLのテストが必要なのかユニットテストでDBアクセスをモックするのは一般的なプラクティスです。テストの高速化に有効ですが、SQLロジック自体はテストされないという課題があります。複雑なJOINや集計処理、サブクエリを含むSQLは、意図通りに動作しているか実際にRDBで実

なぜResult型ライブラリを再発明したのか 🔖 2

はじめにTypeScriptでエラーハンドリングを型安全に行いたいと考えたとき、皆さんはどのようなアプローチを取るでしょうか。JavaScript/TypeScriptの標準的なエラーハンドリング手法であるtry/catchは、型安全性に欠け、エラーが発生する可能性のあるコー

TypeScriptにResult型を導入するための妥協点はどこか？ 🔖 61

現実のアプリケーションで発生するすべてのエラー・例外をResult型に変換するのは非現実的エラーハンドリングが不要なものはUnexpectedErrorとしてまとめてしまうという現実的な落とし所を提案する記事です。!記事内で使用されているResult型は@praha/

【TypeScript】カスタムエラーのすすめ 🔖 27

TypeScriptで開発をしていると、APIエラーやバリデーションエラーなど、さまざまなエラーを扱う場面があります。そんなときに、標準のErrorクラスだけで対応していませんか。この記事では、カスタムエラーを導入するメリットと、ボイラープレートを減らしてカスタムエラーを楽に

【170GB削減】Flutter開発でストレージ空き容量がパンパンになったときの対処法 🔖 19

「私の場合はこうすると空き容量を増やせました」を書きます。▲こんな感じで容量がいっぱいになってしまった時の対処法 先に結論結論から書くと、以下をすると合計170GBほど減らせました。miseを使ってる場合：mise pruneする（110GB→10GB）i

Reactで作るアニメ付きドリルダウンUI ─ 状態設計から実装まで 🔖 1

業務でドリルダウン（UIパターン）を実現するコンポーネントを実装する機会がありました。状態管理やアニメーションの実装に関していろいろ考えることが多かったので、実装中何を考えていたのかをトレースして記事にまとめました。ドリルダウンに関する説明はソシオメディアさんの記事がわかりやす

MCPサーバーでTSDocを参照出来るようにする 🔖 1

はじめに近年、ClaudeをはじめとしたLLMの進化はめざましく、日々の開発補助や設計検討など、ソフトウェアエンジニアリングのあらゆる場面で利用されるようになってきました。しかし、LLMの持つ知識は訓練データのカットオフ時点までのものに限られているという制約があります。これに

@praha/byethrowの全機能リファレンス

はじめに前回の記事で@praha/byethrowについて紹介しましたが、本記事ではこのライブラリの全機能についてより詳しく紹介したいと思います。@praha/byethrowは、JavaScript/TypeScript向けの軽量でシンプルなエラーハンドリングライブラリです

TreeShakableなResultライブラリを作りました 🔖 1

はじめにJavaScriptでは、throwを使ってエラーを明示的に投げることで、処理を中断する「大域脱出」が可能です。しかし、TypeScriptではこのthrowによって発生するエラーの型を記述できないため、型安全性が損なわれてしまいます。この問題を解決するために、関数の

Flutter初心者にflutter_hooksは必要ないかもしれない 🔖 1

2024年5月頃から社内でモバイルアプリを開発するチームが立ち上がりました。チーム全員がReactには慣れている一方でほとんどのメンバーがFlutter未経験という状態で、以下のような期待からflutter_hooksの導入を決めました。Widgetからロジックを切り出せる