5404某ITスタートアップで代表をやっています。基本的には技術関連の事を書きます。JavaScript・jQuery目次JavaScript学習で、「DOM」という用語がよく出てきます。DOMについてまとめておきます。Model」の略です。JavaScriptを使って、ブラウザーのDOMを操作すると、HTMLを書き換えることができます。HTML文書やXML文書をアプリケーションから利用するためのAPIである。】DOMとは、XML文書やHTML文書を構成する要素をコンピュータプログラムで参照したり操作したりするための取り決め(API)の一つ。リンクなど)と、それらの配置や見栄えなどを定めた属性情報などを参照、制御する手法を定めている。Webブラウザなどに実装されており、ページ上にJavaScriptなどで記述されたスクリプトからページ内の各要素を読み取ったり、内容や設定の変更、要素の追加や削除などを行う標準的な手段として用いられる。tree)と呼ぶこともある。Consortium)により標準化され、1998年に最初に仕様が勧告された。2および3で名前空間やスタイルシート、イベントの取り扱いなど様々な拡張仕様を定めている。これは、ドキュメントの構造的な表現、その内容を変更可能にすること、そして視覚的なプレゼンテーションを提供します。本質的には、ウェブページをスクリプト又はプログラミング言語と結合します。これは、ドキュメントの構造的な表現、その内容を変更可能にすること、そして視覚的なプレゼンテーションを提供します。本質的には、ウェブページをスクリプト又はプログラミング言語と結合します。関連において最も頻繁に使われます。JavaScriptによって、DOMを操作することができます。DOMを操作すると、ブラウザー上でHTMLの見え方が変わります。JavaScript勉強会http://jsstudy.hatenablog.com/entry/api_application_programming_interfaceJavaScript学習で、「API」という用語がたまに出てきます。APIについてまとめておきます。英語のinterfaceは、「境界面」とか「接点」という意味システムやプログラムを操作するとき、人間向けの窓口と、機械向けの窓口があります。機械(プログラム)向けの窓口が「API」DOMは、JavaScriptでHTMLを操作するための窓口(API)として、設計&提供されています。検索DOMツリーは、HTMLの構成要素を木構造(ツリー構造)で表したものです。Model)とは、xmlやhtmlの各要素、たとえば<p>とか<img>とかそういった類の要素にアクセスする仕組みのことです。このDOMを操作することによって、要素の値をダイレクトに操作できます。src=”sample.jpg”>のsrcの中身を変更して別の画像に差し替えるといったことができます。DOMツリーとはxmlやhtmlドキュメントをツリー構造として表現したものです。Model</strong>の略称です。</p></body></html>HTML文書のDOMツリーHTMLを構成する要素は、木の幹から伸びる枝葉のような構造として表現できます。この構造を「DOMツリー」と呼んでいます。DOMツリーのノードDOMツリー内の各要素を「ノード」と言います。DOMとは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPI。DOMではHTMLドキュメントやXMLドキュメントを「オブジェクトのツリー...DOMとは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPI。DOMではHTMLドキュメントやXMLドキュメントを「オブジェクトのツリー状の集合」として取り扱う。このツリーをDOMツリーと呼ぶ。DOMツリーの一つ一つのオブジェクトはノードと呼ばれる。ある1つのノードから他のノードを参照する時は、親ノード、子ノード、兄弟ノード、先祖ノード、子孫ノードなどと呼ぶ。DOMの仕様は、Level1〜3がW3Cにより定義されている。DOMの操作JavaScriptによって、DOMツリーのノードを操作することができます。クラッドCRUDとは、データベース管理システム(DBMS)に必要な、基本的な4つの機能である、データの作成(Create)、読み出し(Read)、更新(update)、削除(Delete)を表すことば。DOMを操作するためのライブラリーDOMの操作を手軽に行うための手段が登場してきました。最初は、JavaScriptで直接DOMを操作していました。JavaScript+DOMによるWebアプリデザインの基礎”]jQueryでDOM操作jQueryが登場して、DOM操作が簡潔に書けるようになりました。JavaScript勉強会http://jsstudy.hatenablog.com/entry/2017/03/30/183347JavaScriptの学習で、「Web制作の現場で使うjQueryデザイン入門」という本を読んでみます。大量のDOM操作を記述する場合、jQueryだとコードが読みづらくなっていましたが、MVCモデルのSPAフレームワークが登場して、大量のDOM操作が簡潔に書けるようになりました。DOM」を用意して、DOMの操作をより汎用的にしています。フレームワーク入門」という本を読んでみます。Model」の略DOMは、HTML文書をツリー構造にしたものDOMは、JavaScriptからアクセスできるAPI(HTMLを操作する仕組み)DOMは、ブラウザーに実装されているDOMを簡単に操作できるようなライブラリーが提供されているDOMを使って、便利なWebアプリを作ってみたいです。engineer-log.net関連記事CSSセレクターとは?JavaScript学習で、「CSSセレクター」という用語がたまに出てきます。CSSセレクターについてまとめておきます。Sheets、カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。CSSは、HTMLと組み合わせて使用する言語です。HTMLがウェブページ内の各要素の意味や情報構...記事を読むWindowsでMochaテストフレームワークを使うJavaScriptの学習メモ。JavaScriptを使って学ぶ」の第9章を読んでみます。本書はMochaと...記事を読むオブジェクト指向の用語「プロパティ」「メソッド」JavaScriptの勉強をしていて、説明の順番を変えた方がいいかも?と思われる箇所がありました。→「オブジェクト」という仕組みと、その用語についてです。windowやdocumentなど、すべてのオブジェクトは、メソッド以外に「プロパティ」を持っています。オブジェクトのプロパティとは、そのオブジェクトの状態を表すものです。先に、データ構造(変数、定数、配列など)の話を出す。Interface)とは?JavaScript学習で、ときどき「API」という用語が出てきます。APIについてまとめておきます。W...記事を読むプログラミング学習で擬似コードを活用しよう!JavaScript学習に役立つお話がありました。「擬似コード」でロジックを書き出す練習について紹介されています。JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ(プライベートプロジェクト)を作ってみたくなります。現実には、プロジェクトは完璧なコードをガンガン書くことではなく、たくさんの試行錯誤とリファレンスを幾度も参照して少しずつできあがるものなのです。アプリ作成の進め方として、以下の手順が紹介されています。コード無しで書いてい...記事を読むWebpackerを使ったRailsでのJavaScript開発こんにちは。マーケティングプロダクト開発部の長田です。この記事では、私が現在進めているプロジェクトで、Webpackerを使ったJavaScriptのモジュール管理を導入したので、それについて紹介したいと思います。organizationで開発されているgemです。これまで、Rails上でJavaScriptのパッケージをどのように管理するか、また、モジュール依存をどのように解決するかについて、多くの選択肢があり、それらをど...記事を読むプロトタイピング=試作品の制作を気軽に始めてみよう!JavaScript学習に役立つお話がありました。「プロトタイピング」でプログラムを試作する練習について紹介されています。(前回に引き続き、今回もこのお話から学んでみたいと思います。アプリ作成の進め方として、以下の手順が紹介されています。現実には、プロジェクトは完璧なコードをガンガン書くことではな...記事を読むJavaScriptで継承を使わないプログラミングスタイルJavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。うへええええ継承による差分プログラミングとか現代に言わないでくれよ。JavaScrip...記事を読むWordPressパフォーマンスチューニング(1)WordPressパフォーマンスチューニング方法を紹介します記事を読むJavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない!?先日のブログ記事に、たくさんのブックマークをいただきました。ブックマークのコメントで、こんな意見がありました。うへええええ継承による差分プログラミングとか現代に言わないでくれよ。