プログラミングのメモ

プログラミングの学び直し備忘録

javascript:IDE:Eclipse:開発手順

:[:contents]

Eclipse

[メモ]
 ワークベンチ
 ・エディタ
 ・ビュー

パースペクティブ

「Webパースペクティブ」に設定

プロジェクトの作成

[ファイル]→[新規]→[静的Webプロジェクト]
「プロジェクト名」入力 → [完了]

サーバの起動

ウィンドウ「ビュー」(デフォルト:画面下)
→ [サーバ]ビュー
→ リンクをクリック
→ [新規サーバーの定義]
 ・基本:HTTP プレビュー

HTMLの作成

(WebContentフォルダ)

プロジェクト・エクスプローラー:右クリック
→ 新規 → HTMLファイル

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <p>test</p>
    <script type="text/javascript" src ="test.js"></script>
</body>
</html>

JSの作成

プロジェクト・エクスプローラー:右クリック
→ 新規 →JavaScript ソース・ファイル

alert("Hello World!");

実行

「index.html」右クリック → 実行→サーバーで実行

参考

www.sejuku.net