nobu417.jp

ブログエントリー

今月の初旬に いろいろとあって 開始した Podcast。初回の放送では隔週で・・・とか言ってたのに、気付いたら3週間経ってしまって、実は結構周りからも急かされて・・・#002 をやっと録音して配信しました

Haml の話

Haml については Podcast 内で話していること以外はそんなにないです。短い時間だけれども、結構話しきった感じ。というのは、実は Haml を実際の仕事の中で使い出したのは結構最近なので、そんなに知識だったりネタだったりがないだけだったりもします。

Podcast 内では触れていませんが、実際には Haml と Bootstrap を組み合わせて使っています。

Haml だと、本来 HTML では・・・

<p class="hogehoge"> ... <p>

上のように書くコードを、

%p.hogehoge ...

みたいに、CSS や jQuery で扱う感じのセレクタ指定をできるのが便利。

これはたぶん話で聞いても、実際のコードをみないとよくわからないかなと思って、この記事に書いてみていたりします。

CSS 3 の話

正直、CSS や HTML 云々の話は、15分の尺の中で話すには深すぎて、全然時間が足りないです。例えば W3C の勧告だったりとか、現在の仕様になるまでの経緯とか、勧告に対する実際のウェブブラウザの実装状況とか、複合的に連なるいろいろな事柄をマインドマップ的なものにまとめないと、きっと話すこともできないし、それを1回の放送で取り上げられるかって言うと、ボリューム的に絶対に無理です。

ちなみに配信の中で言っていたコードは以下みたいな感じ。

<h1><img src="filename" alt="TITLE"></h1>

上記のコードが旧来的な実装。

<h1>TITLE</h1>

こっちのコードに対して、CSS で文字の「TITLE」部分を隠して、h1 に対して背景画像を定義する・・・が自分の中では正しいと思われる実装。

配信の中では、img 要素って本来はこうあるべき・・・みたいな話をしましたが、それはごくごく一例です。HTML 5 から導入される section だったり article、header、footer、nav などなど、そっちの話をはじめてしまうと、もうそれは別の教育プログラム的になってしまいそうなので。

ただ、この辺りの話をもし聞きたいって方がいたりしたら、また考えてみようかな、と思います。

隔週配信も結構大変かも

今回、3週間ぶりに Podcast を録音〜編集したのですが、15分とは言えど1本作るのに2時間近くかかってしまいました。この辺は、どうやって作業を簡略化するかとか効率よくするかとか要検討かな。

次回の配信は2週間後を予定していますが・・・まあフタを開けてみてのお楽しみ、ということで。

この記事へのコメント