JavaScript 【Chrome拡張機能】2つのタブを爆速で分割・同期スクロールするツールを作ってリリースした話
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拡張機能制作予定
皆さんの意見を取り入れつつどんな機能があればよいか開発に反映させたいです。ただ、既に草案はこちらにありますのでどのように完成するか楽しみになさっていてくださるとやる気に変わります。 あんまり詳しくは説明出来ませんが、ブラウザ上でパーソナルカ...
業務効率化公開しているウェブサイトの本番ファイルを消してしまった……バックアップも取っていない時にまず確認すること
投稿のネタが切れ気味なので、昔役に立ったことは何だったろうかと思い返していたところ、まず思い当たったのがタイトルの通り「Web開発をしている時に本番ファイルを上書きや消去で壊してしまった……しかもバックアップ取ってない……場合に普及させる（...
JavaScriptハマっているこの部分だけお願いしたい……ちょっと見てもらいたい方へのサービスを開始しました
この度、JavaScript, HTML, CSS, SEO（コンテンツ構成案やライティング、キーワード分析、リーチ数検証など）のみとさせていただきますが、以前からちょこちょこ「この部分だけ助けてもらうことってできますか？」とか「これであっ...
JavaScriptソースコード内における「?（はてなマーク）」の意味と使い方【JavaScript】
以前、『JavaScriptにおける「$（ドルマーク）」の意味と使い方』で、ドルマークの利用シーンについてまとめましたが、本ページでは「?」はてなマーク（クエスチョンマーク）についてJavaScript内でどのように使われるのかシーン別でま...
JavaScriptブラウザの更新ボタンクリック/バック/ページ移動を検知する方法【JavaScript】
ブラウザの更新ボタンがクリックされた時には、通常はページのリロードが行われますが、その際に特定の処理を行いたい場合があります。例えば、変更が保存されていない場合に確認メッセージを表示したり、特定のデータをサーバーに送信したり等々。 更新ボタ...
JavaScriptDOM（要素）の変更や更新を検知するベストな方法〜MutationObserver APIの使い方【JavaScriptガイド】
最近、仕事でDOMが変更されたときにコードを発火したい場面が多く、クリック時やajaxで内容の更新などのタイミングでその都度似たようなメソッドを仕込むのが面倒になることがありました。特に大量のiframeを扱う必要があったので、1ヶ所１ヶ所...
JavaScript2024年最新版 ああ、やっぱり。文字コードの世界シェアランキング
ふとShift JISって結構対応しているけど、需要あるのか疑問に感じたのでWebサイトの文字コードの世界シェアについて調べてみました。きっかけはVSCodeでSJISファイルの編集をする機会がちょこちょこあって、文字化けが面倒で、なんかも...