Dev Container内のファイルをローカルに持ってきたいとき、毎回docker cpでWSLにコピーしてくるという力技を使っていた。Geminiに聞いたらVS Codeだけで完結する方法を教えてもらった。

Webアプリでドラッグ操作中にブラウザのスクロールを止めて上下に近づけたら少しずつスクロールしたい、というよくある要件でハマった話。 PCでは完璧に動いてたのに、Androidで試したら全然効かなかった。「同じChromeやのになんで？」って調べていたら、ブ…

最近スマホのWebアプリをデバッグする必要がありAndroidのChromeをPCから見れるようにしたんですが、めっちゃハマったので備忘録として残しておく。

最近仕事でClaude Codeを使っていて感動したのが、コンテキストの扱いやすさ。 「このファイルについて教えて」という時に、開いてるパスや選択している箇所の範囲指定が簡単に指定できる(Ctrl + Alt + K)。 普段個人開発でつかっているGemini CLI環境に戻る…

データベーススペシャリスト試験を参考書なし、LLM（Claude）だけで受験。プロジェクト機能を使った体系的学習法、過去問分析からTODO管理まで実践した結果と注意点を詳しく解説。午前試験8割の手応えと実際の学習フローを公開。

Tailwind CSS V4でカスタムプラグインの入れ方がわからず一度V3に戻そうとしたが、opacity指定の問題に直面。最終的にV4の@pluginディレクティブで解決した体験談。text-10pxのような直感的なクラス名を実現する方法も解説。

VSCode で新しいファイルを開いたときに Preview モードで開くのがうざい問題について自分なりに使い方を確立したので備忘録。

今回、自身の開発しているサービスをPWA化してプッシュ通知まで実装しようと頑張ったのですが、Vite環境で実装している記事が見つからなかったり、FCM(Firebase Cloud Messaging)の仕様が変更されていて記事が当てにならなかったりしたのでメモ程度に共有し…

Reactアプリのテスト(Jest, React Testing Library)で詰まったことのまとめ。

PWAとか仰々しい感じで言われると、「知らないヤツか。。。むずそう」となるけど、意外と開発環境が既に整備されてて、簡単に実装するだけなら拍子抜けするくらい簡単だった。 今開発中のWEBアプリも簡単にネイティブアプリライクにできるし、簡単なWEBアプ…

X(旧Twitter)が暗黙のクソアップデートによりAPIが無料じゃなくなったので、軒並みAPIを使用しているフォロー・フォロワー管理サービスが有料化されました。 ただ、フォローしている人やフォロワーが急に凍結されていつの間にかいなくなっていたりするのを検…

技術系ブログとかでよく見かけるディレクトリ構成をいい感じに見せるやつ。 WEB上で変換するツールなどはよく見かけるけども、作ったWEBアプリにディレクトリ文字列生成の機能を作りたかったので関数を自作しました。

環境 該当のコード 解決 環境 react: v18.2.0 axios: v1.5.0 該当のコード axios.get("url", data) .catch((e) => { console.log(e); }) .then((res) => { console.log(res); }); 解決 よくよく考えると当たり前だが、catchとthenの順番が逆だった axios.get…

作ってみたはいいものの、ところどころ躓いてしまったのでどこかの誰かのためになればと備忘録を残します。お安く済ませたいという心理の裏には苦労あり…

結論 package.jsonに追記 ファイルのパスを修正 ルーティングのパスを修正 詳細な状態 結論 package.jsonに追記 "homepage": "/path" ファイルのパスを修正 public/配下に以下の.htaccessを追加してビルド Options -MultiViews RewriteEngine On RewriteCond…