今回は、必ずPull Requestまでやり遂げようと思い、興味のあるテーマ且つボリュームが少ないページを選びました。
それが、Building with Bazel です。
This time, I always decided to finish up to Pull Request, and I chose a page with a few interesting themes and volumes.
That is Building with Bazel.
第二章 / Chapter 2
まずは、リポジトリを最新に更新します。
First, update the repository to the latest.
一度ビルドします。この時にエラーになりました。
原因は、 yarn が最新バージョン v1.16.0だったことです。
Build once. I got an error at this time.
The cause is that yarn was the latest version v1.16.0.
その間にCircle CIで諸々のスクリプトが実行されています。
テストが失敗すると下図のようになります。
During that time, various scripts are executed in Circle CI.
If the test fails, it will look like the figure below.
コンソールに出力されているエラーの内容を一つずつ修正します。
正常に終了すると下図のようになります。
Correct the contents of the error output on the console one by one.
If it ends normally, it will become like the following figure.
第六章 / Chapter 6
後はレビューの結果待ちです。
今回はPull Requestまで出来ました。
The rest is waiting for the result of the review.
This time we were able to pull request.
終章 / Final Chapter
マージされるまでが翻訳です。
心を無にして、結果を待ちたいと思います。
It is translation until it is merged.
I want to have no mind and wait for the results.
angular & bazel のサンプルプロジェクトをビルドする時にトラブルが有ったので、その時のメモ
I had trouble when build the sample project of angular & bazel, so the memo of that time
ビルドコマンド実行したら、下記エラー発生。
The following error occurs when executing a build command.
➜ ng-bazel-sample git:(master) ng build
INFO: SHA256 (https://github.com/manekinekko/rules_sass/archive/9862dfc96a4a1f66fe171ef5e043b29853e8445b.zip) = 6035f25dbcd1e5575a681f5d7b9d9821dde09fcf73ccea053d1bc1c9523b1a2a
DEBUG: Rule 'io_bazel_rules_sass' indicated that a canonical reproducible form can be obtained by modifying arguments sha256 = "6035f25dbcd1e5575a681f5d7b9d9821dde09fcf73ccea053d1bc1c9523b1a2a"
ERROR: /private/var/tmp/_bazel_lifewood/55e2e676c374e1a534444472789d2c28/external/local_config_cc/BUILD:55:5: in apple_cc_toolchain rule @local_config_cc//:cc-compiler-darwin_x86_64: Xcode version must be specified to use an Apple CROSSTOOL. If your Xcode version has changed recently, verify that "xcode-select -p" is correct and then try: "bazel shutdown" to re-run Xcode configuration
ERROR: Analysis of target '//src:prodapp' failed; build aborted: Analysis of target '@local_config_cc//:cc-compiler-darwin_x86_64' failed; build aborted
INFO: Elapsed time: 246.700s
INFO: 0 processes.
FAILED: Build did NOT complete successfully (264 packages loaded, 15447 targets configured)
Fetching @build_bazel_rules_sass_deps; Running yarn install on @io_bazel_rules_sass//sass:package.json 9s
Fetching @build_bazel_rules_nodejs_rollup_deps; Running yarn install on @build_bazel_rules_nodejs//internal/rollup:package.json 8s
/Users/lifewood/work/ng-bazel-sample/node_modules/@bazel/bazel/node_modules/@bazel/bazel-darwin_x64/bazel-0.26.1-darwin-x86_64 failed with code 1.
ng update @angular/cli@next をインストールしてもエラー
Error installing ng update @angular/cli@next
➜ ng-bazel-sample git:(master) ng build
Starting local Bazel server and connecting to it...
ERROR: /private/var/tmp/_bazel_lifewood/55e2e676c374e1a534444472789d2c28/external/local_config_cc/BUILD:55:5: in apple_cc_toolchain rule @local_config_cc//:cc-compiler-darwin_x86_64: Xcode version must be specified to use an Apple CROSSTOOL. If your Xcode version has changed recently, verify that "xcode-select -p" is correct and then try: "bazel shutdown" to re-run Xcode configuration
ERROR: Analysis of target '//src:prodapp' failed; build aborted: Analysis of target '@local_config_cc//:cc-compiler-darwin_x86_64' failed; build aborted
INFO: Elapsed time: 346.768s
INFO: 0 processes.
FAILED: Build did NOT complete successfully (38 packages loaded, 157 targets configured)
Fetching @build_bazel_rules_sass_deps; Running yarn install on @io_bazel_rules_sass//sass:package.json
Fetching @build_bazel_rules_nodejs_rollup_deps; Running yarn install on @build_bazel_rules_nodejs//internal/rollup:package.json
/Users/lifewood/work/ng-bazel-sample/node_modules/@bazel/bazel/node_modules/@bazel/bazel-darwin_x64/bazel-0.26.1-darwin-x86_64 failed with code 1.
以下の手順を行って、ビルドが成功
Follow the steps below for a successful build
➜ ng-bazel-sample git:(master) ✗ sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
Password:
➜ ng-bazel-sample git:(master) ✗ sudo xcodebuild -license
Apple Inc.
Xcode and Apple SDKs Agreement
PLEASE SCROLL DOWN AND READ ALL OF THE FOLLOWING TERMS AND CONDITIONS CAREFULLY BEFORE USING THE APPLE SOFTWARE OR APPLE SERVICES. THIS IS A LEGAL AGREEMENT BETWEEN YOU AND APPLE. IF YOU AGREE TO BE BOUND BY ALL OF THE TERMS AND CONDITIONS, CLICK THE “AGREE” BUTTON. BY CLICKING “AGREE” OR BY DOWNLOADING, USING OR COPYING ANY PART OF THIS APPLE SOFTWARE OR USING ANY PART OF THE APPLE SERVICES, YOU ARE AGREEING ON YOUR OWN BEHALF AND/OR ON BEHALF OF YOUR COMPANY OR ORGANIZATION TO THE TERMS AND CONDITIONS STATED BELOW. IF YOU DO NOT OR CANNOT AGREE TO THE TERMS OF THIS AGREEMENT, YOU CANNOT USE THIS APPLE SOFTWARE OR THE APPLE SERVICES. DO NOT DOWNLOAD OR USE THIS APPLE SOFTWARE OR APPLE SERVICES IN THAT CASE.
1. Definitions
Whenever capitalized in this Agreement:
~~~~~~ 中略 / Abbreviation ~~~~~~
“Xcode Developer Tools” means the Apple-proprietary development platform, including but not limited to software tools, compilers, sample code, Documentation, programming languages, and overall design package provided by Apple hereunder, excluding the Apple SDKs.
“You” or “Your” means the person(s) or entity using the Apple Software or Services or otherwise exercising rights under this Agreement. If You are entering into this Agreement on behalf of Your company, organization, educational institution, or an agency, instrumentality, or department of the federal government, “
By typing 'agree' you are agreeing to the terms of the software license agreements. Type 'print' to print them or anything else to cancel, [agree, print, cancel] q
You can view the license agreements in Xcode's About Box, or at /Applications/Xcode.app/Contents/Resources/English.lproj/License.rtf
➜ ng-bazel-sample git:(master) ✗
➜ ng-bazel-sample git:(master) ✗ ng build
INFO: Analyzed target //src:prodapp (485 packages loaded, 22708 targets configured).
INFO: Found 1 target...
Target //src:prodapp up-to-date:
dist/bin/src/prodapp
INFO: Elapsed time: 82.663s, Critical Path: 48.69s
INFO: 7 processes: 6 local, 1 worker.
INFO: Build completed successfully, 8179 total actions
➜ ng-bazel-sample git:(master) ✗
仕事で、ng testをした時、テスト数が多い上にビルドに時間がかかっていた。
ng test は、ビルド後にテストが実行されるとなかなか中断できない。
When I did ng test at work, it took a long time to build on a large number of tests.
ng test can not be interrupted easily if the test is executed after build.
spec.tsのみビルドしたかったので、今回スクリプトを作成してみた。
I wanted to build only spec.ts, so I created a script this time
1. spec.ts用 tsconfig.jsonの用意 / Prepare for spec.ts tsconfig.json
このブログを参考にプロジェクトを作成。
I made a project referring to this blog.
下記のコマンドを実行したら、エラー発生。
An error occurs when executing the following command.
➜ ~ npm install -g @angular/bazel
/Users/lifewood/.nodebrew/node/v10.14.1/bin/ngc-wrapped -> /Users/lifewood/.nodebrew/node/v10.14.1/lib/node_modules/@angular/bazel/src/ngc-wrapped/index.js
/Users/lifewood/.nodebrew/node/v10.14.1/bin/api-extractor -> /Users/lifewood/.nodebrew/node/v10.14.1/lib/node_modules/@angular/bazel/src/api-extractor/index.js
/Users/lifewood/.nodebrew/node/v10.14.1/bin/packager -> /Users/lifewood/.nodebrew/node/v10.14.1/lib/node_modules/@angular/bazel/src/ng_package/packager.js
/Users/lifewood/.nodebrew/node/v10.14.1/bin/xi18n -> /Users/lifewood/.nodebrew/node/v10.14.1/lib/node_modules/@angular/bazel/src/ngc-wrapped/extract_i18n.js
/Users/lifewood/.nodebrew/node/v10.14.1/bin/modify_tsconfig -> /Users/lifewood/.nodebrew/node/v10.14.1/lib/node_modules/@angular/bazel/src/modify_tsconfig.js
npm WARN @angular/bazel@8.0.2 requires a peer of @angular/compiler-cli@8.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/bazel@8.0.2 requires a peer of @bazel/typescript@0.* but none is installed. You must install peer dependencies yourself.
npm WARN @angular/bazel@8.0.2 requires a peer of typescript@>=3.4 <3.5 but none is installed. You must install peer dependencies yourself.
+ @angular/bazel@8.0.2
added 66 packages from 104 contributors in 9.781s
➜ ~ cd work
➜ work ng new ng-bazel-sample --collection=@angular/bazel
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax ]
Schematic input does not validate against the Schema: {"name":"ng-bazel-sample --collection=@angular/bazel","version":"8.0.3","routing":true,"style":"scss"}
Errors:
Data path ".name" should match format "html-selector".
➜ work ls -la
スタイルがサポート対象外ではないかとアドバイスを頂いた。
I was advised that the style is not supported.
ローカルでのビルドで躓いた事 / point of failed for Local Building
node のバージョン / node's version
当初 v8.4.0 でしたが、ビルドする際に、エラーが発生する為、バージョンを v6.9.5 にしました。
at first v8.4.0, version down to v6.9.5. beacause build error had occured.
yarn のバージョン / yarn's version
yarn のバージョンをv1.3.2にしました。
yarn のバージョン v1.0.0以下だと、ビルドエラーが発生する為です。
Because yarn version v1.0.0 or less, a build error had occured.
Tyepscript のバージョン / Tyepscript's version
Tyepscript のバージョンをv2.4.2にしました。
下記警告が、出力されますが問題ありません。
The following warning is output, but there is no problem.
SSHキーに誤りがありました。 / wrong SSH key github のSSHキーをさくらVSPサーバーのSSHキーに上書きしていた為、
下記エラーが発生しました。
Follwong Error had occured.
Beacuse SSH key of github had overwite by SSH key of SAKURA VPS Server
➜ angular-ja git:(master) git submodule update --init
Submodule 'origin' (git@github.com:angular/angular.git) registered for path 'origin'
Cloning into '/Users/UserName/work/angular-ja/origin'...
git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights and the repository exists.
fatal: clone of 'git@github.com:angular/angular.git' into submodule path '/Users/UserName/work/angular-ja/origin' failed
今回は主に翻訳に着手するまでの過程で、自分が躓いた点をまとめました。
This time I mainly compiled the points I gained in the process until I started translating.
記事作成中に ng-japan の Slack の #traslation で、こんなポストがありました。
というわけで、慌てずに年末年始で翻訳する準備をしてみては如何でしょうか？
so, What do not you try getting ready to translate?
明日は、 @albatrosary さんです！
Tomorrow is @albatrosary !
追記 / Additional notes
後日(12/26)に更新のポストが有りました。
There was an update post at (12/26) at a later date.
翻訳環境を更新しました。
I updated the translation environment.
npm, node, yarn, Tyepscript, Angular cli のバージョンは、下記の通りです。
npm, node, yarn, Tyepscript, Angular cli version is following.
リポジトリの更新は、下記状態になります。
Updating the repository is as follows.
