業務効率化【Android実機 × Chrome DevTools】USBデバッグが繋がらない時の原因と解決策 – adbサーバー起動忘れで丸一日溶かした話
案件でスマホ実機特有のUI崩れを調べる必要が出て、「じゃあAndroid実機をChrome DevToolsに繋いでデバッグしよう」と軽い気持ちで始めたら、繋がるまでに思いのほか時間を溶かしてしまった。chrome://inspectを使っ...
業務効率化
JavaScriptWeb Storeのレビューで「エイリアス機能つけて」って言われたので、ちゃんと対応した話
前回、前々回と「同じタブで開く」の仕様を巡るドタバタと、権限まわりの整理を書いてきました。今回はちょっと毛色が違って、Web Storeのレビュー欄に届いた1件のコメントに、実際にどう対応したかという話です。個人的な話をすると、レビューの中...
JavaScriptRenderからNeonへDB移行したら、間違ったリポジトリを本番運用していたことに気づいた
1. きっかけ：Renderの無料PostgreSQLが90日で消えたある日、いつものように開発中のアプリを触ろうとしたら、DBの中身が空っぽになっていました。一瞬「え、何かやらかした？」と血の気が引きましたが、調べてみるとRenderの無...
JavaScript「同じタブで開く」が同じタブで開かない。Chrome拡張「The Switcher」のUX設計をやり直した話
本番・ステージング・ローカルを毎日何十回も往復してると、正直それだけで地味に削られていくんですよね。URLバーを書き換える、ブックマークを切り替える、さっき開いてたタブを探す……どれも「できないわけじゃない」けど「毎回やるには普通にしんどい...
JavaScriptChrome拡張のマルチディスプレイ対応でハマった話〜「ディスプレイ番号1でしか動かない」をClaude Codeと直すまで【拡張機能開発ガイド】
自作のChrome拡張「WindowSync — Dual Tab Scroll Sync」に、あるユーザーさんからレビューが届きました。星4つ、ありがたい評価とともに、こんな改善要望が添えられていて——サブディスプレイを使っている環境だと...
JavaScriptReact Native(Expo)アプリをXcodeで実機デバッグするまでの全工程〜Mac miniでハマったポイント総まとめ【iOS開発ガイド】
最近、React Native(Expo)で作っているアプリを、いよいよMac miniのXcodeから実機(iPhone)でデバッグしようとしたのですが、これがもう一筋縄ではいきませんでした。「ケーブルで繋いでビルドボタンを押すだけでしょ...
JavaScript【Chrome拡張機能】2つのタブを爆速で分割・同期スクロールするツールを作ってリリースした話
Webでのリサーチやドキュメントの比較、コードのレビューなどをしているとき、「2つの画面をきれいに並べて、同時にスクロールして見比べたい！」と思ったことはありませんか？今回は、そんな作業を圧倒的に効率化するChrome拡張機能を開発し、無事...
JavaScriptChrome拡張機能『Design Tracker – 画像を重ねてコーディングを微調整』をリリースしました！
画像越しに要素を検証！Design Trackerの「Inspectモード」がコーディングの常識を変える件こんにちは、志乃です。先日リリースしたChrome拡張機能『Design Tracker – Overlay for Coding』。...
JavaScript効率的なリサーチワークフローの構築：ClipContextによるコンテキスト保持とタブ管理の自動化
はじめにウェブベースのリサーチ業務において、情報の断片化は避けて通れない課題です。「コピー＆ペースト」という日常的な操作の中で、出典URLの記録漏れや、後で見返した際の文脈（コンテキスト）の喪失が、作業効率を著しく低下させる要因となります。...
JavaScriptPerformance APIとchrome.webRequestの比較
ブラウザ拡張機能を開発していると、「リクエストの情報を取りたいのに取れない！」という場面に出くわすことがあります。そんなとき候補に上がるのがPerformance APIとchrome.webRequest APIの2つです。どちらもリクエ...
業界NEWS【重要】サイト乗っ取り被害にあいました・・・
お恥ずかしい話ですが、ここ数日このサイトが見れない状態だったのは、不正改ざんによるサイトの改変が行われておりました。不審なファイルを発見後、すぐにレンタルサーバーであるヘテムルへ問い合わせ、共同で不審ファイルの洗い出しと、（なぜかルート権限...
JavaScript実務で役に立っているJavascript関連の書籍本おすす2冊【2024年夏 Amazonアフィリver.】
この記事はAmazonのアソシエイトプログラムを介して、アフィリエイトとしてリンクの遷移先をAmazonにしています。もし拒絶反応があるかたはリンクをクリックせず、Amazon本家で書籍名を検索してから購入してください。何も包み隠さずお話す...
Flutter淡水水槽用アプリ for iPhone（仮）のモックをWebで作ってみる 第１回
もちろんモックなので正常に動作しません。見てくれの部分や特定のボタンを押した時起こるリアクションを簡潔に構築することで、利便性向上や効率化の捻出に利用するためのモックアプリです。正常に動作しない前提なら、もう直でネイティブアプリを作っちゃえ...
JavaScriptKH（炭酸塩硬度）をmg/L（ppm, アメリカ硬度）からドイツ硬度（°dH）に変換するWebツール
数年ぶりにアクアリウムを始めました。pHとKHの値でCO2濃度が計算出来るのですが、購入した試験紙のKHの単位がアメリカ硬度のmg/Lでして……ドイツ度に変換したくて自動変換Webアプリを（雑に）作りました。入力欄には数字を、例えば40mg...
JavaScriptパーソナルカラー全般Chrome拡張機能制作予定
皆さんの意見を取り入れつつどんな機能があればよいか開発に反映させたいです。ただ、既に草案はこちらにありますのでどのように完成するか楽しみになさっていてくださるとやる気に変わります。あんまり詳しくは説明出来ませんが、ブラウザ上でパーソナルカラ...