プログラマー初心者blog

当ブログにようこそ!!!

【新人日記13】javascriptで初作業

javascriptで初作業

皆さんこんばんは!!ついに明日で休みですね😊

週3日勤務って最高ですね笑

本日は前回作成したプログラム工程で作成したものに対して、

追加要望があったため、javascriptで作業をすることになりました。

作業内容としては簡単なものでしたが、初めて作成したため、備忘録として。

流れとしては以下の通り

  1. htmlでjavascriptを呼び出すコードを記述
  2. 呼び出したコードのコードを作成

という流れで作成しました。

ほとんどJavaと記述方法は同じだと思っていたので痛い目を見ました笑

htmlからjavascriptプログラム呼び出し

<script type="text/javascript" src="techAcademy.js"></script>

このコードを追加することで"techAcademy.js"という、

javascriptのコードを呼び出すことができます。

(引用:TeckAcademy URL:https://techacademy.jp/magazine/9650)

"techAcademy.js"にはファイルが存在する場所を指定してあげてください。

これでjavascriptを呼び出す準備は完了です。

jsファイル作成

これで呼び出す準備は整ったのでjsファイルを記述していきます

今回記述したものは、値を送る処理を記述するだけだったので

このように記述しました。

function 関数名(){ 

 処理

}

function(関数)とは、様々な処理を1つにまとめて、名前をつけることができるものです。単調な処理を1つにまとめて、どこからでも使えるように効率化するという目的でよく使われています。(引用:SAMURAIENGINEER)

【JavaScript入門】function(関数)の使い方、呼び出し・戻り値など総まとめ! | 侍エンジニアブログ

たったこれだけでもうほとんどjavascriptマスターと言えるでしょう

(それはない)

初心者の私は何を書いたらいいのかさえわからなかったため、

これだけで多くの時間を費やしました。

中に記述することはしたいことが決まっていたので意外と簡単で、

クラス名の定義は?とか余計なことばかり考えてしまい、

大変だったというお話です。

 

これからjavascriptを記述する予定はまだありませんが

挙動等を理解する上では1度、実際に動かしてみるという点で

とてもためになりましたので、みなさんも

javascriptを簡単なコードでいいので、ぜひhtmlから

jsのファイルを動かすということをやってみてはいかがでしょうか。

これから、また違う画面の結合テスト工程に戻りますが

実行時にspringBootとソースの連携がうまく行かず、

エラーが発生してしまう事象が起きてしまっているので

明日も上司に助けを求めます。

来年頼りがいのある先輩に慣れればいいなあ笑

本日は簡単ですが以上です。皆様おやすみなさい😊

明日は金曜日みたいなものです😎