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
38
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
フロントエンドエンジニアならブラウザぐらい作ったらどうだ
Kaneko Takeshi
December 01, 2020
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
42
Eye Tracking on the Browser
tkckaneko
0
99
IEEE754を完全に理解した
tkckaneko
1
84
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
100
多分これが一番早いと思います
tkckaneko
0
31
暗黒面の話
tkckaneko
0
30
CSR / SSR / SSG / JAMstack
tkckaneko
0
78
BOLT
tkckaneko
0
40
CSS Logical Properties and Values
tkckaneko
0
50
Other Decks in Technology
See All in Technology
フルAIで個人開発して学んだあれこれ / yuruai vol.1
isaoshimizu
0
110
【2026年版】 ベクトル検索とEmbedding最前線
mocobeta
23
7.5k
不要なレビューをAIにまかせて AIコーディングの環境改善を加速した
shoota
1
260
事業会社における 機械学習・推薦システム技術の活用事例と必要な能力 / ml-recsys-in-layerx-wantedly-2026
yuya4
0
160
GitHub Copilot app最速の発信の裏側
tomokusaba
1
250
レガシーな広告配信システムでのAI駆動開発/運用の挑戦
i16fujimoto
0
120
AIはどのように 組織のアジリティを変えるのか?
junki
4
1.3k
攻撃者視点で考えるDetection Engineering
cryptopeg
3
2.1k
從開發到部署全都交給 AI:實作 AI 驅動的自動化流程
appleboy
0
150
4人目のSREはAgent
tanimuyk
0
110
AWS Security Hub CSPMの成功・失敗体験
cmusudakeisuke
0
540
元銀行員がAIだけでアプリを量産!「バイブコーディング実演セミナー 」
tatsuya1970
0
110
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
HDC tutorial
michielstock
2
720
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The SEO Collaboration Effect
kristinabergwall1
1
490
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
480
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
580
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
400
Embracing the Ebb and Flow
colly
88
5.1k
Visualization
eitanlees
152
17k
Bash Introduction
62gerente
615
220k
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
終わりませんでした・・・
まとめ こんな感じのアプリがビルドしたかっ た・・・ 時間の余裕があるときに再チャレンジ します