Ensimmäiset kirjoittamani postaukset käsittelivät Node.js- ja Ruby-pakettien asentamista virtualenviin ja Dust.js-sivupohjien kääntämistä django-mediageneratorilla. Lisää artikkeleita on tulossa, ainakin useammin kuin tähän blogiin.

• Cookies are for Closers: LinkedIn Architecture
  LinkedIn käyttää Javaa Tomcatilla ja Jettyllä, ActiveMQ:ta JMS-liikenteelle, suoria JDBC-tietokantayhteyksiä ja Springiä. Jutussa kerrotaan myös arkkitehtuurin kehittymisestä vuosien varrella.
• Yahoo! User Interface Blog: Implementation Focus: LinkedIn
  Tylsähkö videohaastattelu, jossa LinkedInin webbikehittäjät kertovat miksi YUI on niin hyvä.

Mac-käyttäjien oletusselain on Safari, josta on juuri ilmestynyt uusi 3.1-versio. Tältä Sampon verkkopankki näytti tänään Safari 3.1:ssä, kun käyttöjärjestelmänä on Mac OS X 10.4.11:

Firefox 3 beta 4:ssä näytti vielä huonommalta. Se on toki vasta selaimen esiversio, mutta voisi sivusto nyt edes jonkun varoituksen epäyhteensopivuudesta antaa. Ulkomaisissa nettipankeissa on ymmärtääkseni käytäntönä “whitelistata” selaimet eli vain toimivaksi todetuilla selaimilla pääsee sisään ja muille annetaan tylysti virheilmoitusta.

Tässä verkkopankki koko komeudessaan Firefox 3 beta 4:llä:

Sivun sisältö muuten kirjoitetaan kokonaan JavaScriptillä. Skriptejä lukuunottamatta se sisältää ainoastaan yhden noscript-tagin, jossa kerrotaan sivujen vaativan JavaScriptin. Kävin debuggerilla skriptiä läpi kunnes kyllästyin, mutta ainakin skriptissä testataan sisältääkö user agent -tieto tekstin “mac” ja jos sisältää, käyttöjärjestelmän oletetaan olevan Mac OS X ja kaikissa muissa tapauksissa Windows.

Kuuluisaa sisäänkirjautumiseen käytettävää Java-applettia en siis päässyt näkemään. Lisää Java-appletista löytyy ainakin täältä:

• Tietokone/Tietoja koneesta: Sammon java-viritys herättää kysymyksiä
• Digitoday: Sampo pankilla on tosi utelias java-sovellus
• Kuolleiden Koodareiden Seuran wiki: SampoApplet

Mielenkiintoista on muuten se, että heti ensimmäisenä päivänä löytyi Sampon verkkopankista phishing-aukkokin. Tässä ihan vaan huvittava esimerkki siitä mihin aukkoa (joka ainakin vielä on auki) voi käyttää: tinyurl.com/2wqzhw (ruutukaappaus). Aukkoa voisi toki hyödyntää johonkin pahempaankin.

Firefoxin kolmosversiosta on ilmestynyt kolmas beta ja selain alkaa olla varsin käyttökelpoinen pääselaimeksi. Itse olen käyttänyt pääselaimena jo edellistä kakkosbetaa.

Firefox 3 on huomattavasti nopeampi kuin Firefox 2 ja esimerkiksi kirjanmerkkien hallintaa on kehitetty. Kätevä ominaisuus on myös se, että osoitekenttä toimii samalla hakuna sivuhistoriaan. Haku kohdistetaan paitsi osoitteisiin, myös sivujen titleihin. Mac-käyttäjät tulevat pitämään siitä, että nyt Mac-versio näyttää paljon enemmän Mac-ohjelmalta kuin Firefox on koskaan näyttänyt. Isompi lista uudistuksista löytyy Mozillan sivuilta.

Jos Firefox 3:n haluaa ottaa käyttöön, kannattaa tehdä sitä varten oma käyttäjäprofiili, jotta vanhaan Firefoxiin palaaminen on tarvittaessa mahdollista. Homma toimii näin:

