takže dobré odpoledne a rád bych vás tedy přivítal na té přednášce u tedy workshopů
a o tvorbě univerzálních doplňků a pomocí ve text angeles mapy
a my sme sem přijede my sme se mozille cz a já si minutama čtyři
na druhou čas potom povede tu workshopů vyšší
a potom uvedených a s také který sedí tam a vepředu
a
s nemůžeme
stačí
tak důvod proč jsme a vůbec tuhlectu přednášku tady zařadili
je že ta je fuk se na nejbližší době přiblížila dyby ní čekají a velké
změny
_e přinesou jednak kompletní změnu uri
nové prvky vykreslovacího jádra které jsou napsaný obraz tu a bude to
bude tam větší důraz na paralelizaci jak je tady k napsáno ale hlavně
a ukončí se podpora starých doplňku napsaných technologií
z nul a většina doplňků
a bude muset by přepsána
pomocí právě toho pinu pro a pomocí právě i já ji
jak extention s o kterém tady budu mluvit
když se pustím do extenční stack
taková krátká historie vývoje doplňků
a
začneme
a
u flash pak sou jedna nula seš je době nikdy na začátku a tohlencto tisíciletí
který přišel se zajímavou technologií
která se jmenuje z nul
a píše se boxu
a je to zkratka od xmlka dělaj venku víš
seš jak už název naznačuje je to jazyk _e
jak se xmlko ve jazyk na psaní a s ani uživatelského rozhraní
eriky nějaká ukázka kódu
jak by mohla vypadat jednoduchý
jednoduchej why
a xmlku graf zulu a
jako a jádro p koksu je
pravděpodobně
jediná jediný program který tohlensto dokáže plně interpretovat
já to můžu ukázat teda
přesně tohlensto můžu spustit právě pak boxu
nemůžete vidět
rekord vygeneruje jednoduchá
tři tlačítka
a
co je názoru zajímavé se tady
nima víme
je že se dívají a jo tohlensto
jeli
celé
no necelé většina levi je napsána
právě sůl
a třeba taky mimochodem takové zajímavé a vtipné důsledky
že když zadáte
tohlencto adresu
která
modified false jako je fax
a pěti hlavně a proč se o tomhlectom bavíme a protože
stolu a byli
napsány
doplňky které se
používali i do dnešního dne
a jako doplněk fungoval vám můžu ukázat na
takovém
příkladu
obyčejného přidání
tlačítka
které vypadalo nějak takhle
doplněk při startu prohlížeče a takže lze prohlížeč měl tam nějak do svojí white
a doplnit tam chtěl přidat s vytlačí tak to co musel udělat je
vybrat správný element
a vložit tam
vlastně prakticky svůj kód svůj kus kódu
takže
nějak takhle levicový tam vložil a text ale
jak takhle by se tam padalo a padalo tlačítko
a tady vidíme se s tím za problém když si každý doplněk mohl sahat do
uživatelského rozhraní
tak to jednak nebylo úplně bezpečné a jinak se to rozjelo a s každou s
každou verzí to je fuk su
která
s každou větší verzi která změnila něco mutch uživatelském rozhraní nebo i
cokoli ti
což byl která a velký problém cože důsledek toho že stůl a nemá žádné a
pí pro doplňky
doplňky prostě jenom
přijali
že dávali svoje věci do rozhraní tak
což máš sice a
tu nádhernou vlastnost že můžete file vox dokonale změnit k nepoznání doplňkem
ale
má to taky hromadu svojich problém
ano a tohlensto je jeden z důsledků a tohle systémů že
při každé aktualizaci firefoxu
_m
vyskakoval tohle otravné okno které se musel zeptat server u adams vozila
jestli opravdu je na tenhlencten doplněk
kompatibilní
s tím novým flash pak sem na který se právě aktualizovaly jinak musel bejt zakázaný
tak a ještě další důsledek to měl případě že a že ste něco pokazili ve
svém doplňku
tak se vám klidně mohlo stát že místo flash boxu ste jeli nějakou takovouhle
prázdné okno s takovoudle zprávu
a aby toho nebylo málo a pak potom tady byli ještě jakési binární modul xka
jako takže kromě závislosti doplňku na jednotlivých verzích
ste tady měli platformy závislost
a
dokážete si představit že
tohlensto spravovat není nic zrovna dvakrát jednoduché
teď se přesuneme do roku asi dva tisíce osum a
době kdy vyšel chrom
kromě úžasnou výhodu vtom a že když a později
a nemusel už opakovat stejné chyby jako fajn fax
jenže to postaví na zelené louce tak už tam rovnou dali nějaké i já jí
pro vytváření
no
pro vytváření a doplňku
konkrétně chronik ten ženskej já ji i modernější
je a jednodušší a vlastně používá běžně webové technologie a ten dal javascriptem a tomu
se přída nějaký manifest a stejně jako samotný chrom počítá s více procesy
už od začátku
cože další nevýhoda zulo
bylo velice těžké zprovoznit love doplňky
multiprocesorem na koksu
kole nebo dva tisíce patnást vozila oznámila že
přestane postupně podporovat doplňky na bázi zulo
a protože
když si vy důvodu
asi rok později začala implementovat něco
že mu říká tech extension nic
i já
je to institut inspirované právě tím chromem
podporovány právě zhruba odteď poloviny roku dva tisíce šestnáct
a je to apíčka to zase na hlavních webových technologiích takže pokud umíte psát a
_e
vem moderní webové aplikace
zvládnete i pro šíření
pro no a kdo
ropa jako cvrkám taky
takže jak extern ženu
co jejich hlavní výhoda je právě ta kompatibilita s budoucími verzemi flash boxu
protože je to jasně definované a pí
které a fašos
se chystá udržovat jí nadále
další dobrá věc je že velká část toho apíčka je kompatibilní s chromem takže a
pokud máte svůj doplněk
pro chrom
ve většině případů a postačí prostě nahrát na dost vozila ho a bude fungovat
normálně ve firefoxu dál
pořadatel přišla tak daleko že tohlencto chce standardizovat jako standard pro doplňky
že
budou univerzální doplňky pro všechny prohlížeče a vlastně tak už tady dneska funguje
tak sem šel spustíte jak na pipe odsud pak na opeře na chromu dokonce nejen
na desktopových prohlížečích alenka jako pro android vláda virtex ten ženský
a dokonce je tam ten _e
tedy
činu let ať
co je největší nevýhoda ve text engine stále je
že mají jenom pomoct omezené možnosti zásahu do prohlížeči tak se text angeles nepředpo ne
překopat té cely prohlížeč
a tak jak to dělal třeba jestli znáte doplněk klasik ten restorer
ten úplně změnil té fotce nepoznání
se největší výhoda ve text engine
vlastně úplně to samé protože a jako uživatel se nedostanete do situace kdy vám jeden
doplněk a rozvědce lichva jako s tím že něco překopat dokonce bylo ku
pane
u toho zulu
a byl
problém s tím že doplňky měli tu schopnost
zní kývají tak že ten doplněk už nikdy nedokážete zakázat
zase dokázal tam odstranit z listu doplňku takže
takže tohlencto je výhoda hlavně tedy pro uživatele
a teď bych teda ukázal
jak teda můžou jak jsem že nic nastavovat bojovali narozdíl otce předchozích člověk doplňku které
mohli dělat cokoli
tady jsou přesně definované
a
to se může dít
otevřou link na dokumentaci
najít opoziční
tak
a sou jenom omezené možnosti vy to můžeme mít klasicky patrné
potom to může mít odpad
můžete mi i tenhle speciální baterka adresním řádku
a vedle real platnou
zase opět opak
a
co je taky další věcí je že můžete přidat
přidat
to možná rovnou ukážu
můžete přidat svoje
částí minut
no kontextové nabídky
to same se svejma rána a tohlencto je jedna z věcí která je přidána nové
extenční s nově a chromý nema
takže
potom tady jsou různé nastavení a můžete si přidat do vlastní stránky doplňky
a víš a textur šíření třeba tady on tu
a tak vidíte že každý doplnit si může
vytvářet svůj vlastní stránku s nastavením jsou takové
obyčejné věci a mnoho dalších věcí včetně notifikaci a co ještě zajímavé doplňky si budou
moci přidávat své vlastní panely do developer puls
no
mluvím o nebo proto musel větev šla
a
jo a zabavoval asi prezentace
a to nevadí
a vesměs reprezentací moc nebylo chtěl jsem eště ukázat tabulku kompatibility
ale
tohlencto
a si ukažme
někdy je
a teď bych se zeptal ještě než začne ta praktická část
máte nějaké otázky
ano
jo ale namíchal že bude mít jo takže tohlencto michal zní trapy sou střely sdílená
to mezi von zůstanou doma co můžu je to vývojář objektům jsou do dům práci
budu fungovalo všude jasně a dobře body za slyšet _e
když napíšete ten doplněk teletext angeles
tak a tak se můžem se nedá
je kompatibilní s velké části chromem ale není to není to úplně dost uplně stejné
etapy je trochu modernější a typicky místo call back u používá moderní promise
a _hm
ale existují poli chile a když to šlo spustit na jakémkoliv
prohlížeč
a
a zase naopak white koks umí i pro matky doplňky
když není řečeno
ano na mozille developer network _e
jo tohlencto všechno ukáže potom michal štětec praktické takže
takže tenhle kraj bude
eště jak a další otázka
pokud ne tak jak říkám
slovo michalovi
tak slyšíme se
na to že se svým s
máme tady nějakou fixu
tady máme pixl tak
hazardy jedna z dílem jeden link stavitel a my matka zamávej když tak ste se
mohli votvírat přímo proklikat
aby to je koupila babička doplňky
vy byste pomine mohli přečíst
a začnu s dovolením k tomu českýho povinna ten dost a se dostanu za chvíli
vezmu
vezmu postupně
tady mám trošku doplním že vlastně tady na tom s kým že to vypadá jinak
to je to tlačítko _e ten popad co je v zásadě
raz jiný způsob jak řešit akci kliknutí na to tlačítko na todle ti to kliknete
můžete stát může stát cokoli letech to nadefinujete
ale může se otevřít _e této okýnka tam může být těch akcí
akcí kolik chcete z hlediska toho
jak se to řeší vtom a
tom doplňku je to vlastně skoro to samé
a možná rovnou ukážu jak ten doplněk vypadá vevnitř
a
takovým středobodem vesmíru témata to doplňku a je manifest soubor který definuje kde se dají
dohledat jednotlivé javaskriptu _e soubory s těma s tím kolenem
jednotlivé na tom a ztrátě které se tam zobrazují nebo kaskádové styly
a tady je vidět jaké všechny možnosti ten doplněk může využívat
jsou tady je tady tak vám began patch
a tam běží javaskriptu nebo ho to mohl stránka která běží v zásadě von textu
uživatelského rozhraní a řeší věci jako
tady ty tlačítka nebo tady ty tlačítka v adresním řádku jestli se tam má zobrazovat
ti po kontextová nabídka podobně
dál zvětšen kdybych
tam chtěl něco ukázat potom
a
nicméně nemůže sám tenhleten ta ten skript nemůže zasahovat do obsahu webových stránek který se
tady zobrazují a důvod je prostý
a
vlastně za to může částečně u škol nebo mluvíš to navrhoval a protože chromá teďka
už infar false běží odděleně uživatelské rozhraní v jednom procesu a zobrazování obsahu panelu druhém
procesu takže tam jakoby není
a žádné místo kde by se přímo ten kolt
co běží tady nějakým javaskriptu potkával s tou stavbou stránkou
na nicméně oprava tu stránku může řešeno je to takže můžete použít druhý skript který
ten doplněk vloží do té stránky ten běží fu řekne procesu s tou stránkou ten
tam má přístup a pomocí nějakého systému zpráv který si pak může ukázat spolu můžou
komunikovat můžete na závěr takový tlačítka po zas nějakou tu zprávu
a kdo to deskriptor na základě toho jaká ta zpráva tak ten doplněk
a tak tam ten skript nějak reaguje případě tam můžete vložit přímo nějaký konkrétní kolovat
který se má který se má spustit
a pak ten manifest definuje právě pro vzorek šanci znamená tady to tlačítko
případně definuje jeho výkonu a nějakou akci která se má stát to na tom případě
se otvírá a zavírá nějakej popad říkají
úplně stejně
a tady funguje tohleto tlačítko tom případě je to votevře nějakou webovou stránku která je
a pro mě relevantní tady té nějaká interní věc
další věc co se definuje manifestuje
ve zase stránka s nějakým javascriptem to sou ty možnosti co tady to máš ukazoval
tady pro před metrem ti ukázat
zase je tady ta část
a je jenom obyčejná to má stránka s nějakým javascriptem
který po letos tady mačkám tak ukládá to moje nastavení do nějakého interního uložiště
a zase tady ty ostatní skripty se to stalo ještě můžou přečíst a na základě
těch změn reagovat s nebo tam byla třea ti interval takže upravit ano
data se nám na záznam jestli je to synchronizované ano může být
ty uložiště jsou tam
jde o filmech je tam víc
jedno z nich je lokální a další je kdy vzdálené a tam se právě použije
synchronizace navržena je to zase takže vůbec nemusí ten doplním řešit
a který je to prohlížeč zase je to zda neuloží ještě a jestli je to
synchronizované přes formu přes účet
nebo je fajn poctu pře synchronizaci tak to je úplně na to že viz no
prohlížeče
aby
aby to vyřešený
doplněk
zásadě ani nemusí vědět jestli ten účes tam je když tam je tak se toho
dne se synchronizuje
ale tom doplňku to může byt úplně jedno jako
to je práce to prohlížeče
a další tou světa spoření věcí co ten prohlížeči vám to ten manifest může definovat
a jsou nějaké o javascriptem dostupné pro tu webovou stránku
to znamená
typické to nějaký skript ale může to být i obrázek
a _e který potom může po můžete použít v rámci té s stránky pomocí nějakého
javaskriptu který si přímo stáhnete v rámci té stránky můžete třeba definovat nějakou funkci kterou
ta stránka může zavoláte mi to zase nějak komunikovat
a s tím s tím vaším doplňkem
tady zkusit ukázat jak takový ten manifest přímo vypadá
číst přímo takto
tohle je zrovna příklad kde je ten manifest docela dost veliký a porovnáno s těch
vy si tam vůbec nemusí být
je tady nějaká definice a aplikace nějaké minimální předpokládané verze
a
to je do jisté míry volitelné
případě for foxu je to potřeba
například pro tu synchronizaci v momentě kdy ten doplněk chce své data syntéza přes ten
účet tak musí specifikovat svoje unikátní id
a díky tomu ta synchronizace může běžet bezpečně
a tady celou ukázka definice
definice
ja jak definovat je skripty které běží neposadíš prohlížeči
ikonky a podobně a podobně a to si všechno
a všechno můžeme můžem vyzkoušet
teď se můžu trošku teda ukázat z dokonce toho jaké sou ty rozdíly mezi chromem
a facto psem
dá se takhle nějak vypadá nastavení ikonky pro to tady to tlačítko
a
je to velmi jednoduchý případ hlavní rozdíl je že tady se na začátku pod nějaký
objekt chrom když to ve verzi _m tak s ten ženský
se používá objekt
browser
nicméně fakt fous podporuje i tady to s tím chromem nicméně není to v rámci
toho navrhovaného standardu
to na pokud se podaří tohleto standardizovat rámci ve přece konzorcia
tak tohle to bude pude pryč
časem samozřejmě teď
a tady příklad jak se to liší to zmiňoval tomáš
call back i a
pro misi
pokud nejste ve kterým javaskriptu nevadí můžeme to pak když tak nějak lépe ukázat
zásadě jde o to že tady přímo předáte přivolá nějakou funkci která vyřeší výsledek toho
volání
tady se předají funkce dvě kdy každá řeší rozdílný stav je se to skončilo úspěšně
nebo neúspěšně zisk a pro programátory je to většinou takle příjemnější
a pak tady jsou přímo zmíněná nějak a taky rozdíly co se týče jak a
jak rozhraní fungují prostě tak nějak ratifikaci jich tuším jak dlouho
jak dlouho ty ratifikace se zobrazují a tak podobně a tak podobně
a na to většinou asi nenarazíte hnedka na začátku ale to když tak zajímavého tom
věděli kdyby náhodou
odkaz dá se
vy zadáte ná developer mozart byl by přímo nedal za náma ne takže jsem
a někde to tady vyběhne ano dotaz
to dobrý dotaz
existuje knihovna na githubu
to je
no za web extenze podle phil
která by se tam při baví tak pro ochranu před a možnost používat tady ty
tady trápení jsme neřeší to rozdíl těch implementacích typu jako jak dlouho ten pro lidi
zobrazí to notifikaci a tak podobně
takže zase věci řekněme po tu úroveň
to up je tam tom se to nedá nějak ovlivnit _e čistě jako co ten
prohlížeč jak zareaguje a jak on si teď eště modifikaci
takže pokud máte sebou noutbúky chcete se zkusit napsat nějaký doplnit tak je teďka čase
otevřít a nažhavit a něco si napíšeme
když budeme dostatečně rychlý tak pak můžou být nějaký ukázka prezentace že tam na konci
španěl se připravený a jsou strašně natěšení a to ukázat
tak schválně jestli je trumfne tady ale na tom asi tak poslední dvě hodiny
teda
uvidíme je co tady co tady vyvedu
někam do svých repozitáře vlivem se jaké jdeme adresář tak jsem si při pro nějaký
manifest soubor skript
který jsou zatim prázdný já co bysme tak mohli udělat
nějakej zkušební
jako pitomý
jednoduchou ukázku
má někdo nějaký návrh
přiznávám že nejsem programátor takže pokud
vyberete mi zase že to je síla tak já to nedá
tak se my sme zase ten
tak otevřeme třeba ztrátě úplná to zkusíme se nějak upravit
oni za takový
kam jsem se to jednou dělal
mít trošku jo že metoda
tak zkus se jim zkusim třeba že jsi mi nelíbí jak jsou barevně zkusíme udělat
šedivý
při nějaký akci
tak si upravím ten jsou při první si připadám ten skript
který mě tam poběží
no a doufám že to zvládnu napsat a vy by to mohl zvětšit
dobře a trošku číst
tak a teď je prosinec tak opravujete znáte trošku javaskriptu a
teď se ani řádku prosím tě
mohl bych aby to dobře tato lidi nemate vypneme zobrazování se snad ta žena správně
jako
na
abych moh udělat a něco šedivý ho tak
se tomu se nejdřív není takže na nějaký penis vektor
prosím jenom press vektor uvidíme jak to bude fungovat
možná úplně ještě lépe se to vlastně vyzkoušet ten kos tady se to je můj
přímo ste konzoli tuhle zvětšit neumim jestli
může to co píšu
ne nefunguje setrvat školu bez
kane tam etapy jako nějakej kongres vektor a šarmu syna
na
prvek s názvem body se vše tělo chtěl té stránky
tohle se napsal dobře
upravím zkusim pro with ho stáhl
jeho styl na
vším že se to menuje filtr
řeknu že chci aby to bylo šedivé to šedivý takže už víme udělat dobou stránku
šedivou tak se ten kód můžu zkopírovat
vypadá to takhle
tak ve mi doplněk udělá stránku šedivo že docela jednoduchý no
my jsme teďka ten skript
se změnilo mu si mě do té stránky dostat
_e
trošku sytosti že mne o moc řeknu že to chci aby to bylo o jenom
na stránkách úplná tu a nikde jinde možná dokonce více to bude jen na toho
ta konkrétní adrese
no a to se udělá tak
jestli mě funguje router němcům
a otevřete manifest
a protože jsem línej programátor tak to zkusim opsat
a co tam musí a nemusí být
no of tuhle chvíli potřebuju jenom definovat nějaký ten skript
který bude manipulovat manipulace obsahem
to je vo němž nějaký skript
a to mě nezajímá
a chci aby to bylo na tady ti adrese takže řeknu že chci aby se
ten skript
vkládal na adresu která odpovídá odpojilo nastražit rotuje tohle to adresu
no a nakonec film řeknu jak
jak
jaký skripta tam málo že což má být
skript teďka je s
no nicméně tady neřikám vůbec nic potom co to je za doplněk jako to že
má vložit něco někam je super hezký ale
co jako uvidí uživatel
znamená musim o tom doplňku ještě specifikovat nějaké další informace musim tady uvíst verzi manifestu
tuším
musim tady u jistého název
a
a bylo by fajn z cizího verzi
budu si věřit že jsem to dana poprvý dobře budu tvrdit že toto je verze
jedna nula
a vložím soubor a jsem připraven to vyzkoušet
ve frašku se tuhletu stránku
a otevře správce doplňků
já tady potím třeba tím kolečkem možnost ladím doplňků a
perfektní dovolí jako vývojáři na čísi ten doplněk jenom na chvíli na vyzkoušení vlastně jen
mám ty dva soubory
nemusim vůbec řešit jak ten doplněk zabalit někam nahrát nebo byste uvažovat tom zatim jenom
chci aby fungoval
a vyberu si tady ten svůj manifest
a
napsal jsem to asi správně protože by to tady svítilo velkým červeným že něco špatně
nás prosím otevřít stránky open a to rychle jsou šedivý
když pudu na program tak ten šedivej není proto jsem přesně řekl konkrétní adresu kde
se to má stát
a když se vrátím sem tak open alt opel na ty šedivé
a máte takový hloupý že ho poznáte fuče divit co když a ty udělat šedivej
jenom někdy a chtěl bych měl nějaký nižší mý stránky
tak prvním vy pokud a to že ten skrip dám na všechny ty stránky
všechny stránky na blbou penaltu
simče načíst ten uplně
a houfu šéfův mám šedivej co jo konat
nicméně já bych to chtěl třeba zapínat a vypínat
to už bude chtět trošku úpravy kódu
tak si tady měl nějakou funkci která bude se jmenovat
které fin find _e
tohle doufám že dělá to zase myslim můžu to vlastně vyzkoušet protože ty mám strach
šedivou tak může server víš vás nás viz přiz kousek svého kódu a ano
odstranil jsem zašel řízení celé auto no
kdy tady zase mám dvě funkce která ale nic nespouští
no já bych chtěl tam si přidat nějaké to tlačítko které bude komunikovat s tím
a tím skriptem a bude nějakým způsobem volat ty moje dvě funkce aby to opravil
šedivý nebo je to šití
no takže vytvořil jste nový soubor
si nějak takové
a ne
případy jsou tady
vytvořit silový způsobu
no a v něm budu chtět chtěl přidat tlačítko
tlačítka jak jsem zmiňoval říká se jim browser action to má kara chce
prohlížeče
trošku provádět ty se to takhle před vyhledá
no tak browser action
první co musím vlastně udělat
je
přidat síla si definovat tý vtom manifestu
a já si tady zase ukradnu krát nějak jako to did not
je dobrý tak znamenat
a
s tady máme
máme to je definice nějakého mezi ta akce je se tam aby dostupný nějaký styl
se ze mě stal prohlížeče který s tam používá já si myslím že to je
fajn jako proč ne ikonu zkusím to bez ní protože se mi nechce hledat nějakou
ikonu kterou tam dat
title řekněme to menuje se to upnout
a tady
tohle je definice
toho poplatku toho co sem a případně stavby jsem pěknou systém má zobrazit pokud tam
dá sto na slevy problematicky pokud to tady nebude tak se nebude nic zobrazovat nic
se nebudeš tuhletu chvíli dít
a pak je zde ještě možnost nastavit
ikony
závislosti na tom jestli fajn vox mám tmavý
nějaký vzhled
tmavé barvy
nebo je se vám nějaké světlé barvy a jsou zvyklý na polovinu bych tady nastat
na základě toho jakási mazura za výkon k a se myslím že není teďka podstatný
říkal jsem že ikonky vůbec nebudu řešit
takže
takže nějak takhle
no a uvidíme co se zase stane
tam sme se vlastně pohnuly
a zobrazovací metody ikonka sem to mluvil která když nejedu tak neukáže úplná zatím nic
nedělá protože jsem jí neřekl co
tím neumí nic
kdyby bez a lze nějaké dotazy nebo
ste si to zkoušeli a chtěli pomoct tak
ku zvedněte ruku
a ano támle dotaz
prosím
že pomůže když tak když tak tam je kolegové denně chtěl pomoc takže
dá já to pak ukážu existuje brzo nástroj
který se nic to _e tankem a kolega to zkoušela stane ta se sedum se
balíčku nebo kolik jako závislostí co šest let
ale _e funguje to a dělá to všechno tohle dokonce to spustí francouz úplně samostatně
takže nemusíte za spouštět ve svém ale spustit úplně vedle bez dat
a tam se to dá řešit obnovu automaticky umí to ten doplněk zabalit a tak
podobně a tak podobně
ano ne nic nedělá s tady možná no
nedělá tady
co sem co sem neudělali jsem neřekl tomu doplňku
co má dělat když kliknu na to tlačítko
se nic neděje on neví co má dělat
to můžu specifikovat tom skriptu který běží kontextu toho projít co zná ten degan skript
takže to se tady přidám ještě
ten skript
který běží na pozadí
to je to chvíli ten prázdnej soubor takže tomu sem něco
něco vymyslet a zase protože si to nepamatuju
tak zkus si najít
si najít
namazanou pro network něco jako budou řešen
dokumentace váš největší kamarád tady nebojte se prostě hledejte furt
je tam je tam skoro všechno
a
já tady potřebuju udělat vlastně
potřebu řešit co se stane
když na tu na to ikonku kliknout na
podívám se co s jak se to má dělat
a podívám se rovnou například
a ten _e zrovna trošku
dejme tomu že při kliknutí chci zavolat nějakou funkci terminologie javaskriptu alison
tak tady bys omezoval nějakou funkci kterou
můžeme rovnou tady přímo takhle
anglická česká klávesnice
definovat
no a co ta funkce
funkce bude dělat
já vlastně chci říct tomu skriptu který běží z té stránce teď
tenhle
udělej šedivej
to znamená a já jsem říkal že v asi není jako bezpečný místo kdyby ty
skryty přímo se viděli to znamená potřebu poslat zprávu tomu skriptu hry udělej tuhletu stránku
šedivou
to znamená to nějaký
nějaké posílání zpráv
všem že pro ten případ
ne použít tohle
uvidíme
na té možnost poslat si nějakou zprávu
sem se vykopírujete tam být
a zkusím s kusem s něco pose
tohle to je něco volitelného tak to smažou
a tohle to je taky hotový tak to smažu
a tady mám poslat nějaký
nějakou zprávu o nemusí to být dvě
a pošlu třeba zprávu šedivý chci aby když na to kliknu
aby ta stránka
byla dražší vám jsou další a
zprávu řekněme že to bude fungovat ani poštu a na straně toho skrytu
který tu zprávu zase má přijmout a zpracovat tak tady někde bude
zase přidám opět ve server a co se má dělat když příjde zpráva
a když příjde zpráva a teď se podívám s přesně ten jsem vlastně dostanete informace
a skupiny našem případě prostě můžu zatímco
je zavolat funkci šedivý to znamená tam je udělá
a šedivé
a pokud sem všechno teďka napsal správně
tak to bude fungovat u prosím držte palce
jo tady na webu plnotu
když na to kolik no
tak se to nestalo
heleď něco špatně a teďka se po budu pouštět article protože vůbec nevím co sem
udělal blbě
sebe podívám velenicích nástrojů
sice pravda konzole co se tady stalo
no je tady nějaká hláška že se nepodařilo něco spojit
já už možná vím
ten doplněk to těch
kromě toho co sem tady přeskočil definuje nějaká oprávnění co vám může a nemůže dělat
a
zásadě toho jenom kvůli tomu aby uživatele při instanci to doplňku se zobrazuje nějaká tady
hláška kterou vo moc pěkné a nezáleží skoro na tom
ale
pro formu to tam být musí
_e
tuším že tady je něco jako
message in retenci
nevíte někdo kde mám chybu
a možná s kusem ten úplně plně o odebrat a
znova
načíst
asi dobrý nápad
quick sada tak zkusíme že když kliknu
tak sem na konzoli vypíše
takže sem pěknou _m jestli si že sem
že sem kliknout a konzole pro ten a pro ten doplněk
je tady za vtom ladění je tady
jako vy odkaz ladit
a otevře se neví vás ke nástroj kde vidím ty výstupy sto doplňkovou tak běžte
kliknu
tak sem tady obraze kolik to znamená tohleto asi prošlo
co asi meta nefunguje bude to posílání zpráv já se městem jsem použil
špatný posílání zpráv
_e
tady mi to píše jsem za nějaký špatný počet před argument
tady se vydal identifikátor panel
už tomu rozumím
tohle zrovna tohle zrovna to co potřebuju
udělat tu zprávu potřebou poslat do konkrétního panel aby ten skript
věděl vteřin panel se to má státem kdybych tady měl otevřeno několik úplná tu vedle
sebe
tak možná chceš divit jenom se divit jenom jeden z nich
tam ze specifikace kterým panelu
ten skript na dostat tu zprávu
no to na tom případě já bych chtěl aby to byl ten panel
který mám zrovna otevřený to znamená
panel který je tom okně
jo otevřené a je aktivní
abych tak přeložil tady ten tady ten dotaz
a
tak
je to přepíšu
a
chci aby teda když
s tím panelem
chtěl
abych všem panelů _m
a poslal tu zprávu převod vzorků
panely
pošli zprávu
první
je identifikátor toho panelu a druhá je zpráva
že má být šedi
a pokud sem to teďka zase nevyhovuje tak to bude fungovat
a už to funguje sláva jako
děkuji
úplně podobně způsobem bych teďka moc vyřizuje co bys na to kliknu znova aby se
to voči divil
nicméně jak viděli svoji formu tak se zeptaj se teďka pouštět nebudu
a podívám se je se sem se tady připravil něco dál
jasně připraven mám tady ještě odkaz
a na to jak
ladit ty doplňky
tam si můžete přečíst co jaké jsou všechny možnosti
při ladění ty doplňku jak zjistit kráse to co se tam je za chvíli
a což mě přivádí k tomu že jsem tady slíbil ukázat nebo změnit ten nástroj
jak ty doplňky načítat a neřešit
jejich obnovování aby se to dělá samo
no za proto má nástroj nazývaný v mbed pomlčka next
který má spoustu těch svých skvělých závislostí
každopádně co vám umožňuje jednoduchým příkazem web x mezera _m spustí samostatný for food s
tím doplňkem já protože ten nástroj mám nainstalovaný tak vám to může ukázat
ale opravdu ta stránka s ten adresář s tím doplňkem
pustím tady ta ten příkaz
a zrovna to nefunguje jo protože já nemám plně von vox nainstalované
tohle to je na je to je tak se podívám jak se říká kde je
kde ten jiný fakt fond
pepek strana
potřebu specifikován o mačkat
těmletěm zrovna jak říkám něco se vám spíš nestane ale
konečně platil ve se spustit tvar fakt
víte že to nemám žádný své nastavení je to uplně čistej fajn false tak jo
mám někde nainstalované nějaký bez tak _e je tam nicméně má museli přednes ten i
ten svůj doplněk
a můžu vyzkoušet že opravdu funguje že to není jen nějaká náhoda protože mám fajn
vox nějak nastavené
a funguje to funguje tak je tady
je vidět i normálně
ve správci doplňků a mám tady možnost
všechny ty možnosti s tím laděním
laděním a tak podobně další věc co ten doplněk
není nebo ten na strojní
je limit
umí spustit ty kontroly kterému z vás pustí momentě
kdy tam to doplnit nahrajete takové ty automatické zobrazí na to jestli na varování
ten je zrovna varuje
že tady vtom to čím
že vtom adresáři mám nějaké soubory s divnými názvy to sou zrovna soubory které mi
vytvořil dělit s nějakou vlnofkou na konci
takže když bych že odstranil
zkuste to znova
a
tak tady nejsou žádné chyby já ne varování za kdyby ten doplněk nahrál na server
a nousmo závorky
tak s tím budou všichni relativně spokojení a projde to bude ten doplněk normálně normální
veřejný
takže to je tady ta nástroje tady popisem a nainstalovat
a jaké jsou k tomu
přeběhla závislosti
umožňuje to pouštět
přesně s jakýmkoliv a pak sem který někde máte
a tak podobně umožňuje rámci
byl vyrobit ten zip soubor který potom nahráváte na server z doplňky a který se
pak lidi podepsaný stáhnout
a vlastně sim ten doplněk tak nainstaluje a tak dál a tak dále toho tady
víc
a pro začátky pokud byste tě nějaký kód pro inspiraci čím začít a co dělat
málo záhadně dlouhý seznam
example tuto doplňků
a ten tý stránce se na to bych sem se sig sám po vás na
mozille developer network
je jejich seznam je tam zisky popisek co to dělá a co je nejzajímavější mají
tady udržet je seznam která rozhraní která by ten doplněk používá takže se té můžete
vyhledat tady třeba _e
příklad jak se vkládá nějaké styly do panelu
to jsou zrovna zprávy a tak podobně tady zdrojáky doplněk který pracuje se záložkami sobíme
víme nebo s tady to
s to je to hvězdičkou
který může nějak upravovat a přistupovat k nim takže i k tomu vlastně mají ty
ty doplňky přístup
no a myslím si že to je z mojí strany všech to co vám připraveno
na ukázání vám
a je čas abyste se s případně zkusili napsat něco sami
pokud chcete
může vám dacia nebes na tom s časem asi máme hodně času jako rezervu
takže třeba když byla nějaký dvaceti let dělat něco napsat
tak možná porazit _e támle holky jako vtom co tom co napsali
pokud nikdo tady není chcete sem něco napsat nebo si to necháte náš na do
má si tak se zeptám kdo se tady něco napíše teďka
a když testech šest
dobře tak
tak zrovna jsou tady případně nějaký detail nějaký moje nápady co mě napadlo že by
že je tak
si se zkusit napsat
odkaz má televize můžete ptal to chytit
a kdybyste potřebu moc nebo poradit
tak můžete poslat
poslat mejla klidně na info zavináč mu za cz
rátorkou jo popisoval popisem za pomoc pokutové mých silách
jsme pokud nejsou teďka žádný jako žádná snaha něco napsat tak jako prosím kluky
aby postupně ukázali co tady teda o vyvedl je dnešní odpoledne
nevadí takže se budou pouštět
dobrý
jiný lidi a přednášející
ahoj
funguje to my sme si dovolili teďka s krátkém čase pro vás připravit super doplňky
je nebo dokonce publikovány
to ukáže michal
druhej
je fajn já jsem jeho podporu s toho dobu co jsme dali dohromady vykopal se
mi zas tak nelíbil
a ten a doplnit super
rámec autor teletext růžku michal prostě slouží k jednodušší cestování je to opravdu simpl
je to docela rychlý
tak
tak nás doplněk je hrozně užitečné jí stačí se do jedné podvozku
tak vida otevře
tak vůbec nic se neděje
a najednou jejda
tak tohle děláš doplněk
náhodně vybere podle konstanta zvažovat
a pak si dělá todle
tak že kdyby to někoho zajímalo tele doplnit jsme dali na githubu je tam ještě
s
si jednou
má taky levý horní válce s pak sem zvyklej se tomu prohlížeče votevřít další stránku
třeba podívat se na a mail
čaj se to otevře chce se co data nebo zmizí
takže to je jako fajn kdyby jste se chtěl byla tak pitomej jo tady to
nemůžu otevřít
je to na githubu prostě dostupný
github com kolega nula sedum firewall jsou ty máš
takže tady se můžete ford no zakódovat a tak dál a oba si michala sem
dokázal tu část _e si to dá se dolu vymazat
a něco k tomu řekne
tak počkej ukážeš tohlencto odsud
ten dupliko do pryč
neuronů
si jist
do takovýho tak za pět
takže
slyšíte mě
dobrý
no
dobrý
že já jsem se s tím svým doplňku dostal vlastně ještě mnohem dál jako beneš
když
ještě a co já to pustím přes terminál
pustit na to že
je vlastně přišlo že ty webovky jsou strašně nudný prostě že jo máte nějakou vyhoví
pozadí černej text na tom takže sem se vlastně napsal
takový krásný doplněk který vám ten tak udělá veselejší
jakmile se vám ta kombinace zalíbí
tak
to může zastavit
a můžete prohlížet
je to super sem po je se taky ne nebo a podařilo se mi to
za těch během těchhle skinu co sem to napsal tak se mi to podařilo protlačit
kina
service doplňky takže když si vlastně na do teďka mrzelo corp napíšete takovéhle tak si
najdete
tahle
soudruhu
tak už to bude
open ano
tisíc sedumnáct
no
jo super tak můj tady nefunguje můj plynu vlastní na hrozně duchové statutu že můžu
jakýkoliv hned na kterém jsem když mám nainstalovaný prostě upravovat znamená že já můžu
že můžu přijít sem něco do jako mi to znamená čas
například
a _e nemusí můžu říct že třásli do se mi nelíbí že tady chci to
chci s to prostě přikryt směrem sem a tím že snímku je na dev null
takže
tak jak má takový jednoduchý je nedoštipl ani ne tak bych se mohl by na
tomhle webu cokoliv _m aplikovat bez toho aby musel znát ten vezmu znáte že mu
se značnou dobrá spolek jak inu ten spektrogram prostě ne prostě není
no
řádkou no teďka na tom githubu počkej stůj na tu já vím
did a
měli asi sedum jako know to má za úkol dobře jdeme nakládat finta neví že
_e
_e i když na tu použita nebyla já nemůže letenka takže prostě nemůžou provede všechna
ale jak se ta věta ještě uplně pro podporu bratr a my
ve
to menovalo
ne
je to
já
super ten jako _m že já jsem jel dusnou se k tomu
tady to je celý zdrojový call tady toho
s tím že s tím že z nul eště určitě jako jištěný pročistit tady no
nazdar bazar lidem kvůli tomu že když bych civilisty obracela slíznou tak jak se vezmou
trénuje jak ten takže jakoby já mu jsem jen jsem to že ste tady to
že jsem vybral a jakou problém uznat black on jako po každym předem globální
jenže to každý přes dva nějakou hrozně špatně neřek uzlu to může čas mysim je
rozdíl zapouzdřeny tak to nandal s aničkou že jako dobrý den každý tři sta milisekund
a prostě to nebo pláčem platím to že to že všechno nad pravidelnými
pojedeme s ní ale tu metodu get až moc dobře tak jsem takže už se
nevyhneme verbež jakou kde tak ty procházet ani nedokážu zranitelnost tady vtom zaplní limitem nějaký
takový tlačítko jak si měl tady
a _e ale potom jsem se ještě nedostal
tak eště někdo bude ukazuje
se zeptám ještě nějaké dotazy
ten přednášející
jsi na podívat na zdrojáky normálních prostě jakoby next že ty jsou v tom vašem
zla
při registrátor
něco co třeba mání ale _e další normální hodně do podniku je normálně na githubu
s opensource nicméně je to podmínka with doplivl open source víceméně to takle stejně dopadne
to co se totiž stahuje do prohlížeče nebo se vlastně můžete stáhnout ctí stránky je
soubor který má koncovku tečka xka jí
ve skutečnosti je to normální zip
kterým sou tady ty soubory co tady vidíte na githubu takže stačí se stanou ten
soubor na disk
nebo se najít kde to má konkrétně pharmos uložený
rozbalit on normálně jako zip a všechno tam vidíte
sem ze může to být jako phil skovaný nebo nějak prasácky napsaný nicméně ten kolt
který vám tam běží tak ten tam vidíte
eště jednou
jo to je laický dotaz
jestli byste mohl ukázat ukázku jak na hrad tenhle
plug in
tak takhle extrém žen to chrom
tak si to bude víte
nedokázal možná ze dvou důvodů protože tady není chrom nicméně
zchromená úplně podobně tak jsem ukazoval jak to řek tím jako vývojář
ne toho tady ukážu s něco o čem mluvim
no
vlastně úplně obdobný způsob jako je tady
a to znamená to načítání doplňku pro vývojáře
tak úplně to samé tam chromá se to trošku ta jinak a princip úplně stejný
se mnou kliknete na tlačítko vyberete kde ten má zrovna rozpracovaný doplněk a je na
disku omlouvám a načte úplně stejným způsobem
co je týče
a nahrávání na a cache
a jak vy publikování artuš na
pardon co a mozart byl
cože ten server za pinky oficiální město může lidi stahovat nebo
a chromem sto nebo jak se to menuje tak to se čistěj a přesto webové
rozhraní
přes tu stránku že zabalíte vlastně
a obsah ty soubory zdrojové do gnome dosypal chybu a nahrajete to tam jako normální
soubor a pak už si tam jenom případně editujete co se tam má zobrazovat na
těch _e
tady za nějaký ty popisky a tak to se nastavuje přímo vždycky vtom
tom
na tý stránce vtom obchodě jsem tak nazvu s těma doplnit tam
přiznám se že za jsem se tady s péčko
funguje i pro chromý nefunguje mysim že chromá nějaké trošku jiný formát
a v zásadě je to vždycky jel _m zip nějak pojmenované nebo modifikovány
tečka c jejich tady kolega mi napovídá jak se to jak se to menuje o
chromu neveme se to přímo zip nebo je se teda modifikovaný
nicméně tedy si mysim jsem tady měl data odkaz
tady je někde
promiň
tady někde odkaz na dokumentaci hubu k těm doplňku
a my chceme o byl mozille developer network a předpokládám že když bych to viděl
něco jako
a blíž
takže tady vtom vešel
tak tady bude někde popsáno
jakým způsobem zase vytváří se a dali se nějak zip soubor
a nahraje se tam a _e se ta ten server takže to vlastně úplně stejný
jenom se ten soubor
jako menuje a možná ani to není potřeba se týče tohodle tak ten standard než
i neřeší distribuci těch doplňků to se řeší každý prohlížeč vlastně sám se tě stěnu
ten call
a pak je vždycky jsem ze na tom obchodě nebo místě nebo jak to nazvat
odkazem dobrý vztahuje jakým způsobem se tam nahrává a tak podobně
a většinou k tomu je to dost dobrá dokumentace protože přece enom
ty pro ještě chtěj aby ty vařim tam ty doplňky dělali a nahrál
a
přesně
ano tam na dotaz vidím že
zkoušel jsi vývoj to pryč
ne
proč
zaprvý ač nemám jak to vyzkoušet
takže jak se na linuxu zatim neběží
a na androidu _e zběžně nicméně jednak na podporu doplňkovém raketa zase třeba nechám takže
mě to vlastně tak ne tankové
já jsem viděl doplněk si jenom jeden pro se vlastně potřeby které takže jak jsem
jak jsem nezkoušel
a předám si vůbec netuším jaká ta podpora to je tu chvíli takže je tuším
že bych obchodě nic jako sedmdesát doplňku takže určitě velmi dobrá
ještě jednou
také se jsou je se to sou všechny dotazy tak vám mnohokrát děkuji za pozornost
děkuju klukům že tady
takhle vyplnili čas který nezbyl
a že se tak něco vyzkoušeli a že je to aspoň chvilku doufám bavil
jako