Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フロントエンドエンジニアならブラウザぐらい作ったらどうだ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kaneko Takeshi
December 01, 2020
Technology
37
0
Share
フロントエンドエンジニアならブラウザぐらい作ったらどうだ
Kaneko Takeshi
December 01, 2020
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
38
Eye Tracking on the Browser
tkckaneko
0
93
IEEE754を完全に理解した
tkckaneko
1
83
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
99
多分これが一番早いと思います
tkckaneko
0
29
暗黒面の話
tkckaneko
0
30
CSR / SSR / SSG / JAMstack
tkckaneko
0
77
BOLT
tkckaneko
0
38
CSS Logical Properties and Values
tkckaneko
0
49
Other Decks in Technology
See All in Technology
実装は速くなった、レビューはどうする? ― 自身のレビューをAIで再現させるサーヴァントエンジニアリングのすゝめ / Implementation got faster. So what about reviews? — An invitation to Servant Engineering: Recreating your own code reviews with AI
nrslib
6
2.9k
OCI Oracle AI Database Services新機能アップデート(2026/03-2026/05)
oracle4engineer
PRO
0
170
Strands Agents超入門
kintotechdev
1
160
もりもり新機能を一挙紹介! AgentCoreに入門して、AWS上にAIエージェントを構築しよう
minorun365
PRO
6
710
Claude Codeを組織で使いこなす— サーバサイドAIエージェント運用の実践知
techtekt
PRO
0
180
Diagnosing performance problems without the guesswork
elenatanasoiu
0
150
Ruby::Boxでできること、Refinementsでできること
joker1007
3
380
APIテストとは?
nagix
0
170
ChatworkとBPaaS 異なる特性で学んだAI機能開発の ベストプラクティス
kubell_hr
2
2.2k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
50k
Datadog 認定試験の概要と対策
uechishingo
0
230
速さだけじゃない! VoidZero ツールが移行先に選ばれる理由
mizdra
PRO
6
730
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
How to build a perfect <img>
jonoalderson
1
5.6k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
210
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
4 Signs Your Business is Dying
shpigford
187
22k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
71
40k
ラッコキーワード サービス紹介資料
rakko
1
3.5M
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Mind Mapping
helmedeiros
PRO
1
230
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
200
Fireside Chat
paigeccino
42
3.9k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.1k
Transcript
フロントエンドエンジニアならブラ ウザぐらい作ったらどうだ
元ネタ
とはいえ、ゼロからはめんどくさいので Chromiumをビルドしてみます
Chromium -オープンソースのウェブブラウザプロジェクト -Google Chrome、Microsoft Edge、Operaとかいろんな ブラウザのベース -ほとんどGoogle Chrome -Chromium OSなんかもやってる
-ビルドの仕方も書いてあるので便利
公式サイト https://chromium.googlesource.com/chromium/src/+/master/ docs/android_build_instructions.md
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
install-1 環境を整える 公式でpythonとgitが必要って書いてあった $ sudo apt update $ sudo apt
install python $ sudo apt install git
install-2 公式には載ってないけど、試したらエラーしたので入れ ます $ sudo apt install curl $ sudo
apt install vim
fetch-1 いろんなツールが入ってるヤツをcloneします 終わったらパスを通します $ cd var $ git clone https://chromium.googlesource.com/chromium/tools/depot_too
ls.git $ export PATH="$PATH:/var/depot_tools"
fetch-2 ソースをfetchします ※ 時間がかかります $ cd chromium $ fetch --nohooks
android $ cd src $ gclient sync
fetch-3 追加のバイナリや必要なファイルもfetchします $ build/install-build-deps-android.sh $ gclient runhooks
ninja ninjaっていうコンパイラの設定をします 早いらしいです(比較してないから知らない) $ gn args out/Default target_os = "android"
target_cpu = "arm64"
build やっとビルド! $ autoninja -C out/Default chrome_public_apk
build
終わりませんでした・・・
まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します