1. Lataa uusin Firefoxin betaversio.
2. Muuta Firefox-ohjelman nimeksi vaikkapa “Firefox 3″, jotta et korvaisi vanhaa versiota uudella, kun kopioit ohjelman Applications-hakemistoon.
3. Käynnistä Firefox 3 komentoriviltä näin:
   $ /Applications/Firefox\ 3.app/Contents/MacOS/firefox -ProfileManager
4. Firefox 3 käynnistyy ja ensimmäiseksi avaa ruudulle profiilienhallintanäkymän. Luo uusi profiili ja valitse “Don’t ask at startup”, niin jatkossa Firefox 3 aukeaa suoraan ikonia klikkaamalla.

Ohjeet profiilin luomiseen Firefox 3:a varten ovat alunperin John Resigin blogista. Hänen ohjeissaan puhutaan vielä Proto-teeman asentamisesta, mutta beta 3:ssa se on Macin vakioteema.

Seuraavaksi ohjeita Firefoxin laajennusten käyttöönotosta.

Suurin osa Firefoxin laajennuksista ei asennu kolmosversioon ilman kikkailua. Ja vaikka eston kiertäisi, kannattaa valmistautua siihen etteivät kaikki laajennukset toimi kuten niiden kuuluisi. Webkehittäjien ykköslaajennuksesta Firebugista on saatavana 1.1-version beta, joka toimii Firefox 3:ssa.

Muita laajennuksia varten kannattaa vain ottaa versiontarkistus pois päältä. Firefox varoittaa siitä kovasti, mutta se on helpoin tapa asentaa vanhoja laajennuksia.

1. Avaa about:config.
2. Etsi extensions.checkCompatibility -määrittely tai jos sellaista ei ole, luo sen niminen boolean-tyyppinen määrittely. Laita arvoksi false.
3. Tämän jälkeen vanhat laajennukset voi ainakin yrittää asentaa. Eri asia on sitten se, toimiiko Firefox laajennuksen kanssa.

Ainakin Web Developer -laajennus toimii hyvin Firefox 3:n kanssa, vaikka Firefox varoittaakin epäyhteensopivuudesta. Sen sijaan del.icio.us Bookmarks -laajennus toimii heikommin. Kirjanmerkkien lisäys toimii, mutta kirjanmerkkien selailu ei yleensä toimi. Laajennuksen kehityksestä käydään keskustelua Yahoon ryhmässä.

