対象者
- javascript初心者.
- Ruby on Railsでjavascriptを使用したい方.
この記事を読んでわかること
javascriptの導入方法.
ジャバスクリプトの基本(一部を紹介)
目次
railsでjavascriptの導入方法.
コンソールにHello Worldと出力させてみよう.
railsでjavascriptの導入方法.
全体像.
①特定のディレクトリの中にファイル名.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で出力されます