JavaScript関連のことを調べてみた

TypeScript + Jestをdocker環境で構築する

# はじめに
TypeScript+Jestをdocker環境で構築したときのメモ記事です。
コードをぺたぺた張っていきそこにメモを残していく。

# 内容
## Dockerfile
イメージはnode:20を使用当時のLTS。
ENVでnode_modulesを環境変数に指定しないとTypeScriptがコンパイルできなかった。
`COPY ./app/package*.json ./`これがないと`RUN npm install`時にpackage.jsonから依存関係を取得できない。
“`dockerfile
FROM node:20

WORKDIR /app

ENV PATH /app/node_modules/.bin:$PATH

COPY ./app/package*.json ./

RUN npm install
“`

## docker-compose.yaml
build：contextは特に気にせずルートディレクトリ、Dockerfileを使うのでdockerfileも追加
tty：コンテナの終了を防ぐ。
volumes：localの内容をすぐに

新人エンジニアに向けてのエール

# 初投稿です。

4月も1週間過ぎたので、駆け出しエンジニアに向けてエールを送る意味で記事を執筆することにしました。

まず初めに軽い自己紹介から。
### About me
“`java:AboutMe.java
// 私は都内のIT企業で働く4年目のエンジニアです。
// 得意科目はフロントエンドの実装で、これまでにReact.jsやVue.jsなど
// のプロジェクトで要件定義～テストまで幅広く開発してまいりました。
// フロント以外にも、JavaやPHP、Pythonなども経験があります。
// 4年目といってもまだまだ勉強することだらけの毎日ですが、培ってきた知見や、
// つらかった経験、楽しかった経験などつらつらと発進できたらと思います。
// ということで。。。

String greeting = “よろしくお願いします。”;
System.out.println(greeting);
“`

### プログラミング学習について

未熟な私ですが、最近では後輩なども何人かできて、よく質問されるのが、「どうやって覚えてますか？」といった質問です。
その問いに対

htmlで簡単な自動販売機を作る

# 初めに
今回は、htmlで簡単な自動販売機を作成します。
# ファイル構成
今回は、htmlファイル一つで作ります。
# コードを張り付ける。
それでは、以下のコードをコピペしてください。(アニメーションはchatGPTにやってもらいました。)(まだアニメーションに少しバグがあります。)
“`html:main.html