Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【ブラウザが裏で何をしているか】

f:id:wp-lesson:20150825090750j:plain
HTMLの階層構造を辿って特定のタグに
アクセスし、表示内容やCSSを強制的に
変更・削除できる仕組みをDOMと言い、
DOMは様々なプログラム言語から操作
できる汎用的な仕組みです。
 
典型的なのはJavaScriptjQueryでDOM
を操作することですが、書き方によって
ブラウザが裏でどのような処理をするか
が異なります。
 
勉強になるサイトなのでシェアしますが、
Webデザイナーさんは知っておいて損は
ない内容です。
 
DOM操作の最適化によるJavaScriptチューニング(前編) | HTML5Experts.jp

具体的な内容はシェアした記事にお任せ
するとして、私がお伝えしたいのは、
 
『こう書けばよい』
 
というHow Toを知っているだけでは、
より根深い問題に遭遇したとき自分で
解決できることがどんどん狭まって
しまうということです。
 
例えばjQueryは、前身であるJavaScript
比べて文法的にもハードルが低くなって
いますが、それはjQueryというライブラリが
複雑な部分を隠ぺいしているからです。
 
ということは、jQueryの書き方を覚える
だけでは、より根本的な問題に遭遇した時
何をどう考えれば解決できるのかを自力で
発想する力は身に付かないということです。
 
『こう書けばよい』
 
という理解に留まらず、
 
『なぜこう書けばよいのか?』
 
という理解を得ておくことが大事です。
そのためには、疑問をもつことです。
 
『書き方はわかったけれど、
 どうしてこう書けばいいのだろう?
 この書き方とあの書き方の違いは
 なんだろう?』
 
という疑問をもち、
 
『分からないままだと
 何だかキモチワルイ』
 
という気持ちになれれば、あとは自ずと
ネット検索などの自発的な行動が伴って
くると思います。

こんな方におすすめのマンツーマンレッスンを行っています

  1. ホームページの制作経験はあるけれどWordpressやレスポンシブサイトになると分からない方
  2. HTMLはある程度分っているつもりだけれど仕事で行き詰ってしまうことがある方
  3. Dreamweaverなどのホームページ制作ソフトに頼ってきたため何も見ずにHTMLを手書きできない方

無料相談だけでも受けてみたい方へ

HTMLやCSSの基礎、ホームページの制作やカスタマイズでお困りの方はお気軽にご相談ください。

oshierumanaberu.net

↑ページの中ほどにあるオレンジ色の「先生に聞いてみる」というボタンを押すと、メッセージが入力できますので、お気軽にご相談ください。

ご相談のメッセージをいただきましたら24時間以内にお返事を差し上げます。より詳しい状況をお聞かせいただける方には1時間ほどですがスカイプで無料相談を承りますので、ご遠慮なくお尋ねください。