人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
WordPressのﾌﾞﾛｸﾞに､みようみみまねで､JavaScriptを記述してみました｡で､ちゃんと反映されたわけですが｡

http://tsurumaki-office.com/javascript2/

JavaScriptをｳｨｷﾍﾟﾃﾞｨｱにみますと｢実行環境が主にｳｪﾌﾞﾌﾞﾗｳｻﾞに実装され｣とあります｡

ただ､WordPressのﾌﾞﾛｸﾞは､ｻｰﾊﾞｰ側にあるものでして｡

｢JavaScriptはｳｪﾌﾞﾌﾞﾗｳｻﾞｰに実装され｣と｢ｻｰﾊﾞｰ側にJavaScriptを記述し実行される｣ことが､どうも､しっくりいかないのです｡

ご迷惑おかけしますが､わかりやすく説明していただけると助かりまｰす｡
●質問者: torimaki
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件
▽最新の回答へ
▽1 ● ぽけっとしすてむ
●100ﾎﾟｲﾝﾄ ﾍﾞｽﾄｱﾝｻｰ

すこし整理すると想像しやすくなります｡

画像やその他のﾌｧｲﾙ､JavaScriptのﾃﾞｰﾀを管理します

f:id:psne:20160402181229p:image

(この回答では分かり易くするために表現しますが､)WordPressはJavaScriptを含めたHTMLを渡しているだけになります｡

また､ﾌﾞﾗｳｻﾞｰも､一つの実行環境です｡
HTMLを解析(実行)して表示すると共に､JavaScriptを実行する事も出来ます｡
f:id:psne:20160402183239p:image

----
Wikipediaの説明に

｢実行環境が主にｳｪﾌﾞﾌﾞﾗｳｻﾞに実装され｣

とあるのは､元々はﾌﾞﾗｳｻﾞｰ向けに作られたJavaScriptｴﾝｼﾞﾝがｻｰﾊﾞｰの中で動くようになるなど､ﾌﾞﾗｳｻﾞｰの外で実行できる様になっている物( node.js など)がある為です｡

※回答ｺﾒﾝﾄの内容を反映し､回答を修正しました｡

