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
Kaneko Takeshi
December 01, 2020
Technology
0
37
フロントエンドエンジニアならブラウザぐらい作ったらどうだ
Kaneko Takeshi
December 01, 2020
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
32
Eye Tracking on the Browser
tkckaneko
0
89
IEEE754を完全に理解した
tkckaneko
1
78
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
95
多分これが一番早いと思います
tkckaneko
0
28
暗黒面の話
tkckaneko
0
27
CSR / SSR / SSG / JAMstack
tkckaneko
0
74
BOLT
tkckaneko
0
31
CSS Logical Properties and Values
tkckaneko
0
36
Other Decks in Technology
See All in Technology
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
150
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
340
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
230
Cosmos World Foundation Model Platform for Physical AI
takmin
0
980
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
350
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
210
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
850
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
410
Agile Leadership Summit Keynote 2026
m_seki
1
680
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
480
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
260
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
330
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Optimizing for Happiness
mojombo
379
71k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
53
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
How to make the Groovebox
asonas
2
1.9k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.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
終わりませんでした・・・
まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します