未来のCSSを先取るHoudiniとは？それは魔法である！

こんにちわ、メルカリアッテでFront-end Developerをしている@t32kです。 メルカリではセミナー参加補助制度があり、それを利用して海外カンファレンスに参加してきました。今回は11/30 ~ 12/01、オーストラリア・メルボルンで開催されたCSS/JSConf Australia 2016に行ってきたので、そのレポートを書きたいと思います。 今回はその中でも、CSSConfでのBarak Chamo氏が講演した内容が非常に興味深かったので紹介します。 Hey presto, CSS! 今日はお話する内容は魔法についてです。どのように自分が定義したCSSをブラウザ上で利用可能にするのかという魔法です。 その前に、魔法ではないこれまでのCSSについて振り返ってみましょう。日本には『珍道具』と呼ばれるものがあります。とても素晴らしい技術ですが、ちょっとオーバーエンジニアリングに

[umai_bow]

５年後「ではこのHoudiniの新構文を実装してないブラウザで実装するときは、どうすればいいでしょう？　そこでこの "Houdini Houdini" です」

[t32k]

書きました！

[sakadon]

考えようによってはダルい未来だ。。

[TakamoriTarou]

魔法というようなスマートなもんではないきがす。奇術ですらなく、なんか根性？

[n314]

もう完全にプログラマーの仕事になるんだなあ。

[chocodoughnut]

正直、これが未来だったら辛いなぁ

[tinsep19]

cssの構文jsで拡張するの?

[Falky]

？？？ それって結局、各ブラウザのHoudini API対応状況によって断絶が起きるだけじゃないの…？？そしてフォールバックはどうすれば？従来のCSSも置けば済むならまだしも、QR描画とか…。

[peketamin]

同じ名前の3Dソフトがあった

[ofsilvers]

つらそう

[daikiueda]

Progressive Enhancementは何処に言ってしまったんです？

[AmaiSaeta]

「Houdiniの○×というAPIがブラウザに実装されない」「Houdine version2のAPIが実装されない」「version3の（以下略）」となって、結局根本解決にならない気しかしない。

[tazyamah]

CSS版 VMというか中間層というかな印象。まぁもうそんな感じにして「ブラウザ側の対応を待つ」という行為をやめたい気がする。そうすれば所謂IE対応がー！という悲鳴が減りそう

[manaten]

イケてるフロントエンジニアがイケてる構文作って、jQueryプラグインばりにそれらが依存されまくる時代が来るのかな？今よりはマシになりそう。末端のエンジニアが各々このAPIいじり始めたらカオス。

[sentas]

ここまでくると、もはや"CSS"ではないのではないかと。

[securecat]

ふーむ

[su_zu_ki_1010]

フロントエンド怖い。まぁ実際にやってみると案外受け入れちゃうのかもしれんが…

[doubleup]

個人的には拡張しつづける魔改造より、新しいマークアップ言語を作ったほうがいいのではないかとさえ思う

[ogawa0071]

HTMLのCustom Elementsといい、マークアップ言語からプログラミング言語（＝独自に仕様拡張できる）に移行しつつあるように見受けられる

[unyaa]

楽しそう後でじっくり読みたいっ

[ebo-c]

"もしHoudiniのAPIさえサポートされていれば" 実装度合いに差異があるのは未来じゃなく少し過去だと思う

[cl-gaku]

確かに奇術だ

[rryu]

CSSをJSで拡張できるようにするAPIが作られているということらしい。

[akabekobeko]

CSS をより深く操作するための API が検討されているという認識でよいのかな？Web ページより開発用ツールとか AltCSS 関連で使われそう。

[sky-y]

まだ実験段階ながら、自分でCSSを定義し、カスタムプロパティに対して自分で要素を配置・描画できる。クロスブラウザでもデザインを意図通りかつ高速に表示できる。TeXのマクロみたいなものか…？

[efcl]

Houdiniについて

[llminatoll]

CSS Houdiniの話

[kitamati]

“奇術師の代名詞となっている”日本だとテンコーかマリックか…

[howdy39]

cssnextは流行ってるんかな。

[tsuki-rs]

めんどい

[studydesign]

CSSファイルの内部でjsライクな構文でCSSを拡張できるという話かな？各ブラウザで実装されるまでは標準CSSに変換するスクリプトを走らせたりするんでしょ？クソですわ。

[megazalrock]

よいパフォーマンスが出るなら歓迎したい。全てはそこにかかってる。

[bottomzlife]

CSSは元から腐ってるがどんどん仕様が腐敗していくようにしか見えない。ワインバーグじゃないが魔法は要らないんだよ。ただ一定の包括性のある技術を確実に標準化する地味な努力をしてくれよ。これで喜んでるのはバカ

[Cherenkov]

トレラン系ギアのブランドにもHoudiniがあってメリノウール混合してたり肌触りがいいらしくイケイケの人気

[lli]

そしてWebAssemblyへ、となるのかな。JSがどんどん重くなるよね。/ 腐ったCSSの仕様をこれ以上増やさなくて済むんだからパフォーマンスの問題が回避できるならこっちの方がいい。

[rti7743]

これ昔MSがやっていた HTMLコンポーネント .htc とは何が違うの？ jsじゃないからこっちの方が早いということ？できることは限られるけど多分早いという理解でいいのかな。