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
0
37
フロントエンドエンジニアならブラウザぐらい作ったらどうだ
Kaneko Takeshi
December 01, 2020
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
34
Eye Tracking on the Browser
tkckaneko
0
91
IEEE754を完全に理解した
tkckaneko
1
79
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
96
多分これが一番早いと思います
tkckaneko
0
28
暗黒面の話
tkckaneko
0
27
CSR / SSR / SSG / JAMstack
tkckaneko
0
74
BOLT
tkckaneko
0
33
CSS Logical Properties and Values
tkckaneko
0
38
Other Decks in Technology
See All in Technology
Keycloak を使った SSO で CockroachDB にログインする / CockroachDB SSO with Keycloak
kota2and3kan
0
160
エンジニアリングマネージャーの仕事
yuheinakasaka
0
100
コンテキスト・ハーネスエンジニアリングの現在
hirosatogamo
PRO
3
440
詳解 強化学習 / In-depth Guide to Reinforcement Learning
prinlab
0
260
[JAWSDAYS2026]Who is responsible for IAM
mizukibbb
0
830
Zeal of the Convert: Taming Shai-Hulud with AI
ramimac
0
150
Go標準パッケージのI/O処理をながめる
matumoto
0
220
アーキテクチャモダナイゼーションを実現する組織
satohjohn
1
1.1k
TypeScript 7.0の現在地と備え方
uhyo
7
1.7k
PMとしての意思決定とAI活用状況について
lycorptech_jp
PRO
0
140
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
13k
2026年もソフトウェアサプライチェーンのリスクに立ち向かうために / Product Security Square #3
flatt_security
1
640
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
350
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
400
The Language of Interfaces
destraynor
162
26k
Producing Creativity
orderedlist
PRO
348
40k
For a Future-Friendly Web
brad_frost
183
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
86
GraphQLとの向き合い方2022年版
quramy
50
14k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.7k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
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
終わりませんでした・・・
まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します