論理削除という技術的負債、それでも僕たちは使い続ける - じゃあ、おうちで学べる
はじめに 「論理削除？deleted_atカラム追加すればいいでしょ」この一言から始まる地獄を、何度見てきただろうか。 最初は簡単に見える。カラムを1つ追加するだけ。しかし、その「簡単さ」こそが罠だ。 論理削除は技術的負債の温床だ。WHERE句への条件追加忘れ、認知コストの増大、テストの複雑化、パフォーマンス劣化。すべては「最初にドメインを考えなかった」ツケである。 しかし現実として、サービスを運用していくと論理削除が必要になる場面は確実に訪れる。 論理削除の本質は、「このレコードは存在するが、存在しないことにしてほしい」という矛盾だ。この矛盾を解消するか、受け入れて安全に管理するか。本記事ではその両方のアプローチを解説する。 なお、私はDBのスペシャリストではないので、ここで紹介する方法が唯一の正解というわけではない。あくまで一つのアプローチとして参考にしてほしい。データベース設計は文脈
yoku0825さんがMySQLのインデックスの知見を語り倒す - Findy Media
MySQLのパフォーマンスを改善するうえで、「インデックス」は重要な要素の一つです。しかし、MySQLの内部でオプティマイザがどのようにインデックスを選択し、データを処理しているのかを正確に理解しているエンジニアは多くありません。どうすれば、インデックスを適切に使いこなせるのでしょうか。今回は、MySQL運用のスペシャリストとして知られるyoku0825さんに、インデックスの活用方法について解説していただきました。 B-treeインデックスの基本構造― 今回のインタビューでは、MySQLのインデックスの知見を詳細に伺っていきます。 インデックスを適切に活用するためには、その仕組みを理解することが重要です。そこでまずは、MySQLのInnoDBで最も基本となるB-treeインデックスの構造からお話しします。内部的にどのような構造になっているか、イメージを掴んでいきましょう。 今回は、MySQ
【2024年夏】ブラウザ拡張機能開発を加速するフレームワーク・ツール3選をコードベース付きで紹介！
本記事では、ブラウザ拡張機能開発を加速させる、個人的に注目な3つの拡張機能開発フレームワーク・ツール（WXT、Plasmo、Extension.js）を紹介します。 サンプル拡張機能の実装を通して、それぞれの特徴、セットアップ方法、実際の開発フローを見ていきます。お好みの拡張機能開発ツールが見つかれば嬉しいです。 各フレームワーク・ツールの紹介 WXT WXTは、Viteベースのブラウザ拡張フレームワークです。次のような特徴を持っています（トップページから抜粋）。 クロスブラウザ対応 Chrome、Firefox、Edge、Safari、その他Chromiumベースのブラウザ Manifest V2、V3の両方に対応 開発モードでのHMRと、開発用ブラウザの自動起動 内部的にChrome Launcher等を使用 ファイルベースのエントリーポイントでマニフェストを自動生成 Nuxt風の自動
君たちはReactをどうやってRuby on Railsに載せるべきか？
下記の記事の内容をRuby Gemにしました！ react_router_rails_spa gem. 以下のコマンドを実行するだけで、Modern SPAをRuby on Railsに載せることができます。 # Railsのインストール rails new test_app cd test_app # gemのインストール bundle add react_router_rails_spa bundle install bin/rails generate react_router_rails_spa:install # サーバ立ち上げ bin/rails s bin/rails react_router:dev はじめに こんにちは！Ruby on Railsフロントエンドエンジニアを目指し、Hotwireを中心に活動しつつ、Next.jsもReactも勉強している加々美です！ 202
OpenAI Realtime APIで音声チャットしてみる
やや今更感もありますが去年の10月に公開されたOpenAIのRealtime APIが気になっていたので軽く触ってみました。 Realtime APIとは 文字通りリアルタイムなやり取りに特化したAPIです。モデルも専用に用意されており、2025年3月 現在 gpt-4o-realtime-preview-2024-12-17 と gpt-4o-mini-realtime-preview-2024-12-17 が利用できます。 双方向なインタラクションだけでなく、マルチモーダルが標準でサポートされているのが嬉しいポイントです。2025年3月現在ではテキストと音声が入出力の方法で利用できます。Function Callingもサポートされているようで、エージェント的な振る舞いも実装させることができそうです。 触ってみる WebRTCとWebSocketの2つの方式がサポートされています。We
Serena MCPはClaude Codeを救うのか？
Serena MCPはClaude Codeを救うのか？ 「Claude Codeがアホになる問題」が勃発している最中、SerenaというMCPサーバーが「Claude Codeのコンテキスト消費を削減し、応答を改善する」という評価でユーザーたちの間で注目されています。 筆者も実際にSerenaを使ってみたところ、確かにコンテキスト効率の改善（入出力トークンの減少を指します）を実感できました。詳しく調べてみると、このツールは非常にユニークな発想で設計されており、一過性の流行として消費されるには惜しいと感じました。 そこで、本記事では、この機能の背景にある技術的な仕組みを詳しく解説したいと思います。実際の検証も交えながら、Serenaのアーキテクチャとその効果を分析していきます。 現在のコーディングエージェントが抱える課題現在のコーディングエージェントの多くは、コードを単なるテキストファイル
Vanilla JavaScript support for Tailwind Plus
<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script> <el-dropdown class="relative inline-block text-left"> <button class="inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-gray-300 ring-inset hover:bg-gray-50"> Options <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="tr
Programmatically focus on a form in a webview (WKWebView)
The accepted answer no longer works in iOS 11.3, since WebKit method signature has changed. Here is a workaround (in Obj-C): (UPDATE: Method signature has changed a few more times in iOS 12.2 and iOS 13, code below has been updated to reflect these changes) #import <objc/runtime.h> @implementation WebViewInjection + (void)allowDisplayingKeyboardWithoutUserAction { Class class = NSClassFromString(@
CircleCIで「特定ファイルの変更だけなら、Job内の処理をスキップする」を試してみる | DevelopersIO
.github内のファイルを更新することがあります。たとえば、Pull Requestのテンプレートファイルです。 リポジトリ用のプルリクエストテンプレートの作成 - GitHub Docs このファイルの更新に伴ってCI/CDも動きます。リポジトリが育ってくると、CI/CDも長くなります。そこで、「Pull Requestのテンプレートファイルの変更だけなら、Job内の不要な処理をスキップする（Unit TestやDeployを想定）」を試してみます。なお、CI/CDは、CircleCIを利用します。 おすすめの方 CircleCIで特定ファイルの更新だけのとき、Jobをskipしたい方 CircleCIの「circleci-agent step halt」コマンドの動作を知りたい方 CircleCIのシンプルな設定ファイルを知りたい方 まずは、CircleCIを準備する CircleC
XcodeGenのpackagesをRenovateで更新するプリセットを用意しました - いけだや技術ノート
ikesyo.hatenablog.com この時の発表でXcodeGenの packagesをRenovateのregex managerで更新する方法を紹介してから、複数回言及・参照されることがありました。 あー XcodeGenのymlにSwiftPMのパッケージ書いてるとRenovateとの相性悪いな どうしようかな— ヒラリチャン (@hiragram) 2022年10月6日 と思ったら @ikesyo さんが解決してくれていた 感謝 https://t.co/pIPDQoUooC— ヒラリチャン (@hiragram) 2022年10月6日 これはこの方法を一般化しておいた方がよかろう、と思って hatena/renovate-config にXcodeGen用のプリセットを用意してみました。XcodeGen や xcodegen ディレクトリにファイルを分割しているケースにも
iOSアプリがバックグラウンドに遷移した後も処理を継続する方法
iOSアプリは、基本的にはアプリがフォアグラウンドの間しか処理を実行できず、アプリがバックグラウンドにいる間は処理が停止します。 しかし、バックグラウンドでも処理を実行するいくつかの方法が用意されています。 その中でも、今回は、アプリがバックグラウンドへ遷移した瞬間からしばらくの間、処理を止めずに継続できる方法 BackgroundTask の使い方をまとめます。 今回のユースケース #BackgroundTaskは、Background FetchやBackground Processingとは異なり、アプリがバックグラウンドへ遷移する時に、処理の追加時間をシステムに要求するものです。 例えば、ファイルのアップロード/ダウンロード中にアプリの通信を切りたくないとか、データの書き込みを中断させたくないとかの用途になります。 基本的な実装例 #Appleのドキュメントをもとに実装します。 b
Xcode が Swift Package をビルドするとき #if DEBUG が適用されるかは Build Configuration の名前で決まる - maiyama4's blog
Swift Package の build configuration には debug と release の２つがあります。 developer.apple.com debug の場合は compilation condition DEBUG が有効になり、 #if DEBUG の分岐を通るようになります。これを利用して、例えばデバッグログの表示などリリース時には実行したくない処理を #if DEBUG の分岐の中に書くことができます。 #if DEBUG print("debug でのみ実行される") #else print("release でのみ実行される") #endif コマンドラインからビルドする際は、 --configuration / -c オプションで Configuration を指定することができます。 # debug ❯ swift build --config
【日本語対応】GitHub Copilot コードレビュー機能のTips
早くも新年度になり、桜が咲き始める季節になりましたね🌸 エイプリルフールネタを考えてみましたが、特に思い浮かびませんでした🤨 今回はGitHub CopilotのAIコードレビュー機能を使ったTipsを紹介します。 GitHub Copilotのコードレビューとは GitHub Copilotのコードレビュー機能を使うと、プルリクエストのコードレビューをCopilotにお願いすることができます。 ちなみに、GitHub Copilot Enterprise のサブスクリプションに加入している組織ではコーディングガイドラインを別途設定できるようですが、以下の記事はEnterprise のサブスクリプションに加入していない組織のリポジトリでも使えるTipsです。 日本語でレビューさせる方法 デフォルトだと英語でレビューされてしまいますが、PULL_REQUEST_TEMPLATE.mdに以
【MCPのトリセツ #6】Figma MCP：デザインとコードを効率的に連携
💡 MCPの始め方シリーズについて Claude などの AI を強化する「MCP（Model Context Protocol）」の導入方法と活用テクニックのシリーズ。今回は、Figma MCP の導入方法と活用例を解説します。デザイナーとエンジニアの連携が格段にスムーズになり、開発効率が向上するはずです。 シリーズ目次 MCPの概要と導入方法 Filesystem MCP Server： AIでローカルファイルを扱う YouTube MCPサーバー：動画の内容を取得 mcp-pandoc： AIでドキュメント形式を変換 GitHub MCPサーバー： AIでリポジトリを管理 👉 Figma MCP：デザインとコードを効率的に連携 Slack MCPサーバー：チームコミュニケーションを強化 Firecrawl MCP：スクレイピングでウェブ情報を取得・分析 Markdownify M
Better Auth
The most comprehensive authentication framework for TypeScript.
君はメールアドレスの正規表現を適当にググって使っていないか？
/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/ だ。いいね？ なぜこの正規表現がいいのか ちなみにこれの何がいいかというと 「HTMLの標準仕様を定めるWHATWGの正規表現をそのまま使っている」ところ。 つまり、各ブラウザのデフォルトの<input type="email" />のバリデーションと一致するという大きなメリットを得られる。 これはMDNにも載っている列記とした「実用的な」正規表現だ。 ちなみにRFCオタクがRFC準拠のおおよそ実用に耐えないであろうメールアドレスの正規表現を推してくるかもしれないが無視して良い。 例えば、RFCに準拠している以下のようなメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prevent content from being hidden underneath the Virtual Keyboard by means of the VirtualKeyboard API
Kiro: Agentic AI development from prototype to production
Fluent Search – Fast, Fluent Desktop Search
Alex - Xcode AI Coding Assistant