フロントエンドエンジニアならブラウザぐらい作ったらどうだ

Transcript

1. フロントエンドエンジニアならブラ ウザぐらい作ったらどうだ
2. 元ネタ
3. とはいえ、ゼロからはめんどくさいので Chromiumをビルドしてみます
4. Chromium -オープンソースのウェブブラウザプロジェクト -Google Chrome、Microsoft Edge、Operaとかいろんな ブラウザのベース -ほとんどGoogle Chrome -Chromium OSなんかもやってる -ビルドの仕方も書いてあるので便利
5. 公式サイト https://chromium.googlesource.com/chromium/src/+/master/ docs/android_build_instructions.md
6. docker dockerでubuntu:18.04をたてます ※ 公式でubuntuがいいって書いてあったので $ docker pull ubuntu:18.04 $ docker run -it -d --name chromium-build -v /home/user-name/chromium:/var/chromium ubuntu:18.04 $ docker exec -it chromium-build /bin/bash
7. install-1 環境を整える 公式でpythonとgitが必要って書いてあった $ sudo apt update $ sudo apt install python $ sudo apt install git
8. install-2 公式には載ってないけど、試したらエラーしたので入れ ます $ sudo apt install curl $ sudo apt install vim
9. fetch-1 いろんなツールが入ってるヤツをcloneします 終わったらパスを通します $ cd var $ git clone https://chromium.googlesource.com/chromium/tools/depot_too ls.git $ export PATH="$PATH:/var/depot_tools"
10. fetch-2 ソースをfetchします ※ 時間がかかります $ cd chromium $ fetch --nohooks android $ cd src $ gclient sync
11. fetch-3 追加のバイナリや必要なファイルもfetchします $ build/install-build-deps-android.sh $ gclient runhooks
12. ninja ninjaっていうコンパイラの設定をします 早いらしいです（比較してないから知らない） $ gn args out/Default target_os = "android" target_cpu = "arm64"
13. build やっとビルド！ $ autoninja -C out/Default chrome_public_apk
14. build
15. 終わりませんでした・・・　
16. まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します