吉村 ケンイチ

JavaScript

実務で役に立っているJavascript関連の書籍本おすす2冊【2024年夏 Amazonアフィリver.】

この記事はAmazonのアソシエイトプログラムを介して、アフィリエイトとしてリンクの遷移先をAmazonにしています。もし拒絶反応があるかたはリンクをクリックせず、Amazon本家で書籍名を検索してから購入してください。 何も包み隠さずお話...
Flutter

淡水水槽用アプリ for iPhone(仮)のモックをWebで作ってみる 第1回

もちろんモックなので正常に動作しません。見てくれの部分や特定のボタンを押した時起こるリアクションを簡潔に構築することで、利便性向上や効率化の捻出に利用するためのモックアプリです。 正常に動作しない前提なら、もう直でネイティブアプリを作っちゃ...
JavaScript

KH(炭酸塩硬度)を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】

ブラウザの更新ボタンがクリックされた時には、通常はページのリロードが行われますが、その際に特定の処理を行いたい場合があります。例えば、変更が保存されていない場合に確認メッセージを表示したり、特定のデータをサーバーに送信したり等々。 更新ボタ...
JavaScript

DOM(要素)の変更や更新を検知するベストな方法〜MutationObserver APIの使い方【JavaScriptガイド】

最近、仕事でDOMが変更されたときにコードを発火したい場面が多く、クリック時やajaxで内容の更新などのタイミングでその都度似たようなメソッドを仕込むのが面倒になることがありました。特に大量のiframeを扱う必要があったので、1ヶ所1ヶ所...
JavaScript

2024年最新版 ああ、やっぱり。文字コードの世界シェアランキング

ふとShift JISって結構対応しているけど、需要あるのか疑問に感じたのでWebサイトの文字コードの世界シェアについて調べてみました。きっかけはVSCodeでSJISファイルの編集をする機会がちょこちょこあって、文字化けが面倒で、なんかも...
JavaScript

インターバルタイマー Webブラウザ版【PC/スマホ/タブレット対応・3つ利用可・無料】

無料Webブラウザ版インターバルタイマーです。クイック起動ボタンがあり、素早く起動できます。設定の保存も可能です。全画面表示対応なので特にiPadでの利用がおすすめです。
JavaScript

html2canvasをスマートフォン(iPhone iOS Safari, Android Chromeのレスポンシブページ)に対応させる方法【JavaScript】

先日、『【PNG画像出力&エクセル出力対応】チーム分けWebツール・重複なしで均等に【グループ分けや組み分けを行うランダム生成オススメWebアプリ】』と『【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【Java...
JavaScript

【簡易画像キャプチャ機能付き】テキストを比較して差分を表示するdiffツール【JavaScriptでWebツール】

#text-container { display: flex; justify-content: space-between; } #text-container span { background-color: #ccc; } .inp...
業務効率化

【色変更・プレビュー機能付き】SVGタグをBase64変換してCSSのbackground-imageプロパティ用に変換するツール【Photoshop,Illustrator】

SVGタグを入力: 変換 CSS background-image: SVGプレビュー: 色を選択: ※fill値が無いなど色変更できない場合もあります※色を選択するとbackground-imageプロパティのコードも変わります #con...
業務効率化

チーム分けWebツール~グループ分けや組み分けをランダム生成!

もちろん無料のチーム分けツールです!Webで完結します。使いやすさを追求した便利機能付き!人数カウンターやグループハイライトなど