Merken

Faster, smaller, better: Compiling your application together with OpenLayers 3

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
willkommen zum 2. Vortrag in diesem Blog und wir
wollen jetzt von Tobias so wollen wie wir wieder 1. noch schnellere bessere und kleinerer Applikationen in der Regel der etwas über Werkzeuge erzählen beziehungsweise ein Werkzeug das es erlaubt
einfache komplexere JavaScript annehmen zu entwickeln
und ich arbeite für kämpfen können wir uns so nicht kennen wir arbeiten viel mit den Visionen für IT-Projekte oder auch mit dem wir und
ich groß wusste dass ich den zurzeit
einen interessanten auf unserer Website nachschauen wer dort jetzt auch den 1. also es gibt 3 verschiedene Arten von der zu verwendenden ist eines der frühen das ist wenn man den 1. einzige und einfach als ein BMW verwendet der enthält die komplette Funktionalität von Open allerdings braucht eigentlich keine Anwendung die komplette Funktionalität und es also nach das er in einem fast ein Bild zu erstellen was man Smartphone noch angedeutet hat da sagt man zum Beispiel ich habe einen Teil der von uns viel mehr ich möchte vielleicht ein paar Vektor der Vektordaten Anzeigen etwas dagegen den Tonbänder den brauche ich nicht und auch ein bisschen mit den kann können dann bestätigt er Kasten will der genau diese Funktionalität enthält dann eine 3. Möglichkeit ist dass die Applikation zusammen mit und wir da bekomme ich dann auch nur die Sachen von oben erst die tatsächlich verwendet werden und ich habe noch ein paar mehr Vorteile die jetzt vorstellen meine Kurzumfrage der verwendet Kasten Bier und es ist auch schon vielleicht sollten diese Stelle von mir zu verwenden ist nicht gut für produzierten ist ok allerdings für fordert dazu bei die Leute zu viel Code und sie konnte zur Arbeit zurückziehen wird jedenfalls
als JavaScript entwickelt wurde ein wirklich innerhalb von 10 Tagen wurde Javascript nur für kleine sachen verwendet wie zum Beispiel Formalitäten oder kleine Nationen heutzutage werden komplette Anwendungen mit JavaScript entwickelt und die Anwendung von der die Entwicklung von kleinen Anwendung schaltet sich stark von der Entwicklung von komplexen Anwendungen zum einen dass man sich die
Frage stellen wie teilt man die Anwendung in Module auch so dass man in größeren Teams die Aufgaben Aufgabenverteilung kann ein die bei diesem Modul Arbeit an diesem ist auch einfacher zu navigieren wenn man die Applikation aufgeteilt wird dann stellt sich die Frage nach Sichtbarkeiten wenn ich eine Klasse habe möchte ich nur dass bestimmte Methoden oder bestimmte Attribute Einschnitte als Schnittstelle zugreift sind nicht irgendwelche interne Eigenschaften dann bei größere Projekt für verschiedene Typen hat einen dazu später noch mehr sagen und auch staatliches checking wenn ich erst wieder finden wenn ich die Anwendung ausführe dann ist es vielleicht schon zu spät mit staatlichen Überprüfung findet man viele Fehler offen direkt so weit Thema ist lässt sich da wirklich nicht drauf eingehen ist es auch sehr wichtig ist für die Leute wollten wir die haben ein wenig Erfahrung mit der Entwicklung von Klopp komplexen JavaScript-Anwendungen für die Entwicklung von Anwendungen wie Google Mail Google Maps oder Google Docs setzen die die Kugel oder zurzeit die als Open-Source-Projekt frei verfügbar sind die 2 wichtige Vertreter dabei sind die Klubs sind der Core Compiler und die globale Erwärmung hat schon was über die globale gesagt ich würde über den Fluss inklusive einer sagen in vielen JavaScript-Projekten gibt es heutzutage schon ein für Prozesses der ein wenig freier der in JavaScript Kurzfilme zu kompakten Javascript-Code und baute das nach der Plural Compiler auch allerdings untersuchte auch den Code staatlich sucht nach Fehlern führt er Text durch und sucht staatlichen Fehlern und generiert dann einen besseren JavaScript bei Court der Browser ausgeführt wird ein Coach Text wird einfach ein Syntax Check durchgeführt dass während der Jahre und Referenzen zum Beispiel dass eine Variable die verwendet wird tatsächlich deklariert worden und es wird auch hier kann man getrost gechattet Javascript ist nicht immer eine einfache Sprache und vielleicht auch ein Fehler die man vielleicht so nicht finden würde und der Compiler weist darauf hin es werden ob die Musik doch die durchgeführt wie schon in einem und den Kopf in den Wolken und leicht ein Beispiel zeigen und es wird ein staatlicher Check durchgeführt dazu auch noch mit der Compiler hat 3 kommt vielleicht wäre das eine ist weiß es und wären ein für Kommentare und Leerzeichen seinem Bestand hat dann sind wir auf den 16. werden lokale Varianten umbenannt das ist wie die meisten Kurden nicht der arbeiten und dann das wirklich interessante ist der und lächelt Advance hatten sich uns da sehr aggressiv umbenannt ist wäre nicht nur lokale Varianten umbenannt sondern ist eine komplette Klassennamen und auch mit wurden dann umbenannt und wird das in einem und der Tod wurde ausgeführt ein Beispiel sehen am wir uns wieder das einigermaßen sicher eine kleine Anwendungen die nicht gemacht haben was war und definieren die einen guten Weg dann aber eine Funktion von Zellen die Einführung der Konsole erlaubt sein und eine Funktion die gar nicht verwendet wird dann haben eine weitere Funktionen die die Funktion von Tele aufruft und letztendlich und wir waren das ist die Quote um eigentlich nur ihr Logo auf der Konsole auszugeben und denkt sich der Compiler auch und er macht das trotz hier sieht man dass die Funktion einiges fand schon gar nicht mehr vorkommt man sieht das Konsulat in der Funktion von Tele geändert wurde er etwa und wann wurde in ein in das kommt also man sieht das ja schon viel wurde in eine Zeile Reduzierung diese Funktion eines tragischen in diesem Fall macht das nicht viel aus aber wenn man oben erst 3 verwendet man viele Funktionen die nicht verwendet werden wenn man mit dem Kloster Compiler arbeitet werden alle Funktionen von oben 1. die nicht verwendet hat und das noch eine für das Umbenennen
hier noch ein kleines Beispiel ist eine funktionelle und die ein Objekt von übergeben bekommt nicht gebe von diesem Objekt Kurfürsteneck und lassen den aus seiner ist eine Funktion waren der definiert ist ein der wachsende verstanden lassen und US-Soldaten Hello mit diesem Objekt auf und dann geht das Ganze noch auf der Konsole und der Compiler macht das was hier sieht man dass das Objekt der umbenannt wurde in einer dieser Akribie und Namen vorstellen lassen wir umbenannt in A und B und der sieht man dann auch der Grund der hier in der Funktion verwendet wurde der die Umbenennung auch durchgeführt auch in diesem Beispiel spart nicht viel ein aber wenn eine Klassen wir ganz oft verwendet wird in einem in einer Anwendung und dadurch auch einiges einsparen kann man sich der
Compiler ist sehr eifrig mit der Umbenennung aber manchmal möchte man dass bestimmte Namen kann ich umbenannt werden wenn man wie zum Beispiel hier in einem Event eine Funktion auch aufrufen will also ich hatte Mehr wurde oder wenn man Engelbert enthält hat oder eine er die einschreitenden dass bestimmte Funktionen exportiert werden würde weil der irgendwie mit seiner dass dieses Attribut oder diese Methoden nicht umbenannt werden so
dass man einfach mit seiner Exfrau Annotationen dazu geben der aktuelle Compiler versteht Typen die die indische es doch
Kommentare eingegeben werden hier also eine Klasse etwa und die mit einem Bett Kunst Faktencheck markiert worden dann kann ich sagen dass dieser Konstruktor 3 Argumente erhält ist fix was vom Typ Name sein soll zu und und Name und dann als 3. Option als Attribut z weiter unten Rechenfunktionen Distanz zu sagen die einen .punkt erwartet er Freund und 1 nur gibt auf diese Art kann ich den Code amtieren entschieden es werden noch weitere Teile und Version
unterstützt zum Beispiel der deutsche er Strukturen darzustellen mit Exzellenz in Klammern sind dafür ist aber auch für die Sichtbarkeit entfaltet verteilt haben wir diese Typen sehr ganz nett aber wieso sollte man sich damit abfinden dass man JavaScript ist sie namentlich fragen wieso ist die Flexibilität auf haben bei staatlichen getippten Sprachen wie Java oder C +plus +plus auch der Compiler tatsächlich diese Typen um den Speicher zu verwalten aber der JavaScript Compiler oder Interpreter der braucht gar nicht also warum sollte ich mich damit abfinden dass endlich und für die Kollegen Kollegen die mit dem Pferd arbeiten habe und dass man zu demonstrieren wenn entwickelt verbringt man einen großen Teil der Zeit damit er den gut zu verstehen und gut von dem man vor 3 Wochen geschrieben hat und den Tod von Kollegen und mir diese 3 Zahlen anschaut hat eine der Entschließung Wunschtraum ist eine Funktion Aufrufe die werden ähnlich wie hier in dieser Liste enthält überredet aufruft und ja das nach der Geburt eigentlich um das zu wissen muss ich wissen dass diese Funktion war die Welt noch keine Sinn trägt Validation und vielleicht hat es eine Implementierung eines einfachen vielleicht als auch in der welche von der Implementierung hat dann muss ich wissen was später eigentlich ist zweitens ist von welchem Typ der ist nun zu wissen in welche Städte es ist ist nicht Türkei ist und verständlich einschließlich des menschlichen Endspiel ist jetzt sieht man das den ,komma nicht aber einen kann von einem 2 Parameter kommt das heißt schauen wo diese Funktion über aufgerufen wurde dass ist den ganzen Haufen Arbeit um zu wissen was diese Quote überhaupt macht wenn ich jetzt endlich gezeigt hätten bis sich direkt was Qualität macht also man kann den Puls kandidieren an die Klasse
R 9 geklärt haben wenn wir versuchen die mit einem parallel mit 2 Gemeinden mit 2 Elementen aufzurufen dann beschwert sich der Compiler das ja eigentlich 2 Argumente erwachte für diesen Konstruktor maximal 3 auch sagte dass das 1. Argument reicht mir nur sein soll und keine immerhin also findet man schon einige Fehler die die eigentlich ist während der Laufzeit auftreten würden direkt während der Kompilierung unten sieht man auch dass der Compiler sagt dass der Monarch Prozent des Programms gezeigt sind das heißt man muss nicht die kompletten rund 2. sondern es reicht wenn man bestimmte Stellen getappt sind und warum sonst noch
Zeit viele die es verstehen auch diese der stark Tag Kommentare das heißt in der ID sieht man dann direkt die die Dokumentation dazu und man kann mit einem Tastendruck auf F 3 Millionen Demenzkranke Geräte direkt zu der Implementierung bringen und keine Befehle wie Fekter einzuführen sagte Entwicklung einfach viel einfacher und externe Bibliotheken werden ein Projekt das mit dem Compiler verwendet wird dazu verwenden das muss entweder die 40 kompatibel zu irgendeiner seiner jetzt bei den 1. Fall ist oder wenn die
Bibliothek durch externe eingebunden wie zum Beispiel mit der Frage der manche dann die die abgeglichen selber allerdings braucht es dann ein sogenanntes extern 2 für die externe um diesen Text dann 2 bevor quasi die Schnittstelle dieser Gebiete beschrieben so dass der Compiler damit klar kommt wenn ich zum Beispiel ein Einbinden die schreiben dann würde sich der Compiler Beschwerden also diese Variable L gar nicht kennt sollte wenigstens 2 bereitstellen das sagt ja die 4. Satz er war und noch den Funktionären die diese Argumente und dann kommt der Gong weil damit klar hier lief letztens und erst dann das
kleine weitgehend von
der Karte von unten 1. dargestellt wird aber ich habe immer wieder diese Modul Definition von weit her und dann gebe ich an welche Klassen ich schon auf den 1. wenden wenn ich habe Karte die Führung in der Sauce und der Rest ist mal zu gut um das zu kompilieren Kosten der Konflikt hier gebe ich die 2 Stadtteile also ich gebe dies wussten von erst ab dann meine eigenen 2 in einer Applikation ihren entschied räumt ein dass dass da der Compiler einsteigen sollen bis zu diesem externes fallen auf und kann noch weitere konstanten einigen zum Beispiel kann ich sagen ich möchte nicht dauernder haben ich möchte nicht erklären und natürlich bin ich nicht im Advance und Kompilieren von Pfullingen der Kirche Palästen ich aber Anwendung ist einfach und derzeit die ausgeführt werden kann für den der es verwendet wird hier das ist ein um diese ja aber derzeit das in den Ende 1. ein entgegen der 1. über 1 DM ins Tor erzielt werden kann dann kann ich damit wirklich will ist die Konfiguration und seine Ziele seien eine Applikation kompilieren ist auch ein Entwicklungsland war dabei den ich nicht wirklich und dann Konflikt starten kann und der kümmert runter die Abhängigkeit aufzulösen und eine Anwendung vor allem warum sollte ich mir und sollte sich meine Anwendungen und es kommt wieder ab 20 Uhr ein guter Grund ist dass man dafür zahlt dass einen verwendet also die Bildgröße was dann natürlich auf eine lange Zeit mit sich bringt es ist einfacher und es zu erweitern und stellt eine einige Erweiterungspunkte bereits möchte man aber darüber hinaus gehen kann man mit der kombinierten Kompilationen einfacher zum Beispiel mehr weiter natürlich profitiert man von den Vorteilen von +plus Compiler die Taktik ging das staatliche checking und auch der effizienteren Code degeneriert und gibt uns ein paar Zahlen zu der Bildgröße der komplette der hat und wir sind ungefähr 500 kW gilt je sitzt kommen auf 146 wenn ich die kleine an den ich vorhin gezeigt haben mit Open erst kompilieren kommen auf 150 und sind und nicht das ganze ansieht dann kommen auf 53 ist ungefähr ein Drittel vom ursprünglichen der Motivation also wir verwendet das wir werden das natürlich dann erkennt keinen entwickeln wir die Engel in den 1. 3 4 kombiniert ist das Enyo dann dass die Roboter von Luxemburg und auch in der Schweiz die dann auch so entwickelt dann noch ein paar andere Projekte zum Beispiel sitzt dann die das wird auch mit dem bloßen kommt weiterentwickelt und ein paar kleinen an an alle
Smartphones mannigfach allerdings ist es eine gewisse Investition sich mit dem Klose Compiler auseinanderzusetzen und so stehen wir arbeitet haben meine meiner Meinung nach ist es während der Regenzeit 3 Filialen und damit unsere Märkte und das allein dadurch dass wir den Code einfach navigieren kann es lohnt sich schon müssen sehr sauberen Methoden um größere so dass für Projekte zu entwickeln und an der sich das
mal anschauen will es gibt auf der 1. Seite ein Betreuer kommt den wirklich vollkommen bei der sehr sehenswert ist auch die mittlere Dokumentation es gibt auch ein Buch Klose der der Frau Mike wollen beschäftigt sich zu 2 Dritteln mit der aktuellen Lage allerdings der ist ein Drittel zum Glück ,komma weil er das ist recht gut da ansonsten noch ein paar weitere Links und ganz unten und alle Beispiele die ich in diesem gezeigt haben die sind hier verfügbar da kann man schön schauen wie der Compiler arbeiteten kann sitzen mussten schon durch und die es leid sind hier verfügbar unter diesem Link ist und auch das 2. ist aber ansonsten mit vielen Dank für die Aufmerksamkeit er zeigt nur
mehr Mehr gut eingehalten gibt es Fragen gibt die was zu Sie und
ich ich war unmöglich sie
erst mal in der EU und vor allem weil es auch nicht viel zu sehen ist ,komma und eigentlich weiß ich nicht aber ich habe das so eine die Frage oder Anmerkung zu wiederholen und die Art und Weise wie die Typen in den Test Docks geschrieben sind dass das nicht so aber es ist richtig dass der ESM ohne dass Gerichte immer noch so die Idee dahinter ist dass der kurz der mit dem Colonia Compiler kompiliert werden können das ist normalerweise Skriptcode aus dem Hause laufen kann also die Zeit für uns ist die der von weil die sind sehr ähnlich das geht in die Tüte uns einfach die Art und Weise die Typen definiert werden das anders also mich stört es nicht so dass in Kommentaren ist wenn der Klose Compiler beschwert sich auch wenn der zum Beispiel für eine Funktion keine angegeben werden sind in sagte er der Film die Türken und Deutschen nicht richtig ist was ist dass die Überprüfung durch den Compiler auch es ist es aber das ist so ich und das auch bei der EM wurde gleich und sehr gerne gegen die wir an aber noch ein Jahr und man sollte sie und die Nummer 1 und das wird auch so also es ist aber ein wo immer er leider viel oder wenig zu sagen haben desto länger wird hat es wirklich das ist nicht zu werden dazu der Microsoft wesentlich mehr investiert werden Development aber mit diesem für solche bekommen sondern also die wir unsere hat aber mit der Kohle und kompiliert sondern meinetwegen dem tatsächlichen Kurdengebiet einen Browser ausgeführt weil die treten ein des Docks und habe mich interessiert als so also gespannt sein aber die Frage ist nur wie das Ganze mit den neuen 6 Minuten zusammen was die Idee da wird daraufhin den wollen ist diese spezielle Closer und wurde dann durch Symbole zu ersetzen die mit den 1. 2. inkompatibel sind da wollen wir das endlich zu dass auch der 1. der in der Lage ist die für eine Reihe von der Verkehr ganz versunken Ziel zu wollen aber es geht darum dass in der Pause auf dieser Module verstehen kann und dann auch auflöst zusammengefasst werden also der 1. Schritt um die zu diesen Dingen zu kommen was die werden dass wir die globalen aufgeben das ermöglicht uns dann zu Kulturen und gestalten die kompatibel sind ist es gut wenn es sonst keine Fragen mehr gibt dann danke ich dem Kind
Offene Menge
Lineare Abbildung
Web log
Anwendungssoftware
Besprechung/Interview
Offene Menge
Web Site
Elektronischer Programmführer
Funktionalität
Gebäude <Mathematik>
CAM
Vektor
Analysis
Code
Computeranimation
EDV-Beratung
JavaScript
Vektor <Datentyp>
Vorlesung/Konferenz
Compiler
Smartphone
ART-Netz
Implementierung
Sichtbarkeitsverfahren
Stellenring
Objektklasse
Typ <Informatik>
Google
Kontrollstruktur
Algebraisch abgeschlossener Körper
Spielkonsole
App <Programm>
Compiler
Browser
Geneigte Ebene
Komplex <Algebra>
Code
Computeranimation
Service provider
Variable
Kugel
Typprüfung
Softwaretest
Prozess <Informatik>
Maschinencode
Skript <Programm>
Spielkonsole
Attributierte Grammatik
Schnittstelle
Funktion <Mathematik>
Modularität
Applet
Übergang
Variable
JavaScript
Quote
Funktion <Mathematik>
Anwendungssoftware
Programmbibliothek
Compiler
The European Library
Objektklasse
Funktion <Mathematik>
Spielkonsole
App <Programm>
Compiler
Varianz
Spielkonsole
Compiler
Computeranimation
Funktion <Mathematik>
Parametersystem
Konstruktor <Informatik>
Objektklasse
Datentyp
Typ <Informatik>
Punkt
Compiler
App <Programm>
Konstruktor <Informatik>
Code
Computeranimation
Abstand
Zahlenbereich
Version <Informatik>
Punkt
Skalarprodukt
Innerer Punkt
Prototyping
Hydrostatik
Schnittstelle
Objektklasse
Typ <Informatik>
App <Programm>
Compiler
Laufzeit
Programm
Implementierung
Element <Mathematik>
Computeranimation
Typentheorie
Maschinencode
Punkt
Struktur <Mathematik>
System-on-Chip
Konstruktor <Informatik>
Interpretierer
Parametersystem
Datentyp
Varianz
Marketinginformationssystem
Zahl
Konstruktor <Informatik>
Quote
JavaScript
Funktion <Mathematik>
Zahlenbereich
Parametersystem
Compiler
Parametersystem
Fehlermeldung
Befehl <Informatik>
Elektronische Publikation
Datentyp
Algebraisch abgeschlossener Körper
Compiler
Desintegration <Mathematik>
Varianz
Implementierung
Extrempunkt
Computeranimation
Variable
Funktion <Mathematik>
Typentheorie
Mapping <Computergraphik>
Skript <Programm>
Programmbibliothek
EXTEST
Compiler
Gebiet <Mathematik>
Schnittstelle
Normalvektor
Offene Menge
Objektklasse
Server
Algebraisch abgeschlossener Körper
Compiler
App <Programm>
Gebäude <Mathematik>
Maßerweiterung
Code
Wrapper <Programmierung>
Computeranimation
Open Source
Maschinencode
Zoom
Mapping <Computergraphik>
Konfigurationsraum
Konfigurationsraum
Varianz
Applet
Sampler <Musikinstrument>
Zahl
Roboter
Portscanner
COM
Anwendungssoftware
Compiler
Ext-Funktor
Offene Menge
Konfiguration <Informatik>
Algebraisch abgeschlossener Körper
Elektronischer Programmführer
Compiler
Applet
Twitter <Softwareplattform>
Binder <Informatik>
Marketinginformationssystem
Code
Computeranimation
Bit
COM
Rechenschieber
Mehrrechnersystem
Skript <Programm>
Compiler
Smartphone
Besprechung/Interview
Computeranimation
Typ <Informatik>
Browser
Compiler
Total <Mathematik>
Besprechung/Interview
Reihe
Microsoft
Hausdorff-Raum

