隣の会議室から聞こえてくるAIの話。業務スタイルが本当に変わってきていると実感しています。
git stash pushを使って特定のファイルだけをスタッシュする方法を解説します。
TypeScriptのユーティリティ型を組み合わせて、APIリクエスト・レスポンスの型をスマートに作成する方法を解説します。
TypeScriptのinferキーワードを使って、ジェネリック型から必要な型だけを取り出す方法をご紹介します。
React 19のuseOptimisticフックで、サーバーレスポンスを待たずにUIを先に更新するパターンをご紹介します。
media queryの代わりに@containerを使えば、コンポーネントが配置される場所に関係なくレスポンシブ対応できます
as constを使えばenumなしでも型安全な定数を作成できます
複数のAPIを同時に呼び出す時、1つの失敗で全体を失わないようにしましょう
crypto.randomUUID()だけでuuidパッケージは不要になります
TypeScriptでEnumとUnion Typeのどちらを使うべきか、実務の観点から整理しました。
Next.js 15でfetchのデフォルトキャッシュがno-storeに変更され、パフォーマンスが低下する問題と解決方法を解説します
Docker ComposeでNginxコンテナを立ち上げ、静的HTML/CSS/JSサイトをサーブする最もシンプルな方法をご紹介します。
Claude Codeで半日で塾スケジュール管理アプリを作りました。でも両ストアへの登録には3日かかりました。
Cookie認証への移行時に、既存のlocalStorageユーザーとの互換性を保つパターンをご紹介します。
pnpm workspaceでフロントエンド、インフラ、モバイルプロジェクトを1つのリポジトリで管理するモノレポ構成法をご紹介します。
Next.jsのrewrites機能で複数のバックエンドサービスを1つのドメインに集約するAPIプロキシの設定方法をご紹介します。
useRefのジェネリックにnullを含めるかどうかで、まったく異なる型になります
正確なトークナイザーなしでLLM APIコストを推定するシンプルなトークン数推定アルゴリズムをご紹介します。
API呼び出しのたびにasで型アサーションしていませんか。ジェネリクスで一括管理する方法をご紹介します。
TypeScriptの型はランタイムで消えます。Zodで外部データをランタイムでも検証する方法を紹介します
requestAnimationFrameを使用してWebアプリのリアルタイムFPSを測定し、パフォーマンス低下を検知する方法をご紹介します。
asの代わりにsatisfiesを使えば、型検証と狭い型推論を同時に実現できます
useEffectが止まらず実行され続ける3つの原因と、それぞれの解決方法をご紹介します。
英語記事のURLが/slug-en/という形式だったのが気になって、/en/slug/に変更しました。140ファイル修正。そしてページネーションも全面的に作り直しました。
1M contextモデルは素晴らしいですが...$50の無料クレジットがたった3時間で消えました。コンテキストが蓄積するほど、クエリ1回あたり$2~3ずつ消費される現実。
Claude Codeに1M contextモデルが追加されました。Compactingを気にしながら使っていたストレスが一気に解消されました。
AIでワンクリックで何でもできる時代に、開発者は何を作るべきか。ドキュメント編集すらできないAIを見て、答えを見つけました。
ブラウザのコンソールにCORSエラーが表示されたら、この記事を参考にしてください。
pushするだけでDockerイメージを自動ビルドしてECRにプッシュするワークフローの設定方法をご紹介します。
FastAPIでSQLAlchemyの非同期セッションを設定し、依存性注入で使用するパターンをご紹介します。
CDKが生成したLambda関数名を自動的に見つけてコードをデプロイするシェルスクリプトパターンをご紹介します。
OpenClawに触発されて、韓国環境に最適化されたAIエージェントOKAIBOXを作り始めました。ハードウェアからして違います。
JSON.parse(JSON.stringify())の限界をstructuredCloneで解決する方法を紹介します。
CSSだけで親要素を選択できる:has()セレクターの実践的な活用法を紹介します。
DockerのVolumeとBind Mountの違いと、開発・本番環境での使い分けを整理しました。
AIと会話中にハードウェアケースの3D図面をお願いしたら、5分もかからず完成モデルが出てきました。これはかなり衝撃でした。
Python 3.10の構造的パターンマッチングで、複雑な条件分岐をクリーンに書く方法を紹介します。
S3のPresigned URLとDynamoDB TTLを組み合わせて、有効期限とダウンロード回数制限付きのワンタイムダウンロードリンクを実装する方法をご紹介します。
Dateオブジェクトの0始まりmonthやmutable問題をTemporal APIで解決する方法
入力はすぐに反映しつつ、重いリストのレンダリングだけ遅延させます
AI市場は変化が早すぎます。年間契約したら数ヶ月でもっと良いものが出てきて、お金だけ無駄にしました。その体験談です。
CSS @layerを活用して、スタイルの優先順位の混乱を解消する方法をご紹介します。
reduceで複雑にグルーピングする時代は終わりました。Object.groupBy一つで完結します。
Node.jsでAbortControllerを活用して、fetchリクエストにタイムアウトを設定するクリーンなパターンをご紹介します。
DynamoDBのConditionExpressionを活用して同時リクエスト時のデータ競合(race condition)を防止する方法をご紹介します。
Node.jsでCPU集約的な処理をworker_threadsで分離し、メインイベントループをブロックしない方法を解説します。
CSS :is()と:where()で繰り返しのセレクタをスッキリ減らす方法と、両者のspecificity の違いを解説します。
Pythonのfrozen dataclassを使って、不変オブジェクトを簡単に作成する方法を解説します。
AWS CDKでSESメール送信Lambdaを構成するコード。API Gateway + Lambda + SESの組み合わせをご紹介します。
ターミナルベースのAIコーディングツールOpencodeを試してみました。良いツールですが、既に使っているClaude Codeがほとんどの機能を備えていました。
AIがコーディングもデザインもやってくれる時代。では開発者は何を作ればいいのか。悩んだ末に出た結論は、結局「データ」でした。
Viteモノレポで上位ディレクトリのファイルアクセスがブロックされる問題をserver.fs.allowで解決する方法をご紹介します。
ES Modulesで__dirnameと__filenameを使用する方法。import.meta.urlとfileURLToPathの組み合わせをご紹介します。
Redisキーを体系的に管理するネーミング規則とTypeScriptヘルパー関数パターンをご紹介します。
ElectronでcontextIsolationとpreloadスクリプトを使い、レンダラープロセスのNode.jsアクセスを安全に制限する方法をご紹介します。
Node.jsで--expose-gcフラグを使って手動GCをトリガーし、メモリリークを特定する方法をご紹介します。
S3から設定ファイルをfetchする際、ブラウザ/CDNキャッシュで更新が反映されない問題を解決する3つの方法をご紹介します。
Prismaスキーマで単一インデックス、複合インデックス、ソート方向インデックスを設定してクエリ性能を向上させる方法をご紹介します。
Next.js App Routerでシステム状態を確認するHealth Check APIエンドポイントの作り方をご紹介します。
Node.jsのnetモジュールでTCPポートが開いているか確認する非同期ポートスキャナーの作り方をご紹介します。
Node.jsのos.networkInterfaces()でプラットフォーム別にローカルIPを正確に取得する方法をご紹介します。
JWTをlocalStorageの代わりにHttpOnly Cookieに保存し、XSS攻撃からトークンを保護するNext.jsパターンをご紹介します。
Docker ComposeでRedisが完全に準備できてからアプリを起動するように、healthcheckとdepends_onを設定する方法をご紹介します。
ラズベリーパイで店舗用キオスクを作りました。Web開発者にとってハードウェアは新しい世界で、予想外のハマりポイントも多かったです。
毎回Authorizationヘッダーを手動で追加する代わりに、fetchラッパー関数でBearer Tokenを自動注入するパターンをご紹介します。
Lambda関数ごとにリポジトリを作成していた過去から脱却し、CDK + Lambda + Cursorで一人でもプロジェクト全体の開発が可能になった体験談
FirebaseにNaver/Kakao OIDCプロバイダーを追加しようとして徹夜した話
JavaScript内蔵のIntl.NumberFormatで通貨、桁区切り、パーセントフォーマットをライブラリなしで処理する方法をご紹介します。
ゲストユーザーも会員も自然に!Firebase Anonymous Authからアカウントリンクまでの実装過程の試行錯誤と解決策
Claude Desktop MCPでブログ生成から多言語対応まで - 5編で完成するAI基盤技術ブログ構築完全ガイド
Jekyll多言語システムからシリーズ全体回顧まで、MCPで完成するグローバル技術ブログの最終段階
CSS変数からGiscus同期まで MCPで完全なテーマ切り替えシステムを自動構築する包括的ガイド
GitHub Issues設定からJekyll統合までMCP一回のコマンドで完全なコメントシステム構築
アイデアを提示するだけでMCPがSEOメタデータから画像まで完全な技術投稿を自動生成する革新的ワークフロー
RAGはベクターDBだけではありません。VectorDB + RDS + RawData + LocalFile + APIをすべて接続するインテリジェントプラットフォームの真の意味を、製造業MESシステムの例で完全解剖します。
数日間GitHubページブログをAIで作成した際の現実的な話。AI開発の明と暗
コピー&ペーストなしでMCPサーバーがローカルファイルシステムに完全なJekyllブログを直接生成する革新的方法
ブログポスト用の画像をAIで自動生成する完全なワークフロー構築記。Pythonパッケージ開発からMCPサーバー統合まで
Google Vertex AIのImagen画像生成APIをより簡単に使用できるPythonパッケージをご紹介します。複雑な設定なしでシンプルなコードでAI画像生成を始めましょう。
既にインストールされたfilesystem、desktop-commander MCPを活用して、新しいMCPをClaudeが直接自動インストールする実践的な方法を学びます。
数年間先延ばしにしていたテックブログをClaude Desktop + MCPサーバーでたった1日で完成させました。マークダウン記法の面倒さ、複雑な設定、維持管理の負担...すべての障壁をAIペアプログラミングで解決。リアルな体験を共...
GitHub PagesとJekyllを使用して自分だけの技術ブログを作成する方法を段階的に学びます。
PM2のclusterモード設定でマルチコアを活用し、Next.jsアプリのスループットを向上させる方法をご紹介します。
Pythonでtimestamp値を取得し変換する方法から実際のプロジェクト活用まで。すぐに使えるコード例と共に説明します。
Node.jsでRedis接続をシングルトンで管理し、指数バックオフで自動再接続するパターンをご紹介します。
20年間コードを一行一行自分で打ってきましたが、今はAIに言葉で指示するとウェブサイトが出来上がります。感慨深いです。
Docker ComposeでYAMLアンカー(&)とマージ(<<)を使って、サービス設定の重複を排除する方法をご紹介します。
AIにコーディングを適当に頼むと適当なものが出てくる。1年以上AIコーディングツールを使って学んだ実践的なコツをまとめました。
CursorのAIエージェントを1ヶ月間実務で使ってみました。生産性は確実に上がりましたが、盲信すると痛い目に遭います。
Dockerマルチステージビルドで Next.js イメージを1GBから200MB以下に削減する実践的なDockerfileをご紹介します。
ローカルでLLMを動かしたくてOllamaを導入しました。思ったより簡単に動きますが、クラウドAPIと比べると限界は明確です。
ログイン機能のない公開サイトでAPIエンドポイントを安全に保護する方法。CORSだけでは不十分で、かといって認証を強制もできない状況での現実的な対策。
Next.jsの開発モードでPrismaクライアントの接続が増え続ける問題をシングルトンパターンで解決する方法をご紹介します。
JavaScriptでUTCと韓国標準時(KST)を外部ライブラリなしで変換する方法をご紹介します。
AIサービスを作っているとベクトルデータベースが必要だという話をよく聞きます。でも本当に必要なのか、既存のDBでも対応できるのか考えてみました。
最近話題の生成型AI技術を活用してグニューボード専用の質問回答サイトを作ったらどうだろうか?費用と収益に関する悩みと共にアイデアを整理してみる。
Vue.jsを学んだばかりなのに、また新しいフレームワークが気になります。SvelteKitは仮想DOMなしで速いとのこと。試してみることにしました。
SSHキー生成から活用まで!ssh-keygenコマンドで安全なサーバーアクセス環境を構築する完全ガイド
既存のオンプレミスサーバーの複雑性を解決し、AWSサーバーレスアーキテクチャでネイバーブログ自動投稿システムを構築する完全ガイド
Thingplug 2.0プラットフォーム基盤IoTセキュリティシステム設計 - AWS ServerlessとCoreCryptoを活用したハイブリッドアーキテクチャ実装
マイクロサービスアーキテクチャの設計にChatGPTを活用してみました。万能ではありませんが、ラバーダックデバッグの相手としては最高です。
htopを活用したLinuxシステムリソースのリアルタイムモニタリング完全ガイド。CPU、メモリ、プロセス状態を効率的に分析する方法
AWS EC2でリモートデスクトップを構築し、月5万円で10万円相当のPCを代替!実際のコスト分析と構築ガイド
いくつものブログプラットフォームを転々として、ようやく定住しました。開発者のブログ遊牧生活の終結記です。
ディレクトリを無視しつつ特定ファイルのみを含める.gitignore設定方法。**パターン活用で即座に解決可能
BitbucketプライベートリポジトリにSSHキーを使用してパスワードなしで安全にpushする完全な設定ガイド
Ubuntu 18.04LTSでLEMPスタックを素早くインストールする完全ガイド。ワンクリックスクリプトからマルチサイトホスティング設定まで一気に解決。
MariaDB外部接続のためのbind-address設定変更とユーザー権限設定方法を段階的に説明します。
nginxでlimit_rateとlimit_rate_after指示文を使用して効果的に帯域幅を制限する方法と実際のテストガイド
GitKrakenで組織アカウントのプライベートリポジトリが表示されない問題をOAuth権限設定で解決する方法
CSSのみでPhotoshopブレンディング効果を実装する方法。background-blend-modeとmix-blend-modeの実務活用法とレスポンシブレイアウト適用例まで。
グヌーボード bbs フォルダを修正せずにコード挿入するフック機能の使用法と全てのイベント種類をまとめました。extend フォルダ活用から実際の実装まで
JavaScript数値の前にゼロを付ける全ての方法!padStart()メソッドからカスタム関数まで、すぐに使えるコードと実践例を提供します。
GUIツールなしでコンソールからMySQL/MariaDBデータベースをバックアップ・復旧する方法。ホスティング環境ですぐに使えるコマンド集
Chrome オートコンプリート重複入力バグを実験機能リセットと韓国語入力方法再設定で完全に解決する方法
AJAX通信でbeforeSendとsetRequestHeaderを使用してHTTPヘッダーに認証トークンを追加する核心的な方法と実際の活用例について学びます。
100%無料ウェブサイトストリーミングサービスのための拡張可能なアドオンアーキテクチャ設計。マイクロサービスとプラグインパターンで無限拡張
Apacheウェブサーバーで.html拡張子のファイルでもPHPコードを実行できるように設定する方法を段階的に説明します。
Amazon CognitoをJavaScriptで連携する際に最も頻繁に発生する「クライアントシークレット」関連エラーと解決方法について説明します。
Linuxで最も多く使用されるtarコマンドのオプションと実際の使用例をまとめました。圧縮と解凍、様々なオプションまで一度にマスターしましょう。
Apacheサーバー移行後に発生する韓国語文字化け現象の原因とcharset設定による解決方法について説明します。
以前Lightsailを少し使って微妙だったので辞めたのですが、最近また入ってみたら完全に別のサービスになっていました。価格も安く機能も十分です。
昔は開発者の掲示板が賑わっていたのに、最近はどこも静かです。コミュニティが死んだのか、形が変わったのか考えてみました。
10年以上jQueryで頑張ってきた開発者がVue.jsの勉強を始めました。リアクティブデータバインディングがこんなに便利だったとは。
競合プレゼンでサイトリニューアルプロジェクトを獲得しました。企画書を書くのがコーディングより難しいことを改めて実感しました。
API Gatewayでdev、staging、prodステージごとに異なるLambda関数を呼び出したかった。公式ドキュメントだけでは全然できなくて、かなり苦労しました。
AWSにハマって勉強していたら、資格まで取ってしまいました。試験の準備過程と合格後に感じたことをまとめました。
IDCに10年以上サーバーを置いていた開発者がAWSに入門しました。遅いと思っていましたが、遅かった分だけ感動が大きいです。
親の世代にとって家一軒が老後の備えのすべて。年金?投資?そんなものはない。開発者の自分も人のことは言えないのですが...
auto_incrementのPKをそのままURLに使うと、セキュリティ監査で毎回指摘される。かといってPKを全部UUIDに変えるのは非効率すぎる。現実的な妥協案をまとめました。
新しいプロジェクトはクラウド、既存のものはIDCそのまま。毎回移行しようと思いつつ応急処置だけして先延ばしにしている。
開発が嫌いになったわけじゃないのに手が動かない。頭の中では設計が完了しているのに実行できない。これって自分だけでしょうか?
2年前からすべてのプロジェクトをDocker基盤に切り替えました。導入障壁が低くてデプロイも楽ですが、本当にメリットだけでしょうか?