Päivitys 20.2.2008: Tallennetut salasanat siirtyvät Firefox 2:sta 3:een helposti. Kopioi vanhasta profiilihakemistosta (~/Library/Application Support/Firefox/Profiles/######.default) uuteen profiilihakemistoon tiedostot key3.db ja signons2.txt. Lisätietoja profiilin vaihtamisesta ja profiilihakemiston tiedostoista saa MozillaZine Knowledge Basesta.

Minulla on tehtynä sillä kaksi feediä, joista ensimmäinen ja yksinkertaisempi on muokattu Hesarin uutisfeed, jossa on mukana vain tärkeät uutiset (eli siitä on poistettu urheilu). Flickristä löytyy ruutukaappaus feedistä Yahoo Pipesissa.

Toinen luomani feed on monimutkaisempi. Se yhdistää Jaiku ja Facebook-kavereiden statusviestit yhdeksi feediksi. Koska Jaiku ei tarjoa feediä, jossa olisi pelkästään statustietoja, pitää feedin sisältöä muokata vielä lisää. Block-suodattimella feedistä poistetaan kommentit ja muista palveluista tuodut linkit. Facebookin feedin otsikoissa on mukana kirjoittajan nimi, joten pipe muuttaa Jaiku-sisältöä niin, että myös sen otsikoissa on kirjoittajan nimi alussa. Facebook-feed haetaan sellaisenaan.

Julkaisin pipestä version, jossa pitää aluksi syöttää omien Jaiku- ja Facebook-feedien osoitteet: Facebook and Jaiku Status Updates. Sivulla on ohjeet mistä lähdefeedien osoitteet löytää.

IE ei kuitenkaan aina tottele meta-tagia, vaan laittaa sivun välimuistiin joka tapauksessa. Onneksi Microsoftilta löytyy ratkaisu ongelmaan: laitat vain sivun loppuun toisen head-osan!

(Täytyy huomauttaa, että dokumentti on vanha ja viittaa IE:n kolmos- ja nelosversioihin. Samat välimuistiongelmat kuitenkin jatkuvat yhä IE7:n kanssa.)

Yahoo! User Interface Blog on julkaissut videon, jossa Firebugin kehittäjä Joe Hewitt kertoo lisää sen ominaisuuksista. Video on melko pitkä, noin 48 minuuttia, mutta se on täyttä asiaa.

Töissä olen kehittämässä Java-pohjaista websovellusta ja kehitysympäristönä on Eclipse. Ajan sovellusta lokaalisti omalla koneella Jetty-palvelimella, joka JettyLauncherin avulla nivoutuu osaksi Eclipseä. Sovelluksen voi käynnistää debug-tilassa suoraan Eclipsestä ja kun sivua ladatessa tulee vastaan breakpoint, Eclipse hyppää automaattisesti esiin ja näyttää koodirivin, johon pysähdyttiin.

Harrastusprojekteissa olen käyttänyt PHP:tä ja koodannut BBEditillä. Varsinkin isompien PHP-sovellusten kanssa BBEdit on alkanut tuntua liian köykäiseltä, koska siinä ei ole koodin ennakointia, debuggerista puhumattakaan. Lisäksi laajan koodimäärän hallinointi BBEditillä on vaikeaa, koska ainoa tapa löytää tiedosto, jossa jokin funktio on määritelty on tehdä haku kansion tiedostojen sisällöstä.

PHP:n kehityksestä osittain vastaava yritys Zend teki maaliskuussa yhteistyösopimuksen Eclipsen kanssa. Zend on mukana kehittämässä Eclipseen PDT-laajennusta (PHP Development Tool). Zend tarjoaa paketissa myös omaa Zend Debuggeria, mutta tietääkseni se ei tue etädebuggausta vaan ainoastaan PHP-skriptien ajamisen debug-tilassa Eclipsen sisällä. Se varmastikin riittää joissakin tilanteissa, mutta minä ainakin heti törmäsin ongelmiin MySQL-yhteyksien kanssa.

Onneksi vaihtoehtona on Xdebug, joka asennetaan laajennukseksi PHP:hen. John VanDykin ohjeilla Xdebugin asentaminen Intel-Maciin kävi helposti. Ohjeissa neuvotaan myös, kuinka Xdebug otetaan käyttöön Komodo-ohjelmointiympäristössä. Kokeilin Komodoa, mutta Eclipsestä poiketen se on maksullinen ja jostain kumman syystä se laittaa automaattisesti breakpointin jokaisen sivun alkuun. Komodon valmistajan blogissa kyseltiin miten ominaisuuden saa pois päältä, mutta kukaan ei ollut muutaman kuukauden aikana vastannut. Samoilla ohjeilla saa kuitenkin asennettua Xdebugin myös Eclipseä varten.

Eclipse ja PDT eivät virallisesti tue Xdebugia, mutta Dave Kelsey IBM:ltä on tehnyt PDT:tä varten tarvittavat muutokset ja laittanut tiedostot jakoon Eclipsen bugiraportointijärjestelmään. Vaikka koodi on tehty Windowsille, se tuntui pikatestauksella toimivan mainiosti myös Macilla.

Yritän kirjoittaa aiheesta lisää, kun olen käyttänyt Xdebugia ja PDT:tä vähän enemmän.

WebKitissä tulee kuitenkin mukana ominaisuus, joka ehkä tulee joskus Safarin normaaliversioonkin. Web Inspector on työkalu, jolla voi tutkia www-sivun muodostavan html-koodin rakennetta. Web Inspector on ollut mukana jo jonkin aikaa, mutta nyt siihen on lisätty sivuelementtien mittaustoiminto. Sillä näkee jokaisen sivun elementin leveyden ja korkeuden sekä sisä- ja ulkomarginaalin koon (padding ja margin) ja kehysviivan (border) koon. [via Ajaxian]