タグ: JS
JavaScriptでデータベースを使う方法
ウェブアプリやウェブシステムを作っていると，データベースが使いたいことがよくあります．PHPやPythonなどデータベースを簡単に接続できる言... Read More
id属性を使ってリンクを張るJavaScript
アンカーを張るときは，リンクターゲットを<a>タグで囲わねばならないですが，id名をリンク対象に含ませれば，アンカーを張らなくても飛ば... Read More
流入元URLによる絞り込み
あるディレクトリにあるファイルのリンクから飛んでくるとき，ディレクトリごとに表示させるコンテンツを絞り込みたい時はありませんか．OOO... Read More
JavaScriptで属性を一律に設定する
<a>タグにtarget='_blank'をHTMLに直に書いていくと，リンクがたくさん増えていったとき，同じ記述を繰り返すことになります．<a>にtarget属性... Read More
5GによるWeb開発の変化を予想する
2020年から商用化が始まる5G．対応端末が普及する2022年以降，Web開発の技術は変化を経験する．今までボトルネックになっていた困難が取り払われ... Read More
For of & Map そして Async & Await
ECMAScriptの仕様改定に伴うJavaScriptの新しい文法．var句，function句，配列表示を使わなくなれる代わりに，const/let句，アロー演算子，for of句を使う．... Read More
Web Workerの埋め込み
Web Worker APIをひとつのファイルに埋め込んだ．ローカルサーバー等，動いているサーバー上でお試しください． <!DOCTYPE html> <html> <head>... Read More
ロード時に「loading…」を表示しフェードアウト
サイトを読み込むときに簡単なメッセージを表示し，それをフェードインする方法．jQueryは必要． <html lang="ja" data-loading=""> ... htmlタグにカ... Read More
マウスをウィンドウから外すと開閉するドロワー
マウスカーソルをブラウザウィンドウの外側に外すと，開いたり閉じたりするドロワーです． <!DOCTYPE html> <html> <head> <meta charset="...... Read More
トグルでclassを追加・除去するJavaScript
トグルでクラス名を追加削除したい時は多いですが不便でした．JavaScriptに「classList」が追加されました．classListには.add()，.remove()，.toggle()という... Read More
ドラッグドロップでスワップできるグリッド
先日の続編．要素をドラッグドロップするとき，要素がすでにある場合にはスワップできる． ※要jQuery． <script> const allowDrop = (event) => { event... Read More
FOUCを即効で直す方法
FOUCとは，読み込み時に画面がちらつく現象．CSSのスタイルが効いていない要素がCSSファイルより先に読み込まれてしまうことにより起こる．FOUCを... Read More