(Translated by https://www.hiragana.jp/)
Topic:JavaScript - ウィキバーシティ コンテンツにスキップ

Topic:JavaScript

提供ていきょう:ウィキバーシティ
JavaScriptから転送てんそう

ジャバスクリプトの勉強べんきょうはじめる。

[編集へんしゅう]

1、ジャバスクリプトで、エディターをつくる。 2、デベロッパーページは、みぎ上端じょうたん設定せっていから、ける。


参考さんこう、(さい学習がくしゅう

[編集へんしゅう]

A、ページをつくる。

1、Ssift+Ctrl+N キーをすと、シークレットモードで、1ページがつくれます。

B、HTML をんで、文字もじいてる。

 1、みぎ上端じょうたんの さんだんかさね、 アイコンから、設定せっていをひらく。    >そののツール >デベロッパーツール <<ここで、みぎはん画面がめんひらきます。

 2、そこにえるのが HTML です。<> ひしカッコ にかこまれています。のが、命令めいれいぶん

 3、ボディ  <body>  ~</body> みぎが 命令めいれい範囲はんいはじめ、 /body が命令めいれいおわり。   (全角ぜんかくいてある、要注意ようちゅうい誤動作ごどうさ

 4、 ボディにカーソルがありますね。 みぎクリックで、Eedit as HTMLをえらぶ。    それが、表示ひょうじされているページの HTML 表記ひょうきです。   日本語にほんごのあたり、どこでも、めば、ページに反映はんえいして。 ることが出来できます。

++++

 問題もんだいは、この変更へんこうした、 ページが、グーグルドライブに保存ほぞんできるか? ですが、  わたしは、いえ電話でんわのためグーグルにログイン、拒否きょひされていて、確認かくにんできません。  説明せつめいカキによると、グーグルアプリでつくったページは、保存ほぞんできるらしい。

+++

 ログインして確認かくにんしてしい。

 ぜひ、参加さんかしゃえるといいな。


+++

うえ文章ぶんしょうんでかんがえたのですが…

[編集へんしゅう]

こういうのはどうですか? まず以下いかのファイルをエディタでつくって、ファイルめいを t.html にする。文字もじコード(エンコーディング)は UTF-8で…。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>てすと</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>テストページ</h1>
<p onclick="this.innerHTML='<b>いいね^^。気持きもちいい!!</b>'">してくれ^^</p>
</body>
</html>

これは一応いちおうジャバスクリプトのプログラムですね。奥村おくむら晴彦はるひこさんのサイトを参考さんこうきました。https://okumuralab.org/~okumura/javascript/

してくれ^^」という文字もじをクリックすると、「いいね^^。気持きもちいい!!」が表示ひょうじされます。

これをうえふし手順てじゅんでクロムを使つかってえて、グーグルドライブではなくローカルに保存ほぞんする。グーグルドライブでもローカルとおなじにようになるとおもいますがね。まあでもグーグルでなにかいいシステムを用意よういしているかもしれない。でもわたしはクラウドドライブは基本きほんてき使つかわないので…

たとえば、「いいね^^。気持きもちいい!!」を「あっ、やっぱりさないで^^」にえる。ちなみにわたし使つかっているマシンはWindows10 ですよ。そしてローカルに保存ほぞん。"完全かんぜん"の選択肢せんたくしでないと駄目だめなようですね。

そうするとこうゆうようなファイルになりました。

<!DOCTYPE html>
<!-- saved from url=(0043)file:///C:/Users/MyName/Desktop/t.html -->
<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>てすと</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>テストページ</h1>
<p onclick="this.innerHTML=&#39;&lt;b&gt;あっ、やっぱりさないで^^&lt;/b&gt;&#39;">してくれ^^</p>


</body></html>

セーブするとテキストファイルとしてはちょっと表示ひょうじみだれますが、とく問題もんだいなく動作どうさしますね…

外部がいぶ参考さんこう

[編集へんしゅう]

> HTML や、、>CSS 説明せつめいがあります。したのリンです。

>>HTML / CSS / JavaScriptはセットで紹介しょうかいされることがおお

https://note.com/dotinstall/n/n7b3148c8f3c2

>>「JavaScriptになったらきゅうにわからなくなった」じんへの処方箋しょほうせん    〜 フロントエンドエンジニアを目指めざしているほう

公開こうかい情報じょうほうんでわからないこと、交換こうかんしましょう。 今回こんかい、コンソール機能きのうがあることをおもしました。