JSのトラブル– tag –
-
Webサイトのボタンやaタグがクリックできなかった時の対処法とその原因を解説
突然Webサイトのボタン（aタグ）がクリックできなくなったら Webサイト制作をしていると、突然リンクやボタン、aタグがクリックできなくなる問題に直面することがあります。この原因は様々ですが、今回は突然リンクやボタン、aタグがクリックできなくなっ... -
iPhoneやiPadのSafariでボタンがタップできない（window.openが効かない）時の対処法
iPhoneやiPadでボタンがタップできない時はポップアップブロックを確認する Webサイト制作をしていると、iPhoneやiPadでボタンがタップできないという現象に直面することがあります。多くの場合、その原因はブラウザのSafariのポップアップブロックの設定... -
JavaScriptに出てくるはてなマーク（？）とコロン（：）は何か？条件演算子を紹介
JavaScriptの条件演算子の概要 JavaScriptのコードを見ていくと、下記の参考１のコードのように、はてなマーク（？）やコロン（：）を見かけることがあります。 参考１ var seijin = (age < 20) ? "未成年です":"成人しています"; このように、JavaScri... -
JavaScriptでデバイスを判別する方法 ユーザーエージェント（navigator.userAgent）の基本をサンプルコードとともに解説
Webサイトによっては、ユーザーのデバイスによって表示するものを変えることがあります。最近ではCSSを使ってデバイスに応じたコンテンツを表示しています。CSSではメディアクエリを使ってデバイスの画面幅で判断していますが、例えば「画面幅が1200px以上... -
JavaScriptのreturnとは何か？「return文」の使い方を徹底研究！
わかるようでわからないreturnの意味 JavaScript だけでなく、プログラミングでは「return文」と呼ばれる記述をすることがあります。その名の通り、“return”を使ったプログラムのことですが、今一つ何をしているのか初心者にはわかりにくい処理です。ブラ... -
【JavaScript】functionの前の括弧は何？即時実行関数について解説
なぜfunctionの前に括弧がついているのか？ JavaScriptを学び始めると関数について学ぶことになります。例えば、下記の参考１のように記述すると、testという名前の関数を定義することができます。 【参考１】function test() { alert("テストです");} こ... -
JavaScriptのバンドルとは何か？
バンドルの概要 バンドルとは、コーディングを行う際に、複数のファイルを１つのファイルに出力することを言います。 バンドル(bundle)の英語を直訳すると「束」になりますが、単体でも提供可能な製品やサービスを複数組み合わせて、セット販売したり、別... -
Minify（ミニファイ）とは何か？圧縮方法とJS・CSSの軽量化のメリットを解説
Minifyの概要 CSS Minifier を使ったCSSの圧縮 Minify（ミニファイ）とは、JavaScript（以下、JSと略記）やCSSのコード内の不要な改行やインデントを削除して、動作はそのままの状態で、圧縮・軽量化することをいいます。日本では「ミニファイする」とはあ... -
【jQuery】特定のクラスがあるときに条件分岐をさせたいときはどうするのか？
クラスで条件分岐すると、効果のON・OFFの切り替えに便利 Webデザインをしていると、特定のクラス（class）を持つボタンを押した時にだけ、何か効果が現れるような動きを取り入れたいことが多々あります。例えば、以下に掲載したリンクのように、リンクを... -
JSで書いたドーナツ型のグラフに枠線を付ける方法【Chartist.js】
Chartist.jsで作成したドーナツ型のグラフには枠線が付けられない（？） 最近は便利なJavaScript（以下、JSと略記）のライブラリがあり、JSだけで簡単にグラフを作成することができるようになりました。例えば、中心が空いたドーナツ型のグラフもChartist.... -
Tagify.jsで簡単にタグ機能をWebサイトに設置する方法
タグ機能・タグ編集機能をWebサイトに設置したい タグ編集機能の参考画像 Webサイトを作っていると、上の参考画像のようなタグ編集機能をつけたい時がままあります。とくに何かのアプリケーションのためのUIをHTML・CSSで作っている時に必要になることがあ...
1