ume

初学者向けのjavascript

対象者

この記事を読んでわかること

目次

  1. railsjavascriptの導入方法.

  2. コンソールにHello Worldと出力させてみよう.

railsjavascriptの導入方法.

全体像.
①特定のディレクトリの中にファイル名.jsのファイル作成.
②”app/assets/javascripts/“内のapplication.jsにrequire("ファイル名")と追記する.

①に関して.
app/assets/javascript/の下に今回はpractice.jsというファイルを作成しました。

②に関して.
”app/assets/javascripts/“内のapplication.jsにrequire("ファイル名") ↓のようにしviewの全ページでjavascriptが使える様になりました。

コンソールにHello Worldと出力させてみよう.

デベロッパーツールの起動.
②コンソールクリック.
③command + r を同時押し.

まずjsファイル内に下記を記載.
console.log("任意の文字")で画面に見える様になります。 ブラウザー内でcommand + option + iを同時押ししデベロッパーツールの起動.
elementになっているのでconsoleをクリックし 最後にcommand + rで出力されます