Rails × Electron モノレポでやらかした node_modules の事故と教訓
こんにちはエンジニア薬剤師の和(かず)です。 最近、Rails プロジェクトに Electron や Next.js を統合してモノレポ運用を始めたところ、思わぬ落とし穴にハマりました。 駆け出しす…
View ArticleMCPで作る技術記事収集システム #1 — Qiita記事取得とMCP基盤構築
前回の構想編に続き、今回はいよいよ実装編です。Model Context Protocol(MCP)を使ってQiita記事を取得し、Claude Desktopと連携する基盤を構築します。 1. …
View Articlenode-hid を使って Joy-Con のボタン押下を Node.js で検出(とりあえず A・Bボタン)
はじめに 過去に、以下の記事で書いた内容を少しだけ試していた node-hid の話です。この node-hid は、Joy-Con を HIDデバイスとして扱う際に便利なパッケージです。 ●【完走…
View ArticleSupabase Authをバックエンドサーバー(express.js)を経由してoAuthを実装する方法
導入 この記事では、Supabase・Node.js(Express.js)・クライアントサイドの3つを組み合わせて、OAuth認証を実装する方法について紹介します。 クライアントから直接Supab…
View Article【Winston + Docker】バックエンド・フロントエンド・DBの実行ログを1日ごとにローテーションして保存する方法
はじめに 開発中のプロジェクトで、以下のような構成でログを一元管理したくなりました。 バックエンド:Node.js (Express) フロントエンド:Next.js (React) DB:Post…
View Article「人生ゲーム for Nintendo Switch専用ルーレットコントローラー」で出た数字をブラウザに表示(サンプルを使った動作確認)
はじめに 以下でポストしている内容を、試した際の手順のメモです。 https://x.com/youtoy/status/1936613381391499659 関連する参照先の情報 今回試した内容…
View Article【Zoom Developer】ZoomとLINE公式チャンネルをリアルタイム連携するメッセージ転送システムを作ってみた
はじめに こんにちは!今回は、LINEで受信したメッセージを自動的にZoomチャンネルに転送するシステムを作ってみました。 企業でのSlack連携はよく見かけますが、ZoomのTeam Chat機能…
View Articlea11y MCP を作成して登壇までした話
はじめに 今年の5月23日と24日に TSKaigi が開催されました。 そこで登壇できなかったのですが、その後にフリー株式会社さんで開催されたアフタートークに登壇させていただきました。 そこでの内…
View ArticleHackerNewsの自動化パイプラインを作ってみました!
HackerNewsの自動化パイプラインを作ってみました! HackerNewsの毎日トップ100記事をクローリング、要約、翻訳する自動化パイプラインを作成しました。 このパイプラインは以下のプロセ…
View Articleローカルに開発言語を入れずに、Dockerだけで開発環境を完結させる
はじめに 私の個人開発環境はすべてDockerで構築しています。 そのため、ローカルには一切開発言語を入れていません。 開発環境構築方法としての良し悪しは分からないですが、個人的にかなり便利だな~と…
View Articlenodeモジュールでオートコンプリート検索機能を実装したいあなたに
はじめに マルチ検索としてよく用いられるオートコンプリート検索機能を実装します 今回はNodeモジュールを環境構築時に使用している際、どのような形でオートコンプリート検査機能を実装するのかを説明いた…
View Article英単語Webアプリv2
開発・学習記録 こちらは個人学習の記録になります。他の方には参考にならないものとなっております。 技術スタック React Typescript Tailwind CSS Storybook Vit…
View ArticleClaude Code でポートフォリオサイトを作るときに躓いた話 — ローカルサーバーが表示されない・・・!
はじめに まず、私はエンジニアではありません。 最近話題のAIについて興味があり、雰囲気コーディングにちょっと触れている人です。 そして、何かと Hotっぽい Claude Code というものを知…
View Article(Node.js) NodeCacheモジュールを理解する
はじめに node.jsのコードの中で NodeCacheモジュールを使用する機会があったので、どのようなモジュールであるのか簡単にまとめたいと思います。 NodeCacheモジュールとは Node…
View Article(Node.js) axiosモジュールを理解する
はじめに node.jsのコードの中で axiosモジュールを使用する機会があったので、どのようなモジュールであるのか簡単にまとめたいと思います。 axiosモジュールとは ブラウザでも Node.…
View ArticleGemini CLI をWSL2にインストールしてみた
はじめに 今回はGemini CLIをインストールしてみます! 環境:win11 + WSL2 / Ubuntu 22.04 LTS (Node.js無し) 手順 必要なもの:Node.jsバージョ…
View Article【超簡単】VoltaでNode.jsをインストール&バージョン管理する方法
Node.jsのバージョン管理って面倒…そんな方へ!Voltaで始める快適な開発環境 Node.jsのバージョン管理ってちょっと面倒…そう感じている方におすすめなのが Volta です! Volta…
View ArticleOSS(npm パッケージ)貢献に近づくために
はじめに 皆さん、npm パッケージを使用する際、公式のドキュメントを読みにいくは当たり前の動きになっているかと思いますが、せっかくならそのパッケージに貢献したいと思ったことはありませんでしょうか?…
View ArticleGemini CLIでMCPを使ってみた
Gemini CLIでましたね。 MCP使えると便利なので使ってみます。 https://cloud.google.com/blog/ja/topics/developers-practitione…
View Article[Docker][React] DockerでReactプロジェクトを起動する
実施条件 macOS Node.js npm または yarn React プロジェクトがすでに作成済みであること GitHubにpush可能な状態であること Docker Desktop(v4.3…
View Article