<![CDATA[Prskavčí blog]]>2012-05-07T09:47:39+02:00http://blog.prskavec.net//Octopressprskavechttp://feedburner.google.com<![CDATA[Angular Meetup v Praze]]>2012-05-07T09:23:00+02:00http://blog.prskavec.net//2012/05/angular-meetup-v-prazeAngularJS Meetup proběhl v Praze
Dne 4.5.2012 16-21h proběhl meetup přiznivců AngularJS v Hub Praha na Smíchově. Po New Yorku a Mountain View byla Praha doufám třetí na světě kde se něco takového konalo. Angular tým Misko Hevery, Igor Minar, Vojta Jína nám dělali podporu a to Vojta dokonce osobně v Praze. Přes hangout jsme pozdravili i zbytek týmu.
Celá akce byla postavená na dotazech a společné práci nad vlastními projekty nebo nad ukázkovou aplikací angular-phonecat. K dipozici byl bar s občerstvením a celá doba uběhla velmi rychle. S probíraných věcí mi asi nejvíce utkvěli informace o dirtycheckingu co nám Vojta vyložil.
Každopádně celá akce byla super a doufám, že ji zoopakujeme někdy brzo znovu a nemusíme se zaměřovat jen na AngularJS, ale na programování v Javascriptu obecně.
Napište do komentářů kam by jste chtěli, aby se meetupy ubírali.
]]><![CDATA[AngularJS v Praze]]>2012-03-27T05:50:00+02:00http://blog.prskavec.net//2012/03/angularjs-v-prazeAngularJS je MVC javascriptový framework, opensource, podporovaný firmou Google. Jeden z hlavních vývojářů je Vojta Jína, který v dubnu/květnu bude v Praze a potřebujeme zjistit zda by byl zájem o něco více než jenom přednášku co bude v rámci.
2.5. Vojta Jina - Google Mountain View USA. Introduction to Angular. Vojta is a developer in Google actively developing a Javascript architecture Angular. eClubu
Díky všem za vyplnění a bude vás informovat, sledujte @abtris a @vojtajina na twitteru a dozvíte se vše.
]]><![CDATA[Jak snadno pracovat s CSS sprites]]>2012-03-01T22:00:00+01:00http://blog.prskavec.net//2012/03/jak-snadno-pracovat-s-css-sprites
CSS spirty představují způsob, jak snížit počet HTTP požadavků, které klient vyšle k získání prvků obsažených na stránce. Obrázky se sloučí do jednoho většího a umístí se na určených X,Y souřadnicích. Pak pomocí CSS atributu background-position můžeme nastavit vzniklý obrázek na pozadí různým elementům stránky a pomocí dalších CSS vlastností umístíme pozadí tak, aby požadovaný jednotlivý obrázek padl do viditelné oblasti elementu na stránce.
@vancura Me se to libilo, taky jsem si zavzpominal. Ale o tom jak pouzivas LESS a sprites nechces o tom neco napsat s nejakym prikladem? @abtris Kdyby byl cas…
Ale nemá čas, tak jsem se rozhodl to udělat sám.
Zvolil jsem jednoduchou ukázku, stáhnul jsem sadu icon a potom jsem zvolit v Texturepackeru data format css a přidal jsem adresář s iconami. Program automaticky vytvoří pomocí publish sprite.png a sprite.css.
/* ---------------------------------------------------- created with http://www.texturepacker.com ---------------------------------------------------- $TexturePacker:SmartUpdate:83a9321cb66d0d62791f1fdda5367522$ ---------------------------------------------------- usage: <span class="{-spritename-} sprite"></span> replace {-spritename-} with the sprite you like to use*/.sprite{display:inline-block;overflow:hidden;background-repeat:no-repeat;background-image:url(sprite.png);}.accepted_48{width:48px;height:48px;background-position:-52px-752px}.add_16{width:16px;height:16px;background-position:-38px-1002px}.add_48{width:48px;height:48px;background-position:-52px-702px}.app_48{width:48px;height:48px;background-position:-52px-652px}.arrow_down_48{width:48px;height:48px;background-position:-52px-602px}.arrow_down_green_48{width:48px;height:48px;background-position:-52px-552px}.arrow_left_48{width:48px;height:48px;background-position:-2px-952px}.arrow_left_green_48{width:48px;height:48px;background-position:-2px-902px}.arrow_right_48{width:48px;height:48px;background-position:-2px-852px}.arrow_right_green_48{width:48px;height:48px;background-position:-2px-802px}.arrow_up_48{width:48px;height:48px;background-position:-2px-752px}.arrow_up_green_48{width:48px;height:48px;background-position:-2px-702px}.beer_48{width:48px;height:48px;background-position:-2px-652px}.blinklist_48{width:48px;height:48px;background-position:-2px-602px}.blue_speech_bubble_48{width:48px;height:48px;background-position:-2px-552px}.book_48{width:48px;height:48px;background-position:-452px-502px}.box_48{width:48px;height:48px;background-position:-402px-502px}.box_download_48{width:48px;height:48px;background-position:-352px-502px}.box_upload_48{width:48px;height:48px;background-position:-302px-502px}.camera_48{width:48px;height:48px;background-position:-252px-502px}.camera_add_48{width:48px;height:48px;background-position:-202px-502px}.camera_delete_48{width:48px;height:48px;background-position:-152px-502px}.camera_noflash_48{width:48px;height:48px;background-position:-102px-502px}.camera_noflash_add_48{width:48px;height:48px;background-position:-52px-502px}.camera_noflash_delete_48{width:48px;height:48px;background-position:-2px-502px}.camera_noflash_warning_48{width:48px;height:48px;background-position:-452px-452px}.camera_warning_48{width:48px;height:48px;background-position:-402px-452px}.cancel_16{width:16px;height:16px;background-position:-20px-1002px}.cancel_48{width:48px;height:48px;background-position:-352px-452px}.cd_48{width:48px;height:48px;background-position:-302px-452px}.circle_blue{width:48px;height:48px;background-position:-252px-452px}.circle_green{width:48px;height:48px;background-position:-202px-452px}.circle_orange{width:48px;height:48px;background-position:-152px-452px}.circle_red{width:48px;height:48px;background-position:-102px-452px}.clock_48{width:48px;height:48px;background-position:-52px-452px}.coffee_48{width:48px;height:48px;background-position:-2px-452px}.coffee_mug{width:48px;height:48px;background-position:-452px-402px}.comment_48{width:48px;height:48px;background-position:-402px-402px}.comment_add_48{width:48px;height:48px;background-position:-352px-402px}.comment_remove_48{width:48px;height:48px;background-position:-302px-402px}.comment_warning_48{width:48px;height:48px;background-position:-252px-402px}.computer_48{width:48px;height:48px;background-position:-202px-402px}.creditcard_american_express{width:48px;height:48px;background-position:-152px-402px}.creditcard_cirrus{width:48px;height:48px;background-position:-102px-402px}.creditcard_mastercard{width:48px;height:48px;background-position:-52px-402px}.creditcard_paypal{width:48px;height:48px;background-position:-2px-402px}.creditcard_solo{width:48px;height:48px;background-position:-452px-352px}.creditcard_switch{width:48px;height:48px;background-position:-402px-352px}.creditcard_visa{width:48px;height:48px;background-position:-352px-352px}.cross_48{width:48px;height:48px;background-position:-302px-352px}.database_48{width:48px;height:48px;background-position:-252px-352px}.database_add_48{width:48px;height:48px;background-position:-202px-352px}.database_remove_48{width:48px;height:48px;background-position:-152px-352px}.database_warning_48{width:48px;height:48px;background-position:-102px-352px}.delicious_48{width:48px;height:48px;background-position:-52px-352px}.designfloat_48{width:48px;height:48px;background-position:-2px-352px}.digg_48{width:48px;height:48px;background-position:-452px-302px}.feedburner_48{width:48px;height:48px;background-position:-402px-302px}.flickr_48{width:48px;height:48px;background-position:-352px-302px}.floppy_disk_48{width:48px;height:48px;background-position:-302px-302px}.folder_48{width:48px;height:48px;background-position:-252px-302px}.folder_add_48{width:48px;height:48px;background-position:-202px-302px}.folder_delete_48{width:48px;height:48px;background-position:-152px-302px}.folder_warning_48{width:48px;height:48px;background-position:-102px-302px}.furl_48{width:48px;height:48px;background-position:-52px-302px}.globe_48{width:48px;height:48px;background-position:-2px-302px}.google_48{width:48px;height:48px;background-position:-452px-252px}.heart_48{width:48px;height:48px;background-position:-402px-252px}.home_48{width:48px;height:48px;background-position:-352px-252px}.image_48{width:48px;height:48px;background-position:-302px-252px}.image_add_48{width:48px;height:48px;background-position:-252px-252px}.image_delete_48{width:48px;height:48px;background-position:-202px-252px}.image_warning_48{width:48px;height:48px;background-position:-152px-252px}.lightbulb_48{width:48px;height:48px;background-position:-102px-252px}.lock_48{width:48px;height:48px;background-position:-52px-252px}.lock_open_48{width:48px;height:48px;background-position:-2px-252px}.mail_48{width:48px;height:48px;background-position:-452px-202px}.mail_add_48{width:48px;height:48px;background-position:-402px-202px}.mail_delete_48{width:48px;height:48px;background-position:-352px-202px}.mail_forward_48{width:48px;height:48px;background-position:-302px-202px}.mail_reply_48{width:48px;height:48px;background-position:-252px-202px}.mail_spam_48{width:48px;height:48px;background-position:-202px-202px}.mail_write_48{width:48px;height:48px;background-position:-152px-202px}.mixx_48{width:48px;height:48px;background-position:-102px-202px}.mouse_48{width:48px;height:48px;background-position:-52px-202px}.navigate_48{width:48px;height:48px;background-position:-2px-202px}.newspaper_48{width:48px;height:48px;background-position:-452px-152px}.paper&pencil_48{width:48px;height:48px;background-position:-402px-152px}.paper_48{width:48px;height:48px;background-position:-352px-152px}.paper_content_48{width:48px;height:48px;background-position:-302px-152px}.paper_content_chart_48{width:48px;height:48px;background-position:-252px-152px}.paper_content_pencil_48{width:48px;height:48px;background-position:-202px-152px}.pencil_48{width:48px;height:48px;background-position:-152px-152px}.pie_chart_48{width:48px;height:48px;background-position:-102px-152px}.printer_48{width:48px;height:48px;background-position:-52px-152px}.questionmark_48{width:48px;height:48px;background-position:-2px-152px}.reddit_48{width:48px;height:48px;background-position:-452px-102px}.refresh_48{width:48px;height:48px;background-position:-402px-102px}.rss_48{width:45px;height:45px;background-position:-52px-802px}.search_48{width:48px;height:48px;background-position:-352px-102px}.smile_grin_48{width:48px;height:48px;background-position:-302px-102px}.smile_sad_48{width:48px;height:48px;background-position:-252px-102px}.spanner_48{width:48px;height:48px;background-position:-202px-102px}.speech_bubble_48{width:48px;height:48px;background-position:-152px-102px}.star_48{width:48px;height:48px;background-position:-102px-102px}.star_half_48{width:48px;height:48px;background-position:-52px-102px}.star_off_48{width:48px;height:48px;background-position:-2px-102px}.sumbleupon_48{width:48px;height:48px;background-position:-452px-52px}.table_48{width:48px;height:48px;background-position:-402px-52px}.table_green_48{width:48px;height:48px;background-position:-352px-52px}.tabs_48{width:48px;height:48px;background-position:-302px-52px}.technorati_48{width:48px;height:48px;background-position:-252px-52px}.thumbs_down_48{width:48px;height:48px;background-position:-202px-52px}.thumbs_up_48{width:48px;height:48px;background-position:-152px-52px}.twitter_48{width:48px;height:48px;background-position:-102px-52px}.twitter_boxed_48{width:48px;height:48px;background-position:-52px-52px}.usb_48{width:48px;height:48px;background-position:-2px-52px}.user_48{width:48px;height:48px;background-position:-452px-2px}.user_add_48{width:48px;height:48px;background-position:-402px-2px}.user_delete_48{width:48px;height:48px;background-position:-352px-2px}.user_two_delete_48{width:48px;height:48px;background-position:-302px-2px}.user_warning_48{width:48px;height:48px;background-position:-252px-2px}.users_two_48{width:48px;height:48px;background-position:-202px-2px}.users_two_add_48{width:48px;height:48px;background-position:-152px-2px}.users_two_warning_48{width:48px;height:48px;background-position:-102px-2px}.warning_16{width:16px;height:16px;background-position:-2px-1002px}.warning_48{width:48px;height:48px;background-position:-52px-2px}.yahoo_48{width:48px;height:48px;background-position:-2px-2px}
Shrnutí
Je to jen ukázka jak může tento program usnadnit práci, kterou jsem viděl obvykle dělat kodéry ve Photoshopu a pracně ručně nastavovat v CSS.
]]><![CDATA[Barcamp Vsetín 2012 - Budou učebnice v budoucnosti jen elektronické?]]>2012-02-05T08:03:00+01:00http://blog.prskavec.net//2012/02/barcamp-vsetin-2012-budou-ucebnice-v-budoucnosti-jen-elektronickeBarcamp Vsetín 2012
Letos jsem se poprvé dostal na Vsetínský Barcamp a spousta přednášek mi přišla zajímavá a z těch co jsem viděl mi nejlepší přišli Olga Biernátová - Jak se uvádí bestseller na český trh a Filip Doušek - Hejno bez ptáků: Od 1500 myšlenek k románu. Zaujala mě iniciativa proti hernám http://www.mapyhazardu.cz/, kde dělají v Brnění, o.s. užasnou práci.
Moje přednáška byla večer na střeše a sešla se nám malá skupina, kterou to zajímalo a hodně se diskutovalo a to mám na Barcampech rád.
Budou učebnice v budoucnosti jen elektronické?
Elektronické knihy procházejí změnami, všichni si pamatují čtení v palm pilotech a jak to změnil Kindle, když přišel s prvním velkým obchodem s knihami. Sám jsem si tehdy Kindle 2 koupil a na beletrii neznám nic lepšího. Ale řešil jsem problém, že mám manuály a další odborné knihy převážně v PDF a to se na tom Kindlu nedalo moc dobře číst. Potom přišel iPad a iBook od Apple, tam se dají dobře číst i PDF, ale jinak to je stejné jako u kindle s nevýhodou toho, že to není elektronický inkoust.
iBooks2
Dne 19.2.2012 ohlásil, že vymysleli jak dělat učebnice jinak a lépe. Pokud jste viděli ukázky z knihy Life Of Earth zjistíte, že knihy mohou být úžasně inteaktivní. Přidali podporu videa, fotogalerie, 3D obrázků, HTML5 widgetů a dalších věcí, které ty knihy oživí. Pro beletrii to moc význam nemá, ale jistě se najdou autoři, kteří to využijí. Pro učebnice a odborné knihy to je ovšem úžasné. Na konci každé kapitoli, můžete přidat Review, kde vyzkoušíte čtenáře zda pochopil obsah kapitoli a on získá zpětnou vazbu, která mu při pasivním čtení chybí. Do knih si můžete dělat poznámky a zvýrazňovat zajímavé pasáže což mnozí studenti rádi využijí.
iBooks Author
Kromě iBooks2 aplikace, ale největší přínos je v tom, že Apple vydal aplikaci v které si zdarma takovou knihu můžete vytvořit. Na Mac je tato aplikace prostě úžasná, zcela ve stylu nástrojů iWork a každý průměrný uživatel si lehce vytvoří co chce.
Já jsem si více hrál s HTML5 widgety, pomocí, kterých se dájí možnosti rozšiřovat a také jsem řešil jak sázet matematiku. Matematiku dostanete do iBooks Author podobně jako do iWork například pomocí MathType nebo LaTeXiT.
HTML5 widgety můžete vyrobit sami nebo pomocí nějakého nástroje:
Widgety mají omezení, nemohou přistupovat na disk a k internetu.
iBookstore
Pokud projedete celou výrobou knihy je potřeba ji dostat do iBookstore. Nejdříve se musíte zaregistrovat jako autor a potom si můžete stáhnout program iTunes Producer, pomocí, kterého můžete dílo uploadnout do iBookstore.
Jak je vidět na obrázku musíte vyplňit povinné údaje. Ve výběru jazyka není čeština k dispozici. Ale napište cze a kniha v češtině projde. Screenshoty ke knize udělejte přímo na iPadu, aby měli správné rozlišení a exportujte je jako JPG.
Po tom co nahrajete knihu pres iTunes producer a Apple ji schválí (cca 1 týden), můžete přes iTunes Connect sledovat statistiky jak se kniha stahuje po celém světě.
Jako asi první česká kniha ve formátu iBooks2 stažená více jak 15 kusů je vlastně bestseller jak říkala ve své přednášce Olga.
Závěr
Určitě chci doporučit pokud chcete knihu vydat sami, tohle je cesta. Sice je omezené na iBookstore a případně můžete v PDF si to vydat někde jinde, ale přidaná hodnota interaktivní učebnice určitě stojí za to. Pro beletrii bych asi volil stále osvěčenou metodu klasického formátu pro více zařízení, ale můžete to vylepšit i tam asi závisí na autorovy. Knihu můžete formátovat na výšku a na šířku a může vypadat pokaždé úplně jinak. Pokud budete mít typy na widgety, zkuste je uvést v komentářích. Mě napadlo, že by bylo dobré udělat widget na zdrojové kódy, kde by šlo prohlížet prsty, byla by zvýrazněná syntaxe atd.
Celý Barcamp ve Vsetíně byl skvělá akce a děkuji organizátorům za letošní ročník.
]]><![CDATA[Jenkins – použití Continuous Integration engine pro PHP]]>2011-11-24T20:24:00+01:00http://blog.prskavec.net//2011/11/jenkins-pouziti-continuous-integration-engine-pro-phpVyvíjíte větší PHP projekt a potřebujete zlepšit koordinaci vašeho týmu a vaše softwarové procesy? Přístup Continuous Integration a nástroj Jenkins, který jej umožňuje implementovat, vám pomohou. Dozvíte se, jak Jenkins nainstalovat, jak ověřovat kvalitu softwarového produktu, jak řešit spouštění automatických testů, jak testovat coding standard, jaké si stanovovat softwarové metriky či jak kontinuálně deployovat vaše průběžné výsledky.
Všechno ukazuji na praktických příkladech s pomocí Ubuntu a virtualizace (VirtualBox) a za použití nástroje Vagrant.
Na videu je vidět průřez časovou osou jak čas běžel a jaké verzovací systémy nám postupně vznikali a vznikají.
Verzovací systémy jsou tu od roku 1972. Source Code Control System (SCCS) byl první verzovací systém, který položil základ všem verzovacím systémům až po dodnes.
Dnes jsou nejznámější systémy: Subversion, Git a Mercurial. Ale každý měl nějaké předchůdce a vznikl protože ty předchozí nevyhovovali.
SCCS byl komerční a nahradil ho později Revision Control System (RCS), který byl open source náhradou za SCCS, na jeho základech byl v roce 1990 vytvořen Concurrent Versions System (CVS), který většina vývojářů už zná. Mezi jeho hlavní nevýhody jsem vždy považoval nemožnost přejmenování adresářů a správu jednotlivých souborů. Subversion v roce 2000 přišel s novinkou ve verzovaní celého stromu adresářů. Atomicita operací se rozšířila na celé adresáře ne jen na soubory jako v CVS. Subversion podporuje attributy, které se přidávání k souborů a s těmito metadaty dále pracuje.
SCCS ale kromě verzovacích systémů, které mají architekturu klient server byl také předchůdcem distribuovaných verzovacích systémů. První distribuovaný verzovací systém byl v roce 1996 Sun WorkShop TeamWare. Larry McVoy, který navrhl TeamWare vytvořil později BitKeeper, který se používal do roku 2005 pro vývoj jádra linuxu. V roce 2005 po sporu mezi společností BitKeeper a komunitou, přestali poskytovat zdarma BitKeeper a tak se Linus Torvalds rozhodl začít s vlastním verzovacím systémem Git. Na stejnou věc reagoval i Matt Mackall, když o měsíc později po Gitu uvedl Mercurial.
Verzovacích systémů je samozřejmě desítky, stále vznikají nové a spousta jich žije i když je asi dost lidí ani nezná. Nedají se vyzkoušet všechny. Osobně mám nejvíce zkušeností s tím čím jsem si prošel v práci a to je CVS, SVN a Git. Za ty roky co s nimi pracuji si myslím, že jsem si vždy polepšil a uvidíme co bude dál. Dnes považuji Git za naprosto dostačující k mé práci, jediné co bych mu vytknul je verze pro windows, kde často řeším problémy, které na linuxu ani neexistují.
]]><![CDATA[Motivace a Verzovací systémy]]>2011-10-26T20:12:00+02:00http://blog.prskavec.net//2011/10/motivace-a-vcsProč bychom potřebovali verzovací systém?
Toto je častá otázka, kterou slyším. Spousta lidí používá sdílené adresáře pro práci s dokumenty. Přejmenovávají soubory a adresáře. Pokud znáte dokumenty typu Projekt-Final-Update!!.doc apod. tak víte o čem mluvím.
Každý programátor pracuje v jiné podadresáři?
Tak to trochu může lidem připadat, ale programátoři používají verzovací systém, který dokumentovou databází, která sleduje změny a pomůže v mnoha věcech.
Záloha a Obnova
Soubory, které ukládáme do verzovacího systému si nesou infomaci o času uložení a není problém skočit v čase co existuje repozitář kam chcete třeba co jste dělali 29.7.2009? Není problém.
Synchronizace
Pokud si verzujete například konfiguraci nastavení linuxu. Příklady najdete na githubu v repositářích nazvaných dotfiles. Tak si pomocí verzovacího systému lehce udržujete konfiguraci na všech počítačích, které používáte. Obdobně není problém to dělat s jakýmikoliv dokumenty.
Jednoduché Undo
Modifikujete soubor a nefunguje to a potřebujete vrátit změny zpět. Není problém obnovit poslední dobrou verzi. Maličkost.
Undo
Kdykoliv máte k dispozici undo, pokud například najdete chybu, kterou jste udělali před rokem není problém se vrátit zpět a podívat se jaké změny jste dělali a proč.
Sledování změn
Soubory jsem změněny, ale verzovací systém uchovává také zprávu, kde se často vysvětluje proč změna byla udělaná, dost často obsahuje například odkaz do bug trackeru apod. To jsou věci, které se často ze samotných souborů vyčíst nedají.
Sledování vlastníka
Každá změna je podepsaná a můžete kdykoliv zjistit, kdo který řádek modifikoval. To se hodí pokud potřebujete zjistit kdo změnu udělal.
Pískoviště (sandbox)
Výhoda verzovacích systémů je právě, že můžete pracovat na velkých změnách v izolované oblasti bez toho aby jste se báli, že ovlivníte celek.
Větve a merge
Větve slouží jako velké pískoviště, můžete mít desítky větví, které mohou po dlouhou dobu fungovat izolovaně a později pokud budete chtít spojíte (merge) je kam potřebujete.
Závěr
Sdílené adresáře jsou rychlé a jednoduché, ale rozhodně tyto vlastnosti verzovacích systémů jsou něco co je o dost lepší.
Verzovacích systémů jsou desítky, od SCCS (1972), přes CVS (1990), Subversion (2000) k distribuovaným jako je Darcs (2002), Git (2005) nebo Mercurial (2005). K nejnovějším přírůstkům patří Verocity (2011), které přidává například přímo podporu SCRUMu.
Volbu nechám na vás u mě od roku 2009 vítězí Git a ani za 2 roky se v tom nic nezměnilo.
]]><![CDATA[Google Developer Day 2011]]>2011-10-18T09:01:00+02:00http://blog.prskavec.net//2011/10/google-developer-day-2011GDD již tradičně v Clarionu, registrace se dneska pěkně protáhla pokud jste nepřišli včas a nevyužili některé jiné fronty než té první.
9:19 Brad Abrams - Google Plus Platform
Zatím se probíráme od roku 1990 do součastnosti naší minulostí a přesouváme se k mobile a cloud.
Aktivace telefonů s Androidem mezi únorem 2010 (60k) až k 550k v červenci 2011. 300k aplikací v Android Marketu.
9:35 Petr Nálevka - Sleep as anDroid, ukázka aplikace.
Budík - umí měřit spánkové cykly. Umí nahrávat spánkovou aktivitu i zvuky, chrápání apod. Statistiky o spaní a návyky. Captcha pro budík, aby jste to snad nezamáčkli. Celé snímání je přes akcelerometr. Aplikace se dá snadno rozšiřovat. 330k aktivních uživatelů a 60k prodaných kusů.
9:43 AdMob - 910 miliard reklam už bylo zobrazeno.
9:45 Chrome a HTML5, Chrome Webstore
9:51 Ilmari Heikkinen - WebGL demo, tree.js, flux slider transgallery, asteroids. Pěkné demo na Developers tools v Chrome, zvláště pretty print funkce pro javascript je hodně pěkná.
10:00 WebM Video, Web Audio Api, HTML5 s WebIntents, Native Client (C, CPP v sandboxu), JS a DOM. HTML5 aplikace lehce najdete přes Chrome Web Store a zítra HTML5 Hackathon zítra a jedou na Google IO.
10:05 Video, YouTube 3D - trailer na novou Dobu ledovou ve 3D
10:10 Mano Marks a Jarda Bengl - Google Maps
První Google Maps Mashup - http://housingmaps.com. Google Fusion Tables - demo s populací evropy. WebGL v mapách, klikněte vlevo dole vyzkoušet něco nového a mapy se přepnou do WebGL. Úžasné celé vektorové mapy místo obrázků a 3D budovy v normálních mapách provázání s satelitní mapou (ukázky New York, Rome, Venice).
Ukázka Venice, kde je vidět vektory a 3D domy.
Při zoomu jsou některé budovy vidět v náhledu 45 stupňů.
A dá se s nimi i otáčet.
10:24 Cloud, webová verze Angry Birds používá (GWT, HTML5, Google Plus, App Engine). Mobilní hry často App Engine používání na backendu (např. TapZoo). App Engine pro Google Doodles (ukázka, záznamy za 2 dny nahráli uživatelé několik let záznamů.
Google Cloud SQL uvádějí jako novinku. Iein Valdez uvedl demo. Použije se JDBC driver pro Google Cloud SQL (GCSQL). Ukázka na App Engine byla v Javě a PHP.
10:40 Google Plus s Circles, Hangouts, Mobile. Novinky přidávájí stále a během 90 dnů od spuštění přidali přes 100 novinek. Teď mají kolem 40M uživatelů a 3,4 mld. fotek. Plugins (+1 button), anotace pro vaše výsledky hledání. APIs (RESTful, JSON, OAuth2) a knihovny pro všechny běžné jazyky (Google Apis Explorer.
10:50 Jonathan Beri - Hangouts demo, přijde mi to jako Google Wave v nové verzi zaměřené více na to co lidé chtějí. Více o Google platform na https://developers.google.com/+/.
Keynote končí.
Ilmari Heikkinen - Tohle nejsou weby, které hledáte: Moderní webové aplikace v HTML5
Definuje moderní webovou aplikaci jako desktop UI s cloud backendem (příklad DJBreakPoint aplikace).
MVC Frameworks (Sproutcore, BackboneJS, ExtJS 4). Css Frameworks (Less, Sass). Divné, že nezmínil AngularJS, který Google přímo podporuje a vyvíjí. Responsive layout pro notebooky, mobily a tablety.
Později jsem se vrátil na GDD bohužel až na Ignite, ale ty rozhodně stály za to. Přišlo mi to jako skvělý závěr GDD2011 a co bych chtěl ocenit je i přes menší rozpočet spousta věcí zaujala. Ocenil bych více advanced přednášek, kde přednášející mi řekne něco co nevím, ale to je hodně individuální.
Jinak celkem dobrá organizace, trochu registrace vázla, když člověk přišel později. Celkově jsem potkal spoustu lidí, které vidím jen tady.
Za mě jediné přání do dalšího roku, líbil by se mi například Vojta Jína nebo někdo s týmu AngularJS a nějaký workshop s nimi ať na GDD nebo mimo.
]]><![CDATA[Update blog na Octopress]]>2011-10-17T21:18:00+02:00http://blog.prskavec.net//2011/10/update-blog-na-octopressV předchozím příspěvku jsem psal jak jsem migroval na Jekyll. Základní verze Jekyllu je hodně omezená a dá dost práce vylepšit ho podle představ. Mě šlo hlavně o čitelnost nějaké drobnosti, které jsem si na tom udělal, ale nebyl jsem zcela spokojený. Když jsem hledal dále ve svět Jekyllu a stránek pro pages na githubu narazil jsem na Octopress, který je dokonalý blogovací framework. Brandon Mathis vytvořil krasný a funkční template, který má tyto vlastnosti:
má HTML5 template
mobile friendly
podpora pro Twitter, Google Plus One, Disqus Comments, Pinboard, Delicious, and Google Analytics
jednoduchý deployment (rake deploy)
zvýrazňování zdrojové kódu (Solarized)
jednoduchá změna vzhledu pomocí Compass a Sass
a další pluginy, které jsou přesně co vývojář potřebuje. Pro mě jsou nejdůležitější
Gist
jsFiddle
Include Code
Doufám, že pokud se vám líbí Jekyll tak Octopress je ještě trochu lepší a na stejném základě.
]]><![CDATA[Subversion 1.7]]>2011-10-12T00:00:00+02:00http://blog.prskavec.net//2011/10/Subversion-1.7Dlouhé čekání na nový Subversion
Myslím, že vetšina lidí si shlédnutí roadmapy Subversion a čekaní 2 roky na změny, které potřebují migrovala na jiný verzovací systém. Ale celosvětově je Subversion stále velice používaný verzovací systém.
Novinky ve verzi 1.7
Byla opraveny spousty chyb což jistě všichni uživatelé ocení. A přidáno několik novinek, ty nejvýznamější zmínim dále.
WC-NG
Za dlouho očekávanou novou verzí pracovní kopie (WC, working copy) je centralizace adresářů .svn do jednoho podobně jako to mají jiné verzovací systémy. Používá se nějaká forma SQLite, ale autoři upozorňují, že není bezpečné přistupovat k souboru s metadaty běžnými nástroji pro SQLite.
HTTPv2
Nový jednoduší HTTP protokol má samozřejmě hlavně zvýšit výkon SVN, kdy operace se serverem jsou největší zátěží uživatelů. Zatím, ale nemám k dispozici žádné porovnání rychlosti, kde by to bylo reálně vidět.
svnrdump
Příkaz svnrdump umožňuje to samé jako svnadmin dump na serveru i vzdáleně. Pokud jste ve staré verzi chtěli zálohovat pomocí svnadmin, museli jste mít přístup přímo k file systému, kde byl svn server. To teď odpadá.
svn patch
svn patch složí jako systémový příkaz patch k aplikací diffů (patchů).
Distribuce
Postupně se objevují binární balíčky s Subversion 1.7
Nic převratného se nestalo, Subversion postupuje dále správným směrem a doufám, že další plánované změny budou probíhat trochu rychleji. Pokud Subversion nepoužíváte a chcete můžete se dozvědět více na mém školení, nejbližší je 20-21.10.2011.
]]><![CDATA[Migrace z Wordpressu na Jekyll]]>2011-09-30T00:00:00+02:00http://blog.prskavec.net//2011/09/Migrace-z-Wordpressu-na-JekyllCo jsem řešil
V poslední době jsem neměl moc času na psaní a když jsem chtěl psát, chtěl jsem se tomu věnovat, mít na to jednoduchý prostředek jako je Textmate (ByWord, iA Writer, WriteRoom, OmmWriter) a přitom se nemuset handrkovat s HTML a s tím jak mi občas nevhodné styly ničí text nebo kusy kódu.
Wordpress u mě na hostingu ještě narazil na limit starého MySQL a mě se také nechtělo migrovat na nový databázový server, potom mi také chybělo verzování v Gitu na který jsem zvykl.
Protože jsem před časem viděl, že Github pages se dají dobře použít pro vlastní blog, rozhodl jsem se na to přejít se svými blogy TopTopic? a Prskavčí blog.
Podporuje publikování v textile a markdown, případně html.
Instalace pomocí rubygems
sudo gem install jekyll
Pro ladění na lokálním počítači jde pustit lokální instanci, která běží http://localhost:4000.
jekyll --server --auto
Jekyll funguje tak, že na základě předpisu generuje statické stránky do adresáře _site. Parametr auto umí po editaci automaticky přegenerovat změněný soubor.
Migrace z Wordpressu
Založte si adresář a začněte verzovat gitem.
mkdir blog.prskavec.net
cd blog.prskavec.net
git init
Je potřeba udělat export z Wordpressu, pomocí export.php.
Například u mě to bylo http://blog.prskavec.net/wp-admin/export.php.
Do repository přidáte soubor CNAME který musí obsahovat doménu na které chcete Github pages provozovat, samozřejmě pokud vám nestačí stávající co dostanete od Githubu.
DNS - musíte si zřídít CNAME záznam, který bude ukazovat na váš záznam na githubu. U mě abtris.github.com pro doménu 3 řádu. Pokud by jste chtěli doménu 2 řádu musíte zřídit A záznam na 207.97.227.245.
sitename: Prskavčí blog
tagline: Jen další blog o všem možné, teď od Prskavců.
url: http://blog.prskavec.net
ga: UA-XXXXX-XX
pygments: true
markdown: maruku
permalink: pretty
exclude: LICENSE, README.markdown, Rakefile
disqus:
id: prskavecblog
feedburner:
id: prskavec
Lexers for Pygments - syntax hightlighting, příslušné syntax.css třeba tady.
Samozřejmě pro svůj blog potřebujete nějak přispůsobit vzhled, pro Jekyll to není tak snadné jako Wordpress, který má spoustu pluginů a vzhledů. Ale není problém, některý z Wordpressu převést.
Pluginy některé existují, ale musíte si vystačit s tím co jde vygenrovat, případně z Javascriptem, ale to není málo.
Pomocí javascriptu jsem přidat twitter a komentáře přes Disqus.
Pro ATOM je k dispozici šablona, obdobně si můžete vygenerovat RSS, archív apod.
Publikace na Github
Založte si repositář na Githubu.
V adminu zapnout github pages.
Podle návodu přidejte do repositáře soubory a pushnete obsah na server.
Shrnutí
Jekyll není pro každého, ale pro mě jako pro programátora je to vyhovující systém. Článek jako tento napíšu ve stejném editoru jako programuju ať je to Textmate nebo PHPStorm. A stránky jsou jen další repository na githubu.
]]><![CDATA[Deployment prakticky - WebExpo 2011]]>2011-09-25T00:00:00+02:00http://blog.prskavec.net//2011/09/deployment-prakticky-webexpo-2011Letos jsem přednášel na Webexpu na téma deployment. Ve 30 minutách se nedá říci dost, aby jste se dozvěděli všechno tak zkusím v tomto článku shrnout o čem jsem mluvil a přidat nějaké zdroje, které pomůžou v dalších úsilí při automatizaci deploymentu.
Deployment
Nasazení dané aplikace na dané prostředí v daném čase s možností vrácení původní verze aplikace pokud možno s minimálními prostředky a náklady.
Configuration Management
Služba, která se stará, aby námi zadaná konfigurace byla konzistentní napříč prostředím a na všech strojích a je to jeden nezbytných kroků pro CI.
Continuous Integration
CI pomáhá dramaticky snížit počet chyb při vývoji i v produkci pokud se to dělá dobře a důsledně.
Pro dobré fungovaní Continuous Integration potřebujete automatizovat deployment na prostředí. Na prostředích se často střídají aktuální feature větve vývojářů nebo se tam provádí update z větve pro release či sprint. K tomu se vše provádí několikrát denně. Abychom tohle mohli dělat potřebuje deployment mít plně automatický.
"Automated deployment, tied into good CI discipline, is essential to making this work." - Martin Fowler
Tlačítko push
Deployment musí být tak jednoduchý, aby ho zvládnul kdokoliv, kdo ho potřebuje a má potřebné oprávnění. Zdá se celkem jednoduché, ale není tomu tak. Pokud je potřeba například znalost linuxu (vytváření symlinku, ssh klient apod.), může to být pro část týmu třeba dost velká překážka, aby si něco nasadili a raději řeknou developerovi. On to má přece za minutku nasazené. Ale v tom je problém, pokud developer není po ruce, nebo nemá čas, tak část práce stojí. Obzvláště při agilním vývoji a krátkém sprintu to může být dost znát.
Pokud ještě se deployment dělá ručně, občas se na něco zapomene a jakákoliv ruční práce je zdrojem chyb. Celkově dojde k úspoře nákladů, protože čas ztrávený deploymentem firmě nikdo nezaplatí.
Za tlačítkem push si můžete představit jakýkoliv spouštěč, který vám vyhovuje (git push do příslušné větve, tlačítko na webu apod.).
Pokud nemáte zkušenost s gitem, tak rozvedu ten git push. Ostatní mohou odstavec přeskočit.
Git jako distribuovaný systém funguje jen lokálně a může mít svoje vzdálené kopie repository podobně jako v architektuře klient server (Subversion). Ale nemusí mít jen jedno místo kam se zdrojový kód odesílá pomocí git push. Toho se dá využít a používá se to tak, že kromě serveru kam ukládáte zdrojový kód (u mě například Github.com), který je označený jako origin (git push origin master - odešle kód tam), mohu například přidat místo kde se pushem přímo nasadí (git push heroku master - kód se odešle na cloud Heroku a dojde k jeho nasazení). Obdobně kromě místa, lze použít určité větve a mít na serveru hook script, který detekuje změny a provede nasazení.
Pokud můžete a děláte projekt, kde se můžete dovolit využít hostingu, cloudu, který deployment vyřeší za vás, udělejte to. Ušetří vám to čas i prostředky. Samozřejmě ne vždy to jde, ale pro ty případy tu bude další kapitola.
Samozřejmě jsem nemohl vyzkoušet podrobně každou cloudovou službu, na to nemám rozpočet a ne každá má k dispozici zdarma potřebný program pro vývojáře. Důležité aspoň pro mě je podpora práce z CLI kvůli možnosti automatizace, případně nějaké API, které to umožňuje. A také podpora vlastního nastavení a úkolů, aby jste mohli například automaticky spustit test nebo migraci databáze. Svoje zkušenosti nebo rady a doporučení uveďte do komentářů, budu rád.
Instalace
- pro instalaci potřebujete ruby (windows - http://rubyinstaller.org/, mac - součást OS)
- pokud budete deployment dělat pro ruby aplikaci nepotřebujete samozřejmě railsless-deploy
v LMC (jobs.cz, prace.cz) je vývoj v Javě a PHP. Pro oboje používáme od roku 2008 na build Hudson dnes Jenkins. Pro Javu se přechází na build postavená na Mavenu a v PHP používáme build napsaný v Antu, který vytváří RPM balíčky pro nasazení CFEngine nebo pomocí skriptu přímo z Jenkins.
O chefu jsem se zmiňoval již dříve, je vhodný právě například pro tvorbu virtualizací ve velkém. Pro příklad uvedu cluster Nostromu, který měl 30 000 jader.
Puppet
- http://www.puppetlabs.com
- napsaný v Ruby, odvozený od cfengine
- klient aktualizuje konfiguraci v pravidelných intervalech a reportuje zpět na server (Puppet Master)
- perfektní pro “sysadmins”
- deklarativní popis nastaveni
Chef
- http://www.opscode.com/chef
- v Ruby, odvozený od Puppetu
- Ruby DSL
- cloud provisioning
- imperativní popis, více flexibilní, více pro “vývojáře”
- pokud by vás to zajímalo doporučuji zajít na školení Radima Marka (GoodData) - s kódem WEBEXPO2011 by měla být sleva 15%
Existují kvalitní nástroje pro deployment, použijte je!
Každý oprávněný uživatel si lehce zjistí informaci o verzi aplikace na příslušném prostředí a jednoduše si nasadí verzi aplikace, kterou potřebuje na prostředí, kde to potřebuje.
Jedině automatizací se vyhnete chybám. Každý ruční postup jednou selže.
Uspoříte velké náklady, protože čas ztraceny deploymentem nepřináší žádný zisk.
Jenkins - jak na Continuous Integration v PHP
Pochopení a využití procesu Continuous Integration s využitím nástroje Jenkins vám pomůže zvýšit kvalitu softwaru, který vyvíjíte, a zároveň snížit čas na jeho dodávku. Continuous Integration vám umožňuje kontrolovat kvalitu softwaru průběžně po malých částech a minimalizovat tak riziko rozsáhlých chyb, jak tomu bylo v případě klasického vodopádového přístupu.
]]><![CDATA[WebExpo 2011 - Na co půjdu]]>2011-09-19T00:00:00+02:00http://blog.prskavec.net//2011/09/webexpo-2011-na-co-pujduJako vývojář jsem si vybral přednášky v Development Room a Development Hall.
V pátek začnu na přednášce co má Michal Táborský o Architektuře škálovatelných aplikací, jistě se dozvíme jak to dělají v Mall.cz. Michala znám a jeho vyprávění a postřehy mi přijdou velmi podobné tomu jako to řešíme v práci i my. Pokračovat budu na své přednášce, kde řeknu něco o tom proč automatizovat deployment, co na to použít. Jak to řešíme v LMC (Jobs.cz, Prace.cz). Po mě na podobné téma Honza Mittner bude pokračovat o konkrétním řešení deploymentu pro PHP u nich v agentuře.
V další sekci je na téma Javascript. JIŘÍ KNESL bude ukazovat Test Driven Development v CoffeeScriptu. Po něm bude pokračovat VOJTA JÍNA s MVC frameworkem AngularJS. Protože používím BackboneJS, zajímá mě srovnání s AngularJS.
Protože ve svých projektech používám Google Maps Api, zajímají mě přednášky o konkurenci. Podívám se jak to dělají u Nokie (MICHAL AICHINGER, Nestačí vám vaše oblíbené mapové API? Zkuste Nokia mapy) a u Seznamu, kde nám ADAM CHVAJA řekne o On-line mapách u nás a ve světě.
Protože, pracuji s CouchDB a provoz MongoDB se spíše vyhýbám, tak se těším na zkušenosti z Centra v přednášce Lukáše LINHARTa o MongoDB.
Nakonec to nejlepší DOUGLAS CROCKFORD, Serversideness, jednoznačná nejzajímavější přednáška letošního Webexpa, doufám, že nezklame.
V sobotu budeme pokračovat, nejprve se podívám na to co bude PAVEL CAMPR a JIŘÍ PRAUS povídat o Symfony 2, které mi přijde asi jako nejpropracovanější PHP framework dneška. RASMUS LERDORF a jeho PHP in 2011 je povinnost pro každého kdo programuje aspoň trochu v PHP. Michal Špaček ze Skypu a jaho Strategie kešování jistě nezklame.
Velice se těším na přednášku Scala - jazyk budoucnosti, ZDENĚK FARANA nám ukáže v čem je tento jazyk tak zajímavý a já dám možná JVM ještě někdy šanci.
KAREL MINAŘÍK a LUKÁŠ VLČEK jsou nejznámější vývojáři co mají u nás dělají s ElasticSearch. Karel je autorem ruby gemu Tire na práci s ES a Lukáš napsal jeden z nástrojů pro monitoring a přispívá k vývoji ES. Jejich ElasticSearch: Za hranice běžného fulltextového vyhledávání bude jistě jedna z nejzajímavějších přednášek Webexpa.
HONZA KRÁL je známý Python vývojář a ukáže nám jak se má psát kód tak, aby byl testovatelný a jeho Testování prakticky určitě bude zajímavé pro všechny vývojáře i testery. JAKUB VRÁNA s přednáškou Ajaxizace určitě zaujme.
Doufám, že se tam uvidíme a zkuste dát svoje tipy co vás zaujalo.
]]><![CDATA[PHP a RabbitMQ]]>2011-04-10T00:00:00+02:00http://blog.prskavec.net//2011/04/php-a-rabbitmqV poslední době se objevilo hodně článků o RabbitMQ a připravuje se kniha kde většina příkladů je v PHP. Připravil jsem malou demonstraci jak se message queue dobře využit. RabbitMQ je napsaný v Erlangu podobně jako CouchDB a hodí ke zpracování dávkových úloh. V demonstraci využívám knihovnu wkhtmltopdf která umí zpracovat html stránku na PDF, používá k tomu webkit jádro.
Design
Malý design aplikace jsem zvolil takto:
Kód
Základ aplikace jsou dva úlohy producer a consumer. Nejdříve je potřeba pustit consumer.
error_reporting(E_ALL);
/**
* Application path
*/
define('APPLICATION_PATH', realpath(dirname(__FILE__) . '/../application'));
/**
* Application enviroment
*/
define('APPLICATION_ENV', 'development');
require_once APPLICATION_PATH . '/models/Rabbit.php';
/**
* /Ensure library/ is on include_path
*/
set_include_path(implode(PATH_SEPARATOR, array(
realpath(APPLICATION_PATH . '/../library'),
get_include_path()
)));
/** Zend_Application */
require_once 'Zend/Application.php';
// Create application, bootstrap, and run
$application = new Zend_Application(
APPLICATION_ENV,
APPLICATION_PATH . '/configs/application.ini'
);
$application->getBootstrap()->bootstrap();
$config = new Zend_Config_Ini(APPLICATION_PATH . '/configs/application.ini', APPLICATION_ENV);
$r = new Application_Model_Rabbit($config->rabbitmq);
$r->consumer();
Tento script musí běžet na serveru, kde se zpracovává vlastní požadavek. Model potom volá metodu, která se vykoná.
public function indexAction()
{
$r = new Application_Model_Rabbit($this->_config->rabbitmq);
$this->view->form = $form = new Application_Form_AddUrl();
// process form
if ($this->getRequest()->isPost()) {
$formData = $this->getRequest()->getParams();
if ($form->isValid($formData)) {
$r->setUrl($form->url->getValue());
$r->run();
} else {
$form->populate($formData);
}
}
$this->view->url = $r->getUrl();
}
Demo u mne funguje velmi dobře, nevím jak na jiných platformách, zkoušel jsem to jen na Macu. Na linuxu by to mělo fungovat obdobně. Jen pro webovou aplikaci by bylo vhodné použít jiný systém notifikace pro webovou aplikaci. Nenašel jsem jak například předávat notifikace přes RabbitMQ, ale pokud někdo víte jak to elegatně udělat přidejte to do komentářů.
Zvolil jsem jednoduché jednosměrné řešení bez implementace RPC, kde by se dala pro notifikaci použít reply fronta. Ale myslím, že to celkem stačí pro vetšinu dávkových aplikací jako jsou logovaní, upload souborů i generovaní PDF. Nic nebrání nahradit moji notifikaci například posláním linku ke stažení výsledného PDF apod. Příklad by šel pomocí RPC vylepšit na notifikaci přímo v aplikaci. Pro implementaci RPC lze například použít Thumper.
]]><![CDATA[phpfog - cloudové řešení pro PHP?]]>2011-03-14T00:00:00+01:00http://blog.prskavec.net//2011/03/phpfog-cloudove-reseni-pro-phpPokud se zajímáte o cloudové technologie, tak možná znáte Heroku. Heroku je pěkné řešení pro Ruby, které vám umožní vytvářet aplikace v Sinatře nebo v Rails a deployment provádět pomocí Gitu. Pro PHP mi něco takového dlouho chybělo, ale začíná se částečně situace vylepšovat, protože je na světe PHP Fog.
Co vám přinese PHP Fog
Mě se na cloudovém řešení libí, že je to pro vývojáře jednoduché a praktické. Nemusím řešit server, jeho provoz. Jen si nastavím konfiguraci apache, php.ini a vytvořenou aplikaci si přes git push pošlu na server k deploymentu a za pár okamžiků to běží.
Podobně to lehce vyřeším i na svém serveru pomocí SSH a Capistrano, ale stejně se musím starat o instalaci VPS. Jednodušší varianta je jen hosting s SSH přístupem například co mám na Hostmonster. Tam je problém, ale se škálováním pokud by se stal projekt úspěšný.
Ukážu jak jsem během 5min rozběhl Zend Framework projekt s CouchDb hostovanou na couchone hostingu. Můžete použít MySQL, další db přímo hosting nepodporuje. Doufám, že to časem rozšíří hlavně o podporu PostgreSQL a některé NoSQL (CouchDb, MongoDb).
PHP Version 5.3.2
Apache Version 2.2.14
MySQL Version 5.1.41
Vytvoření nové aplikace
Po přihlášení, zatím přístup je omezen, registrace přes nějaké Sign Up kódy, dostupný link najdete na homepage PHP Fog. Pokud chci vytvořit novou aplikaci, musím si vybrat profil, kde jsou setupy pro známé frameworky nebo přímo aplikace.
Já jsem zvolil zend framework a pokračoval k dalšímu kroku, kde si vybere formu hostingu. Na prvních 6 měsíců můžete zvolit variantu zdarma. V dokumentaci se píše, že bude po těch 6 měsících nějak zpoplatněna. To si myslím, že není moc dobrý tah a autoři doufám od toho upustí.
Po zvolení tarifu tak se dostanete do nastavení kde je potřeba poladit pár věcí a udělat si checkout Git repository pro váš projekt. Najde si v nastavení také nastavení Vhostu apache a php.ini.
Hlavní nastavení je nahrání SSH public key pro přístup ke Gitu, podobně jako na Githubu. Škoda, že se nedá přímo integrovat například pomocí nastavení remote větve na Github server. SSH a FTP přístup není k dispozici.
Potom jsem udělal git checkout, nahrál do repository kód a pomocí git push spustil aplikaci, která běží na doméně podle jména které zadáte při vytváření aplikace. Provoz aplikace částečně můžete kontrolovat pomocí nahlížení do logů apache přes webové rozhraní.
Závěr
Projekt je na začátku a doufám, že bude mít štěstí a že se mu brzo objeví i další konkurenti, protože do Heroku to má daleko, ale jdou dobrou cestou. Trochu mi přijde cenová politika trochu dražší než bežná jiná řešení, ale asi to bude daň za provoz na Amazon cloudu (MySQL).
Pokud jste to někdo další vyzkoušeli nebojte se o to s námi podělit, případně nevíte někdo o dalších alternativách pro PHP?
]]><![CDATA[Podpora profilování cachegrind/KCachegrind v Xdebugu]]>2011-02-23T00:00:00+01:00http://blog.prskavec.net//2011/02/podpora-profilovani-cachegrindkcachegrindDnes je část profilování v Xdebugu (http://xdebug.org) ukládána do souborů v KCacheGrind formátu. Tato funkce byla přidána do Xdebugu, ale není dle specifikace formátu. Byla vytvořena revezním inženýrstvým a tato stávající implementace obsahuje chyby a nepřesnosti.
Od verze 0.6 je KCacheGrind více striktní ohledně interpretace formátu a to způsobuje chyby při jeho používání s výstupy Xdebugu https://bugs.kde.org/show_bug.cgi?id=256425.
Vybraná částka bude použita, aby Derick Rethans mohl správně vyřešit problém s integrací Xdebugu/KCacheGrindu. Správně vyřešit znamená, že předělá celou část zapisu profilovacích souborů. Rozhodně se tedy nejedná jen o jednoduchou opravu chyby jako je přidání jednoho řádku.
Dnes 2.3.2011 byla částka úspěšně vybrána, všem co přispěli na dobrou věc děkuji.
]]><![CDATA[PHPStorm 2.0 - nová verze multiplatformního vývojového prostředí]]>2011-02-14T00:00:00+01:00http://blog.prskavec.net//2011/02/phpstorm-2-0Dnes 14.2.2011 vyšela nová verze IDE pro PHP od JetBrainsPHPStorm 2.0.
Hlavní výhody tohoto IDE
základní vlastnosti IDE
jednoduchá instalace
rychlý start
funguje na Windows, Linux a Mac OS X
jednoduchá konfigurace projektů, můžete začít kde chcete
inteligentní php editor
doplňování kódu
refaktoring
podpora pro Smarty a PhpDoc
rychlá navigace (fuzzy search)
editor pro mixování jazyků (html, js, xml, xsl)
vlastní různé konfigurace vzhledů IDE kompatibilní s IDEA platform (IDEA, Rubymine)
Minulý rok jsem psal o verzi 1.0, od té doby prostředí bylo velmi vylepšeno a stále se pracuje na vylepšení. Jetbrains chtějí konkurovat Zend Studiu a to není lehký soupeř.
Osobně mě nejvíce vyhovuje fuzzy vyhledávání v souborech, kde lehce najdu při práci se Zend Frameworkem příslušnou šablonu ke controlleru a velmi slušně funguje i potřebné vyhledání užití nebo nápověda.
V práci používám Zend Studio. Doma jsem dříve pracoval v Netbeans. Minulý rok jsem si při přechodu Mac OS X si koupil licenci PHPStorm 1.0, která obsahuje i 1 rok podpory včetně všech upgradů (tedy i verze 2.0) na které pracuji doteď. Zadal jsme několik chyb a podnětů a všemi se vývojáři zabývali a nějak je řešili.
Závěrem chci říct, že IDE je potřeba vyzkoušet a uvidíte jak jak vám sedne. Trial verze je zdarma k vyzkoušení a pokud znáte platformu IDEA tak využijete i spoustu pluginů, které jsou pro IntelliJ IDEA a Rubymine.
]]><![CDATA[Vytváření vývojového Virtuálního prostředí pomocí VirtualBoxu a Vagrantu]]>2011-02-02T00:00:00+01:00http://blog.prskavec.net//2011/02/vytvareni-vyvojoveho-virtualniho-prostredi-s-pomoci-virtualboxu-a-vagrantuOracle VirtualBox je známé virtualizační prostředí pro platformy linux, mac a windows. Já VirtualBox používám na linux, mám na něm Ubuntu, které používám na školení Subversion nebo na vývoj webových aplikací jako server. Do nedávna jsem to používal na Macu nebo Linux pro běh Windows apod. O tomto používání nechci dnes mluvit.
Vagrant je nástroj napsaný v Ruby, který nám umožňuje modifikovat virtualní stroj podle našich představ pomocí nějakého předpisu, který nám udělá co chceme. Ukážeme si to na příkladu, že připravím linuxový server pro webový vývoj s Apache, PHP5, MySQL, CouchDB.
Začneme instalací Vagrantu
sudo gem install vagrant
vagrant box add base http://files.vagrantup.com/lucid32.box
Vytvoříme si ukázkový projekt.
mkdir vagrant-lamp
cd vagrant-lamp
vagrant init
Musíme upravit Vagrantfile podle následujícího předpisu (pro Vagrant 0.7).
Vagrant::Config.run do |config|
# All Vagrant configuration is done here. For a detailed explanation
# and listing of configuration options, please view the documentation
# online.
# Every Vagrant virtual environment requires a box to build off of.
config.vm.box = "base"
config.vm.forward_port("http", 80, 8080)
config.vm.forward_port("mysql", 3306, 3306)
config.vm.forward_port("couchdb", 5984, 5984)
config.vm.provision :chef_solo do |chef|
chef.cookbooks_path = "cookbooks"
chef.json.merge!({
:mysql => {
:server_root_password => "root"
}
})
chef.add_recipe("vagrant_main")
end
end
Vytvoříme si adresáře pro recepty a pro web.
mkdir cookbooks
mkdir public
Do cookbooks je potřeba nakopírovat recepty pro Chef. Doporučuji si vzít z Githubu celou cookbooks repository.
git clone https://github.com/opscode/cookbooks.git
protože receptů je hodně, doporučuji si to dám někam mimo a nakopírovat jen potřebné recepty. Pro nás jsou to ty, které jsou v úvodu default.rb a některé navíc jako je třeba erlang pro couchdb.
do adresáře cookbooks jsem si nakopíroval tyto recepty z cookbooks repository.
apache2
apt
couchdb
erlang
git
mysql
openssl
php
Potom si vytvoříme vlastní recept, který celou akci Chefa v Vagrantu bude řídit.
mkdir -p cookbooks/vagrant_main/recipes
vim default.rb
Kromě instalace z receptů provede instalaci některý dalších balíčků v Ubuntu
# Some neat package (subversion is needed for "subversion" chef ressource)
%w{ debconf php5-xdebug subversion mc htop curl }.each do |a_package|
package a_package
end
Vytvoříme si testovací vývojový web.
s = "dev-site"
site = {
:name => s,
:host => "www.#{s}.com",
:aliases => ["#{s}.com", "dev.#{s}-static.com"]
}
použije se template uložena v vagrant_main/templates/default/sites.conf.erb a příslušné proměnné
# Configure the development site
web_app site[:name] do
template "sites.conf.erb"
server_name site[:host]
server_aliases site[:aliases]
docroot "/vagrant/public/"
end
modifikujeme si hosty
# Add site info in /etc/hosts
bash "info_in_etc_hosts" do
code "echo 127.0.0.1 #{site[:host]} #{site[:aliases]} >> /etc/hosts"
end
přidáme některé knihovny přímo z repository Subversion
# Retrieve webgrind for xdebug trace analysis
subversion "Webgrind" do
repository "http://webgrind.googlecode.com/svn/trunk/"
revision "HEAD"
destination "/var/www/webgrind"
action :sync
end
nebo Git
# Retrieve adminer
git "Adminer" do
repository "https://github.com/vrana/adminer.git"
revision "HEAD"
destination "/var/www/adminer/"
action :sync
end
a další
# Latest Zend Framework version
subversion "Zend" do
# repository "http://framework.zend.com/svn/framework/standard/trunk/library/"
repository "http://framework.zend.com/svn/framework/standard/tags/release-1.11.3/library/"
revision "HEAD"
destination "/srv/lib/php/"
action :sync
end
Potom je tu script, kterým se dá modifikovat práva pro MySQL, není problém si podobně udělat jakékoliv úpravy.
# Add an admin user to mysql
execute "add-admin-user" do
command "/usr/bin/mysql -u root -p#{node[:mysql][:server_root_password]} -e \"" +
"CREATE USER 'myadmin'@'localhost' IDENTIFIED BY 'myadmin';" +
"GRANT ALL PRIVILEGES ON *.* TO 'myadmin'@'localhost' WITH GRANT OPTION;" +
"CREATE USER 'myadmin'@'%' IDENTIFIED BY 'myadmin';" +
"GRANT ALL PRIVILEGES ON *.* TO 'myadmin'@'%' WITH GRANT OPTION;\" " +
"mysql"
action :run
ignore_failure true
end
pro funkční port forwarding u CouchDb modifikovat konfiguraci a potřeba dát po prvním spuštění dát vargant reload aby se tato poslední změna promítla do nastavení virtuálu.
# Replace 127.0.0.1 bind port with 0.0.0.0 is necessary for port forwarding
execute "port-forward-couchdb" do
command "sudo sed -i 's/127.0.0.1/0.0.0.0/g' /etc/couchdb/default.ini"
action :run
end
První spuštění pomocí
vagrant up
potom je potřeba pro CouchDb
vagrant reload
Kompletní repositář s tímto ukázkovým prostředím jsou dostupné na Githubu.
Pokud si rozbijete virtuál tak není problém začít znovu. Dáte vagrant destroy a potom znovu pustíte celý proces pomocí vagrant up.
Pokud se chcete přihlásit na virtuál použijte vagrant ssh.
]]><![CDATA[Zend Framework a NoSQL pro ukládání logů ve webových aplikací, díl druhý o MongoDb]]>2011-01-28T00:00:00+01:00http://blog.prskavec.net//2011/01/zend-framework-a-nosql-pro-ukladani-logu-ve-webovych-aplikaci-druhy-dil-o-mongodbJak už jsem psal v minulém díle o CouchDb není žádný problém v použití dokumentových databází na logy. Výhodou je že se nemusíte starat o schema, což se u aplikace tohoto druhu opravdu hodí.
Pro napojení Zend Frameworku na logování do MongoDb musíte mít nainstalovanou MongoDb extenzi do PHP. Bez ní se bohužel neobejdete. Log writer si vytvoříte snadno pomocí extenze Zend_Log_Writer_Abstract a provedete drobné úpravy pro práci s MongoDb jak obsahuje ukázka.
/** Zend_Log_Writer_Abstract */
require_once 'Zend/Log/Writer/Abstract.php';
/**
* ZendLogWriterCouchDb
* @throws Zend_Log_Exception
*/
class App_Log_Writer_MongoDb extends Zend_Log_Writer_Abstract
{
/**
* Db
* @var Mongo
*/
private $_db;
/**
* Db name
* @var string
*/
private $_dbname;
/**
* Collection
* @var string
*/
private $_collection;
/**
*
* @param array $params
* @return void
*/
public function __construct($options)
{
if (!extension_loaded('mongo')) {
throw new Exception('The MongoDB extension must be loaded for using this logger !');
}
$options = $options->toArray();
if (is_null($options)) {
$options['host'] = "localhost";
$options['port'] = "27017";
$options['db'] = $dbname;
}
if (isset($options['user']) && isset($options['pass'])) {
$conn = "{$options['user']}:{$options['pass']}@";
} else {
$conn = "";
}
$this->_db = new Mongo("mongodb://$conn{$options['host']}:{$options['port']}/{$options['db']}");
$this->_dbname = $options['db'];
$this->_collection = $options['collection'];
}
/**
* @static
* @param $config
* @return
*/
static public function factory($config)
{
$config = self::_parseConfig($config);
return $config;
}
/**
* @param array $event
* @return void
*/
protected function _write($event)
{
$m = $this->_db;
$m->connect();
$c = $m->selectCollection($this->_dbname, $this->_collection);
$c->insert($event);
}
}
a tímto jste vlastně hotovy. Celý kód najdete na githubu. V ukázce je ještě samozřejmě upravený controller pro zobrazování a obsahuje možnost vytvářet testovací data.
MongoDb můžete nainstalovat lokálně nebo použít hosting mongohq.com, kde základní databáze, která k testování stačí je zdarma. Potom se mi docela hodila utilita na Macu Mongohub, která poskytuje trochu konfortnější konzoli než webová konzole obsahující lokální instalaci. Na hostingu MongoHQ mají pěknou webovou administrační konzoli.
V PHP se kromě vlastní extenze dá ještě dobře použít pro Zend Framework knihovna Shanty Mongo, která zjednodušuje práci s Mongo Db na maximum.
Případné další tipy se nebojte napsat do komentářů.
]]><![CDATA[Křest knihy 1001 tipů a triků pro PHP]]>2010-12-23T00:00:00+01:00http://blog.prskavec.net//2010/12/krest-knihy-1001-tipu-a-triku-pro-phpVčera se konal křest knihy 1001 tipů a triků pro PHP Jakuba Vrány, prostředí Lokády v Praze Holešovicích bylo pekně vybráno. Jako ostatní jsem přišel podpořit Jakuba a koupit si jeho knihu s podpisem. Jirka Kosek se ujal role patrona knihy a pokřtil ji šampaňským jak se patří.
Zlatým hřebem večera byla dražba 1 výtisku knihy, který Jakub vlastnoručně vytiskl a měl první návrh obálky a autorovy poznámku. Tento výtisk vydražili po dramatickém boji zástupci skype.
Druhý výtisk byla verze s komentáři Davida Grudla a jeho korekturami. Tento výtisk byl opatřen polibky hlavních aktérů jak můžete vidět na videu Martina Hassmana.
Celková cena se vyšplhala na 10010 Kč. Celkový průběh dramatické držby jsem se snažil twittrovat, ale nebylo sto zachytit všechny příhozy.
Celkový výtěžek dražby Jakub věnuje kontu Paraple, taktéž část z nákupu knih při autogramiádě (3 Kč z každého prodaného výtisku).
Knihu jsem zběžně prohlédl a vidím v ní velký potenciál. Kniha je vhodná pro všechny PHP programátory, od začínajících, kterým může složit jako dobrý návod na to co zrovna řeší. Jednotlivé tipy jsou stručné, výstižné a jdou přímo k věci. Zkušenější programátoři asi nenajdou nic objevného, ale pár tipů vás jistě jako mne zaujme také.