torimakiさんのｺﾒﾝﾄ
ぽけっとしすてむ さま ご回答､ありがとうございます｡ こういうふうに理解してみました｡ Wordpressのﾌﾞﾛｸﾞ上に記述したJavascriptはhtmlに書きかえられ､いずれにせよ､ﾌﾞﾗｳｻﾞｰには､そのように表示される｡ で､一方の｢実行環境が主にｳｪﾌﾞﾌﾞﾗｳｻﾞに実装される｣は､上記のこととは別物のことを言っている｡
ぽけっとしすてむさんのｺﾒﾝﾄ
ﾌﾞﾗｳｻﾞｰで普段見ている(WordPressなどの)画面が､どこで作られているか｡という点をおさらいしましょう｡ 例： (A) ﾌﾞﾗｳｻﾞが､ｻｰﾊﾞｰ(Webｻｲﾄ)にｱｸｾｽします｡ (B-1) WordPressは､この文字列ﾃﾞｰﾀ(HTML)をｻｰﾊﾞｰに渡します｡ >|html| <!DOCTYPE html> <html> <body>ここに記事が表示されます｡ </body> </html> ||< (B-2) 設定やｶｽﾀﾏｲｽﾞによってJavaScriptを含めた場合は､このように追加をしてｻｰﾊﾞｰに渡します｡ >|html| <!DOCTYPE html> <html> <body>ここに記事が表示されます｡ </body> <script>alert('ここでJavaScriptが実行されます');</script> </html> ||< (C) ｻｰﾊﾞｰは､受け取ったﾃﾞｰﾀをﾌﾞﾗｳｻﾞｰに渡します｡ ここで重要なのは､人間が見ている｢画面そのもの｣をWordPressやｻｰﾊﾞｰが作っている訳ではない｡という点です｡ 普段ﾌﾞﾗｳｻﾞｰを利用している際には､上記にあるような文字列ﾃﾞｰﾀ(HTML)を目にする事は少なく､きちんと線や文章､図が表示されています｡ この｢人間が見ている画面を作る｣作業はﾌﾞﾗｳｻﾞｰの役割になります｡ ﾌﾞﾗｳｻﾞｰはHTMLとして作られた文字列ﾃﾞｰﾀを先頭から順番に読み込んで､図や文章を組み立てていきます｡ その時にJavaScriptのﾃﾞｰﾀを見つけた時は､一旦組み立てる作業を止めて､JavaScriptを動かすための機能(ｴﾝｼﾞﾝ／ﾌﾞﾗｳｻﾞｰに組み込まれている別のｱﾌﾟﾘ)にﾃﾞｰﾀを渡します｡ 動かした結果をﾌﾞﾗｳｻﾞｰに返すと､ﾌﾞﾗｳｻﾞｰは結果を反映させながら再び図や文章を組み立てていきます｡ こうして普段見ている画面が出来上がります｡ >> で､一方の｢実行環境が主にｳｪﾌﾞﾌﾞﾗｳｻﾞに実装される｣は､上記のこととは別物のことを言っている｡ << JavaScriptを動かすための機能(ｴﾝｼﾞﾝ)や､ﾌﾞﾗｳｻﾞｰとやり取りをする機能を利用して､ｻｰﾊﾞｰの代わりや何かの処理に利用する事が出来る という意味を含んでいます｡ (ﾌﾞﾗｳｻﾞｰの外へ出て動く事も多くなりました｡)
torimakiさんのｺﾒﾝﾄ
ちょっと､お時間をくださいまし｡あした､あさって､時間をかけて考えてみまｰす!
torimakiさんのｺﾒﾝﾄ
ぽけっとしすてむ さま htmlとJavascriptをめぐるｻｰﾊﾞｰとｸﾗｲｱﾝﾄのやりとり､図でまとめてみました｡こちらに貼ると図が見にくいかもしれないと思い､ﾌｫﾄﾗｲﾌの方に貼っています｡ご容赦くださいませ｡ http://f.hatena.ne.jp/torimaki/20160402102854 その他のご回答の部分も､自分なりにとりまとめてみました｡こんなかんじになりました｡ ﾌﾞﾗｳｻﾞｰは､HTMLを読み込むさいに､JavaScriptの記述に出会うと､それをJavaScriptを動かすためにｴﾝｼﾞﾝに渡す｡その結果は､ﾌﾞﾗｳｻﾞｰにより､記述されたHTMLとともに図やﾚｲｱｳﾄ等に組み立てられていく｡ で､Wikipediaの｢実行環境が主にｳｪﾌﾞﾌﾞﾗｳｻﾞに実装され｣というのは､ﾌﾞﾗｳｻﾞｰには､上記のJavaScriptを動かすためのｴﾝｼﾞﾝが実装されているということである｡ こんなかんじでしょうか｡ ｢ｻｰﾊﾞｰの代わりや何かの処理に利用する事が出来る｣という点は､当方の勉強不足のため､ちと､｢なんだろ｣みたいなかんじであります､はい｡
ぽけっとしすてむさんのｺﾒﾝﾄ
[f:id:psne:20160402181229p:image]
ぽけっとしすてむさんのｺﾒﾝﾄ
ﾌﾞﾗｳｻﾞｰから送られたﾒｯｾｰｼﾞは､このように色々な形に変えられてﾌﾞﾗｳｻﾞｰに返され､表示されます｡ この図では､JavaScriptはﾌﾞﾗｳｻﾞｰのみで動作しています｡ JavaScriptにて書かれている事は｢このように動いてほしい｣という情報であり､料理に例えた場合の｢ﾚｼﾋﾟ･作り方｣になります｡ ｻｰﾊﾞｰやWordPressは､JavaScriptを保管して､ﾌﾞﾗｳｻﾞ分かるように組み合わせて送るだけの仕事をしています｡ 送るだけ ですから､実行はされません｡ (ここまでが質問の前半です) 受け取ったものを閲覧者が見えるように処理をします｡ 料理に例えた場合､材料と作り方が手に入ったので､料理を完成させる作業です｡ [f:id:psne:20160402183239p:image] それぞれの専門の人(ｴﾝｼﾞﾝ)に渡すことで､調理が完了します｡ (質問の後半です)
torimakiさんのｺﾒﾝﾄ
こういうふうに理解してみました｡ ｻｰﾊﾞｰ側ではJavaScriptを処理する手順が示され､ﾌﾞﾗｳｻﾞｰ側では､それをもとに､JavaScriptという素材が処理される｡で､その際にはﾌﾞﾗｳｻﾞｰに実装されているJavaScriptを処理されるためのｴﾝｼﾞﾝ(機能)が動作する｡
ぽけっとしすてむさんのｺﾒﾝﾄ
問題はないかと思われます｡ ※ｺﾒﾝﾄの内容を回答に反映しました｡
torimakiさんのｺﾒﾝﾄ
おつきあいいただき､ありがとうございました｡おかげさまで､頭が整理できましたっ!
関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