Metadaten

Formale Metadaten

Titel Faster, smaller, better: Compiling your application together with OpenLayers 3
Serientitel FOSSGIS Konferenz 2016: Salzburg 04. - 06. Juli 2016
Anzahl der Teile 56
Autor Sauerwein, Tobias
Lizenz CC-Namensnennung 4.0 International:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen.
DOI 10.5446/19750
Herausgeber FOSSGIS e.V.
Erscheinungsjahr 2016
Sprache Deutsch
Produktionsort Salzburg

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract OpenLayers 3 setzt den Closure Compiler ein, um JavaScript in besseres JavaScript zu kompilieren. Der von Google entwickelte Closure Compiler macht weit mehr als normale Code-Minifier: Es werden nicht nur Variablen- oder Funktionsnamen gekürzt, durch die statische Analyse des Codes werden eine Reihe von Optimierungen durchgeführt, wie zum Beispiel das Entfernen von nicht verwendetem Code oder Funktions-Inlining. Besonders interessant ist das Type-Checking und auch ein Syntax-Check, so dass viele Fehler, die sonst erst während der Ausführung auffallen würden, schon früh entdeckt werden. Man kann OpenLayers 3 verwenden ohne mit dem Closure Compiler in Berührung zu kommen. Kompiliert man seine Anwendung allerdings zusammen mit OpenLayers, kommt man in den Genuss einiger Vorteile. Zuallererst, da der Compiler nicht verwendeten Code entfernt, wird nur der Teil von OpenLayers mit eingebunden, der tatsächlich in der eigenen Anwendung verwendet wird. Da oft nur ein Bruchteil der umfangreichen Funktionalität von OpenLayers benötigt wird, kann so die Build-Größe und damit auch die Ladezeit erheblich reduziert werden. Die Kompilierung zusammen mit OpenLayer macht es auch leichter OpenLayers durch eigene Komponenten zu erweitern. Und nicht zuletzt wird natürlich auch der Anwendungscode durch den Closure Compiler analysiert und überprüft, so dass man zum Beispiel vom Type-Checking profitieren kann. Dieser Vortrag stellt den Closure Compiler vor, der eine robuste Plattform zur Entwicklung komplexer Anwendungen mit OpenLayers bietet.Vorteile, Besonderheiten und Erfahrungen aus Projekten werden angesprochen.

Zugehöriges Material

Ähnliche Filme

Loading...