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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
37
Eye Tracking on the Browser
tkckaneko
0
93
IEEE754を完全に理解した
tkckaneko
1
82
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
99
多分これが一番早いと思います
tkckaneko
0
29
暗黒面の話
tkckaneko
0
30
CSR / SSR / SSG / JAMstack
tkckaneko
0
77
BOLT
tkckaneko
0
34
CSS Logical Properties and Values
tkckaneko
0
45
Other Decks in Technology
See All in Technology
2026-05-14 要件定義からソース管理まで!IBM Bob基礎ハンズオン
yutanonaka
0
160
AI飲み会幹事エージェントを作っただけなのに
ykimi
0
230
分断された OT と IT を繋ぐ架け橋 -Kubernetes が切り拓く 産業用組み込み製品の現在地 -
yudaiono
1
120
エンタープライズの厳格な制約を開発者に意識させない:クラウドネイティブ開発基盤設計/cloudnative-kaigi-golden-path
mhrtech
0
440
JTCでRedmine利用者2700人を実現した手法 第二部
nobuonakamura
0
120
Tachikawa.any 運営挨拶
daitasu
0
180
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
100k
React Compiler導入から21ヶ月、いま始めるならこうやる
astatsuya
2
200
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
2.6k
AI-Assisted Contributions and Maintainer Load - PyCon US 2026
pauloxnet
1
160
AWS運用におけるAI Agent活用術 / JAWS-UG 神戸 #11 LT大会
genda
1
280
20260515 ログイン機能だけではないアカウント管理を全体で考える~サービス設計者向け~
oidfj
1
700
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
How to Talk to Developers About Accessibility
jct
2
200
How GitHub (no longer) Works
holman
316
150k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
160
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
440
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Darren the Foodie - Storyboard
khoart
PRO
3
3.3k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
460
Paper Plane (Part 1)
katiecoart
PRO
0
7.6k
Git: the NoSQL Database
bkeepers
PRO
432
67k
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
終わりませんでした・・・
まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します