[JavaScript] フレームワーク、ライブラリー、ツール総まとめ[JavaScript] フレームワーク、ライブラリー、ツール総まとめ
わかりやすくまとまっていたので覚書リンク。 もう迷わない！人気JavaScriptフレームワーク、ライブラリー、ツール総まとめ – WPJ https://www.webprofessional.jp/top […]
カテゴリー: JavaScript
[JavaScript] クリックしても何も起きないダミーのアンカー(リンク)[JavaScript] クリックしても何も起きないダミーのアンカー(リンク)
デザイナーから上がってきたHTMLファイルに、ページ遷移を必要としないんだけどアンカーが使われている箇所が幾つかあった。 <span class="foo"> <a href="#">Hello& […]
[JavaScript] テーブルへの列/セルの追加/削除[JavaScript] テーブルへの列/セルの追加/削除
var table = document.getElementById("id"); // table.rows[0...].cells[0...] //列やセルは配列アクセス可能 // 列追加 var row = ta […]
[JavaScript] zoomwall.js – ズーム機能付き画像ぎっしりギャラリー[JavaScript] zoomwall.js – ズーム機能付き画像ぎっしりギャラリー
画像を隙間無く並べて、クリックすると拡大して表示してくれるスクリプト。操作感が気持ちいい。 zoomwall.js (デモ) http://ericleong.me/zoomwall.js/ ericleong/zoom […]
[JavaScript] imagesLoaded – 画像のロードが完了したことを検知する[JavaScript] imagesLoaded – 画像のロードが完了したことを検知する
ページ上に配置される画像がすべてロードされてから実行したい処理がある場合に役立つスクリプト。 ImagesLoaded http://imagesloaded.desandro.com/ ある案件で「ページに任意サイズの […]
[JavaScript] なぜJavaScriptフレームワークを使うのか[JavaScript] なぜJavaScriptフレームワークを使うのか
関わっている現場のフロントエンド担当が退社したので、当面自分がフロントエンドも見ないといけなくなった。いまのフロントエンドはjQueryを使っているけど、JSフレームワークまでは使っていない。JSフレームワークに関する情 […]
[JavsScript] 数字を3桁ずつカンマで区切って表示する[JavsScript] 数字を3桁ずつカンマで区切って表示する
正規表現を使えば簡単らしい。正規表現不勉強の僕には理解が困難だけど(汗 String( num ).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,' ); JavaScriptで数値を […]
[JavaScript] 基本メモ: 数値の丸め、切捨て、切り上げ[JavaScript] 基本メモ: 数値の丸め、切捨て、切り上げ
整数化する var a = Math.round(3.1415); //丸め (=3) var c = Math.floor(3.1415); //切捨て (=3) var b = Math.ceil(3.1415); […]
[JavaScript] 基本メモ: DOM操作[JavaScript] 基本メモ: DOM操作
DOM = Document Object Model プロパティへのアクセス console.dir(window); //オブジェクトのプロパティを羅列 console.log(window.location.hre […]
[JavaScript] 基本メモ: タイマー処理[JavaScript] 基本メモ: タイマー処理
タイマー関数 指定した間隔ごとにコールバック関数を呼び出す setInterval(コールバック関数, 間隔) 指定した時間経過したらコールバック関数を呼び出す setTimeout(コールバック関数, 時間) setI […]
[JavaScript] 基本メモ: 組み込みオブジェクト[JavaScript] 基本メモ: 組み込みオブジェクト
良く使いそうなもの。 String var s = new String("Hello world"); var s = "Hello world"; //リテラル alert(s.length); //11 s = s […]
[JavaScript] 基本メモ: 配列、オブジェクト[JavaScript] 基本メモ: 配列、オブジェクト
配列 var ages = [27, 49, 35]; alert(ages[1]); // 49 ages[0] = 29; // 内容変更 ages[3] = 61; // 要素追加 alert(ages); // […]
[JavaScript] 基本メモ: データ型、演算子、真偽値、関数[JavaScript] 基本メモ: データ型、演算子、真偽値、関数
JavaScriptの基礎的なことをメモ。 データ型 文字列 数値 真偽値 (true/false) オブジェクト (配列、関数、組み込みオブジェクトなど) undefined null 比較演算子 等価演算子 === […]