search

hirosejn / HJN

TAT log Diver
https://hirosejn.github.io/HJN/dist/tatLogDiver.min.html
0 stars 0 forks source link

新PCにeclips(2019-03)/pleiades環境導入 #90

Open hirosejn opened 5 years ago

hirosejn commented 5 years ago

新PCにeclipse(2019-03)/pleiades環境導入

利用方法 npm run build npm run start jsdoc -c ".\jsdoc_conf.json"

導入手順

Eclipse作業フォルダ作成　#66

　C:\Users\A\Desktop\wbat\JavaScript_kashima_201712

node.js 導入 ①　#67

eclipse(2019-03)/pleiadesインストール ②

　http://mergedoc.osdn.jp/#pleiades.html 　最新の Eclipse 2019-03 Windows 64bit / Full Edition / Java　(1.6GB)　を、 　C:\Users\A\dev\pleiades　に導入

eclipse 設定 ③　#66

Node.js コマンドプロンプトで、使用モジュールのバージョン確認 ④　#91

npm list --depth=0 （以下は、プロジェクトとして取り込み済のため導入作業不要）

hirosejn commented 5 years ago

eclipseインストール ②

ダウンロードサイト： http://mergedoc.osdn.jp/#pleiades.html

　最新の Pleiades All in One Eclipse 2019-03 Windows 64bit / Full Edition / Java　(1.6GB)　を、C:\Users\A\dev\pleiades　に導入

eclipse初期起動

  1. C:\Users\A\dev\pleiades\eclipse\eclipse.exe のショートカットを作成し、クリック 
    WARNING: An illegal reflective access operation has occurred
WARNING: Illegal reflective access by org.eclipse.osgi.internal.loader.ModuleClassLoader (file:/c:/Users/A/dev/pleiades/eclipse/plugins/org.eclipse.osgi_3.13.300.v20190218-1622.jar) to method java.lang.ClassLoader.defineClass(java.lang.String,byte[],int,int)
WARNING: Please consider reporting this to the maintainers of org.eclipse.osgi.internal.loader.ModuleClassLoader
WARNING: Use --illegal-access=warn to enable warnings of further illegal reflective access operations
WARNING: All illegal access operations will be denied in a future release
org.eclipse.m2e.logback.configuration: The org.eclipse.m2e.logback.configuration bundle was activated before the state location was initialized.  Will retry after the state location is initialized.

    と表示されたあと、「Eclipse ランチャー」が表示される ワークスペース(W): C:\Users\A\Desktop\wbat\JavaScript_kashima_201712 を指定し「起動(L)」

参考

hirosejn commented 5 years ago

Eclipse設定#66　(#47 のAuthor設定は #66 に取り込み済)　③

　　Git Hub [Next>] -> hiorsejn/HJN [Search] hirosejn/HJNを選択 [Next>] 全Branchをチェック [Next>] 　　のGit Hub が出ないので代わりに 　　　クローンURI[次へ>] 　　　ロケーション：https://github.com/hirosejn/HJN 　　　ホスト：github.com 　　　リポジトリー・パス：hirosejn/HJN 　　　プロトコル：https（デフォルト） 　　　ポート：空欄 　　　ユーザ：hirosejn 　　　パスワード：**** 　　　☑　セキュア・ストアに保管　　　[次へ > ]全Branchをチェック [Next>] 　　　参考：https://qiita.com/komikcomik/items/207794a332aa581c22d4

　　Local Destination画面で 　　ローカル宛先　画面で 　　◆ Directory:ディレクトリー： C:\Users\A\Desktop\wbat\git\hirosejn\HJN 　　　　初期値 C:\Users\A\git\HJN を [Browse]で開くファイルしていダイアログで 　　　　　ディレクトリ C:\Users\A\Desktop\wbat\git\hirosejn まで作成し、 　　　　　 HJN をファイル名として指定し[保存] 　　◆ Initial branch :初期ブランチ： gh-pages　（デフォルト　master から変更） 　　◆ Projects / Import all exitsting Eclipse projects after clone finishies をチェック ※1 　　　 プロジェクト / クローン終了後、すべての既存Eclipseプロジェクトをインポート　 をチェック 　　[Finish] 「完了(E)」 　　-> Git repositories と Project explorer に HJN が表示される 　　　Gitリポジトリが表示される（Project は作成されない　【参考③参照】）

