ホーム
ブログ
JavaScript

SEO対策に強いホームページ制作｜BringFlower
「JavaScript」カテゴリーのBringFlower記事一覧

桁数チェックが容易なテキストボックスのUI

金額が大きくなればなるほど、桁数を1桁間違えれば大きく違ってきます。 1,0001,000,0001,000,000,000 この「カンマ」で示される形だと私が数えやすいのは、1万までです（苦笑）。 …<続きをみる>

公開日：
2022/08/27

最終更新日：
2022/08/30
素のJavaScriptでモーダルウインドウを実装する（jQueryなし）

素のJavaScript（jQueryなし）でモーダルウインドウを実装する方法をご紹介します。簡単なので、このぐらいのもののためにjQueryに依存するのはやめた方が良いです。jQueryの利用有無…<続きをみる>

公開日：
2022/08/25

最終更新日：
2022/08/30
Googleマップに複数の住所のピンを一括表示、全てが表示される縮尺にする

Googleマップに複数の住所を一括でプロット、かつ全てが表示される縮尺にする方法をご紹介します。事前に全ての住所が分かっている場合はコードの中でそれら住所を指定すればよいですが、そうもいかない場合も…<続きをみる>

公開日：
2022/08/16

最終更新日：
2022/08/29
凝ったテキストアニメーションのために1文字ずつspanで囲むことを、途中にタグがあってもJavaScriptで実装する方法（jQueryなし）

長いタイトルですみません。しかしながらもう一度（※）、さらに補足も加えて言うと、「凝ったテキストアニメーションのために1文字ずつspanで囲むことを、途中にHTMLのタグがあってもJavaScrip…<続きをみる>

公開日：
2022/08/12

最終更新日：
2022/08/13
素のJavaScriptでカルーセルスライダーを作る選択肢とswiperの使い方

フリックすると左右に画像が切り替わるカルーセルスライダーを作る方法について、現況における選択肢をまずご説明した上で、最適だと私が思う方法をご紹介します。結論としては、ライブラリは利用。ライブラリの中…<続きをみる>

公開日：
2022/08/08

最終更新日：
2022/09/27
スライドショーをCSSのみ（javaScriptなし）で作る

ズームイン、ズームアウトしながら画像が切り替わるスライドショーと、流れるスライドショーについて、jQueryなどのライブラリはおろかjavaScriptなしで作る方法についてご紹介します。一部は本サイ…<続きをみる>

公開日：
2022/08/05

最終更新日：
2022/09/28
Googleマップをグレースケールにする／航空写真ボタンなどを非表示にするなどのカスタマイズ方法

Googleマップをグレースケールにしたり、航空写真などのボタンを非表示にするなどの各種カスタマイズ方法をご紹介します。事前準備以下を事前に行う必要があります。事前準備の方法はこちらでご案内してい…<続きをみる>

公開日：
2022/07/09

最終更新日：
2022/08/05
Googleマップでピンのアイコン（マーカー）をオリジナルに変更して表示する

Googleマップのピンのアイコン、マーカーを変更してお店などのロゴを表示する方法をご説明します。 GoogleのAPIを有効にする以下２つのAPIを有効にする必要があります。 Maps JavaS…<続きをみる>

公開日：
2022/07/09

最終更新日：
2022/08/05
英語など他の言語と日本語の切り替えをページごとにURL指定せずにボタンひとつで行えるようにするJavaScriptでの実装（jQueryなし）

WordPressを用いての英語など多言語サイトの作り方をこちらの記事で紹介しました。その中で、他の言語（以下、例として英語とする）と日本語の切り替え方法を簡単にご紹介しましたが、ここではそのJava…<続きをみる>

公開日：
2022/05/28

最終更新日：
2022/08/05
スクロールに応じて現在地表示する固定目次をJavaScriptで作る（jQueryなし）

ホームページの脇に固定で目次を表示し、現在見ているところをハイライトで示すものについて、jQueryなしでJavaScriptで作る方法をご紹介します。実装結果デモまずは実装した結果をご確認くださ…<続きをみる>

公開日：
2022/05/06

最終更新日：
2022/09/02