[B! DOM][javaScript] nabetamaのブックマーク

nabetama id:nabetama

DOMとjavaScriptに関するnabetamaのブックマーク (7)

極めろ！！Google Chrome Devtools 52の関節技 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。どうぞ宜しくお願いします。はじめにフロントエンドでよく注目されるJavaScriptではなく、地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。免責事項ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ
nabetama 2017/12/23
DOM

chrome

JavaScript
リンク
You Don't Need jQuery - Qiita
注意とお願いこの記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。この記事はYou Don't Need jQueryの日本語訳と同じ内容です。先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。追記この記事は当初は「もうjQueryは必要ない」というタイトルで
nabetama 2016/04/21
DOM

JavaScript
リンク
フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]
みなさんはじめまして、ピクシブのフロントエンドエンジニア id:koharusugiura です。 JavaScript を用いた開発を行う際に jQuery や React、vue.js といったライブラリーを使う方は多いでしょう。これらのライブラリーは共通して DOM を扱うライブラリーとなります。 DOM についての説明は長くなるのでここでは省きますが、簡単に説明すると HTML や XML の構造を表現するための仕様です。DOM は JavaScript のためだけにある仕様ではなく、 Java や Python など、多くの言語に対応する仕様です。前述した各ライブラリーは多くのウェブブラウザー間の差異を吸収してくれるため、非常に便利なものです。しかし、その機能の豊富さからライブラリー自体のサイズは大きく、ウェブブラウザーで読み込むファイルの数や合計の容量が増えてしまいます。状況
nabetama 2015/12/25
DOM

JavaScript
リンク
2日でできる! JavaScript トレーニング - mixi engineer blog
こんにちは。SNS mixi の JavaScripter、kuniwak です。新しい仲間たちが入社する季節になりましたね。さて、ミクシィを支えるエンジニアが作成した JavaScript 研修の資料を Github にて公開しました。ミクシィは 2013年から研修資料を公開していましたが、今年は JavaScript の進化に合わせて内容を刷新しています！ 2015年度の JavaScript 研修は、Web アプリケーションの部品（モジュール）をつくれるようにすることを目標とした、実践的な研修として計画されました。 JavaScript 研修のために与えられた期間は2日ということもあり、MVC や Flux といった設計方面の話題には踏み込めていませんが、Promise、Fetch API、Bower など、現在・未来のフロントエンド開発に必須の要素を盛り込んだ最新のJavaS
nabetama 2015/04/20
javaScript

mixi

DOM
リンク
getElementsByTagName
CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。土曜日, 8, 19, 2006 ページ中のとあるタグの要素をJavaScriptで扱う場合、指定したタグ全てに対して操作を行う場合は、getElementByIdよりもgetElementsByTagNameの方が便利。たとえば、ページ中のINPUTタグに入力された文字列を全て取り出す場合は、ソースは、下のようになります。 <script type="text/javascript"> <!-- function getValue(){ var obj = document.getElementsByTagName('input'); var max = obj.length; var all = ""; for(var i = 0; i < max; i++){
nabetama 2011/01/18
一発で取ろうとしない

javaScript

DOM

js

input

text
リンク
Web標準に関する良書を教えてください : could
wasp Web標準に関する良書を教えてください Web Standards Project は、今でも Adobe Task Force を立ち上げるなど、Web標準を考慮したサイト作りが出来る環境をつくるために様々な活動を行っています。その中で興味深いのがWaSP Street Team。図書館や学校にある古い書籍にこっそり URL 入りの栞を忍び込ませて草の根的な活動をするというちょっと変わったプロジェクト。本当にやっている方もいるみたいですが、同僚や同業種の友達に渡すちょっとしたアイテムにもなりそうです。春ですし、新入社員に渡すということも出来そうですね今のところ洋書のリストしかないので、担当の方に「日本語版作っていいかい？」と尋ねたら「もちろん良いですよ」という応えが帰ってきたので、早速日本語版を作ろうと思います。書店に行くと、小さい業界のわりにはものすごく書籍が多いのでど
nabetama 2009/08/26
css

book

html

javaScript

webデザイン

web

web制作

DOM
リンク
第133回 JavaScriptだけ学んでいても動的なページを作れるようになれない DOMが必要だ - bingo_nakanishiの他言語出身者のためのPerl入門
私は動的なページを作ってみたいと思いJavaScriptを学び始めた。今までこうとしか書けないと思っていたモノが、他の言語では別の方法で書け、その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、始めはJavaScriptの文法ばかりを勉強していた。とくに、他の言語の経験者が面白い！　ためになる！　と思うのはこの本である。まるごとJavaScript & Ajax ! Vol.1 作者: 天野仁史,舘野祐一,川崎有亮,arton,田中孝太郎,国分裕,山本有悟,海野裕也,nanto_vi出版社/メーカー: インプレス発売日: 2007/02/15メディア: 大型本購入: 8人クリック: 98回この商品を含むブログ (78件) を見るJavaScriptのこの書き方ってそういう意味だったのか！！といったことや、最近の動向がぎゅぎゅっとまとまっている。
nabetama 2009/07/11
c++の後に勉強する

programming

javaScript

book

DOM
リンク
1