hirosejn commented 5 years ago

nodejs導入　①

参考

https://qiita.com/taiponrock/items/9001ae194571feb63a5e

hirosejn commented 5 years ago

JSDOC3.4.3導入 #87(#47 #66 #67 は #87 に取り込み済)

C:\Users\A\Desktop\wbat\git\hirosejn\HJN>

hirosejn commented 5 years ago

webpack 3.10.0 導入 #67

webpack インストール

  1. ユーザの環境変数の Path に C:\Users\A\Desktop\wbat\git\hirosejn\HJN 追加 　システムのプロパティの 詳細設定タグ の [環境変数]
  2. cd C:\Users\A\Desktop\wbat\git\hirosejn\HJN (PATHに追加) ※ フォルダ名にwebpackフォルダがあるとインストール時にエラーとなるので削除 ※ githubに登録しているフォルダ 　　githubにwebpack本体が登録されないようにする場合は上位フォルダを指定 　　横並びだとソースディレクトリを指定できない
  3. npm init -y -> ./package.json 作成
  4. package.json 修正 { "scripts": { "build": "webpack" }, "devDependencies": { "webpack": "^3.10.0" } }
  5. npm i -D webpack@3.10.0 -> 　webpack導入(14.4MB)（./node_modules作成）
  6. npm i -D webpack-dev-server@2.10.1 -> 修正を自動取り込みしWindows内にWebサーバを立てる(計26.0MB)
  7. npm install html-loader@0.5.4 —save-dev -> HTMLをバンドルする(計28.8MB)
  8. npm install css-loader@0.28.8 —save-dev (計56.3MB) npm install style-loader@0.19.1 —save-dev -> CSSをバンドルする(計56.3MB)
  9. npm install url-loader@0.6.2 —save-dev -> 画像をbase64にしてバンドルする(計56.3MB)
  10. npm install jsdoc@3.4.3 --save-dev -> 別目的（下記、jsdoc3復活）(計60.6MB) ※ npm install パッケージ名 --save-dev　と　npm i -D パッケージ名　は同じ

    webpack 設定動作確認

  11. ./sandbox/webpack/sec_x 配下に、【実験導入】のソースを配置
  12. package.json に以下を指定 { "scripts": { "build": "webpack", "start": "webpack-dev-server" },
  13. webpack.config.js で以下のパスを指定 
    module.exports = {  entry: `./sandbox/webpack/src_x/main.js`,
output: {
path: `${__dirname}/sandbox/webpack/dist_x`,
filename: 'bundle.js'
},

webpack実行

  1. Node.jsコンソールで、package.json のディレクトリに移動 cd C:\Users\A\Desktop\wbat\git\hirosejn\HJN
  2. JSをバンドルする npm run build
  3. Windows上で動作確認 npm run start して、chrome(61以上)から http://localhost:8081/ にアクセス 　※ html更新時は自動更新されず、キャッシュが再利用されるため、再起動が必要
hirosejn commented 5 years ago

参考③

既にワークスペース内にプロジェクトがある状態で、プロジェクトをインポートしようとすると 以下のように、何れのやり方でもプロジェクトを選択できない（当然）

ーーーーーーーーーーーー

ーーーーーーーーーーーー

ーーーーーーーーーーーー

hirosejn commented 5 years ago

Node.js コマンドプロンプトで、使用モジュールのバージョン確認 #91　④

Your environment has been set up for using Node.js 6.10.3 (x64) and npm.

C:\Users\user>cd C:\Users\A\Desktop\wbat\git\hirosejn\HJN

C:\Users\A\Desktop\wbat\git\hirosejn\HJN>npm list --depth=0
HJN@1.0.0 C:\Users\A\Desktop\wbat\git\hirosejn\HJN
+-- css-loader@0.28.8
+-- file-loader@0.11.2
+-- html-loader@0.5.4
+-- jsdoc@3.4.3
+-- style-loader@0.19.1
+-- url-loader@0.6.2
+-- webpack@3.10.0
`-- webpack-dev-server@2.10.1
hirosejn commented 5 years ago

eclipse から githubのissuesにアクセス　【✖失敗】

hirosejn commented 5 years ago