Näin jaat hakemiston paikallisesti webbiserverinä

Pitäisi katsoa Paul Irishin Javascript Development Workflow of 2013 -video ihan kokonaankin, mutta siitä tarttui heti kätevä vinkki. Laita tämä ~/.profile-tiedostoon tai vastaavaan:

function server() {
    local port="${1:-8000}"
    open "http://localhost:${port}/"
    python -m SimpleHTTPServer "$port"
}

Tämän jälkeen työhakemiston saa jaettua paikallisesti webbiserverinä kutsumalla yksinkertaisesti server-komentoa. Oletusarvoisesti käytetään porttia 8000, mutta sen voi yliajaa antamalla porttinumeron parametrina. Esimerkiksi:

$ server 8080

Irishin esimerkistä puuttui -m-parametri, ehkä Python 3 ei sitä vaadi.

LinkedInin teknisestä toteutuksesta

Pari ihan kiinnostavaa blogikirjoitusta ammattilaisten sosiaaliseksi verkostoksi itseään kutsuvan LinkedInin teknisestä toteutuksesta:

  • 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ä.

Sampo Pankki ja Mac

Onneksi en ole Sampo Pankin asiakas. Ensin pankin verkkopalvelut ovat useamman päivän tarkoituksellisesti pois käytöstä uuteen järjestelmään siirtymisen takia ja sitten kun palvelut saadaan lopulta käyttöön, ne eivät toimi. Nyt kaiken sähläyksen jälkeen ainakin verkkopankin pitäisi toimia, mutta kuinka hyvin? Ei ainakaan hyvältä näytä Macilla.

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:

Sampo Online Bank on Safari 3.1

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ä:

Sampo Online Bank on Firefox 3 Beta 4

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ä:

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.

Ota Firefox 3 käyttöön

Päivitetty 20.2.2008: Lisätty ohjeet salasanojen siirtämisestä.

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. Lue loppuun

Kaverien statukset Jaikusta ja Facebookista yhteen feediin

Yahoo Pipes on erikoinen työkalu, jolla voi yhdistää erilaisista lähteistä tulevaa dataa yhdeksi rss-feediksi. Feedit luodaan kätevästi hiirellä raahamalla ja yhdistämällä ”johdoilla” erilaisia suodattimia ja muita toimintoja, joilla feedin sisältöä muokataan.

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ää.

Facebook and Jaiku Status Updates in Yahoo Pipes