Technote

by sizuhiko

Web×IoT メイカーズチャレンジ 2018-19 in 東京【ハッカソン】にチューター参加してきました

1ヶ月前に始まった東京ステージ、Web×IoT メイカーズチャレンジ 2018-19 in 東京【ハンズオン講習】にチューター参加してきましたの続きです。

チューターも、デモに向けて各チームの完成を全力で応援します。 工作からプログラムまで、その道の凄腕が揃っています。

最後はバタバタとしましたが、みんな何かしらデモできる状態になって、デモからの審査。 最優秀作品(と予定になかった優秀賞3つ)も決まりました。

最優秀作品は今週末に開催されるスマートIoT推進フォーラムに展示されますので、興味がある人はぜひ見学にいってみてください。 (それまでに完成度が上がっていると良いなー)

Polymer Japan Cafe #4 もくもく会が開催されました

今月のPolymer/Web Components のもくもく会は、Polymer Japan との共催になったので、Co-Edoではなく渋谷にて開催となりました。

Lit Elementが2.0リリースになったので、 はじめての LitElement エレメントの作り方のバージョンを最新に更新しました。

Lit Elementではスタイル定義を以下のように、記述することが推奨されています。

class MyElement extends LitElement {
  static get styles() {
    return css`
    :host {
        display: block;
    }`;
  }
}

これはConstructable Stylesheetsとして2019/1/24にGoogleから提出されたアイデアで、 エレメントのスタイルを static getter で返すことで、ページ内に同一エレメントが複数回あるとき1回だけスタイルを評価するようになるというものです。 高速化には役立ちそうですが、現時点サポートしているブラウザあるのか?(Chromeはもうサポートしてるかも)という状況です。

なので前述のCodeLabとか、私の好きなLitLoaderとかは、まだConstructable Stylesheetsの記法には対応していません (もちろん従来の書き方でも動きます)。 でも注目していきたい仕様の1つではあるので、今後組み込むこともあるかもな、とは思っています。

詳しくはLitElementの公式ドキュメントのStylesを参照ください。

Web×IoT メイカーズチャレンジ 2018-19 in 東京【ハンズオン講習】にチューター参加してきました

Web×IoT メイカーズチャレンジは全国各地で実施されていて、今年度の最後は東京で実施されます。 まず最初の2日間は、ほとんどの参加者はふれたことがないCHIRIMEN for Raspberry Pi 3 について、ハンズオン講習会とアイデアワークショップが行われます。

なんでチューター参加したか

私はCHIRIMENコミュニティの一員なので、中の人としてハンズオン講習会のサポート役をしてきました。 Maker Faire Tokyo 2018 に CHIRIMENコミュニティで参加しましたといった記事も書いています。

どんな雰囲気だったか

以下に列挙します。

  • 最初に総務省のテキストをベースにした IoT や電波や無線通信に関する基礎知識の座学講習 があるが、これがとても面白くタメになった
  • 高校生から社会人まで幅広い年齢層の参加者がいる(学生と社会人は半々ぐらいだったかな?
  • チュートリアルの雰囲気からハード/Webアプリそれぞれに強い人はいるけど、両方に強い人は少ない(CHIRIMENは両方とも必要になる
  • みんな初対面で運営側が決めたチーム構成だけど、アイデアワークショップ盛り上がった
  • KDDI DIGITAL DATEがキレイ!

CHIRIMENとは?

さて、今回のハッカソンで利用するCHIRIMENですが、紆余曲折あって現在ではCHIRIMEN for Raspberry Pi 3がアクティブな活動になっています。 ベースはブラウザから物理デバイスを操作するためのAPIであるWeb GPIOWeb I2Cといった仕様を進めてことにあるのですが、 フィードバックを受ける手段としてハードを作ったり、Polyfillやドライバーを実装したりしています。

もっと多くの人がコミュニティに参加してもらえるとうれしいです(公式ページからSlackにアクセスできます)。

本番は1ヶ月後

ハッカソン本番は3/2と3/3の2日間。 アイデアソンの内容がどのぐらい実装されてきて、デモに向けて完成度をあげていくのかが、楽しみです。 参加者の皆様、1ヶ月後にまた会いましょう!

PHPカンファレンス仙台2019で、Web Componentsについて発表してきました



PHPカンファレンス仙台2019に参加しました。

前日

東京から新幹線で東北に行くのは初めて(車でしか行ったことがない)だったので、それも楽しみでした。

仙台では公式前夜祭に参加したり、とても楽しい前日を過ごすことができました。

当日

初回開催で3トラック(6部屋)ってスゴイですよね。 当日は地元参加の人もたくさんいて、キャンセルも少ないなど、仙台でも大きいイベントに期待している人が多いことがわかりました。

私は、昨年末の東京で話したものと同じテーマでしたが、東京での反応をふまえて少しリニューアルしています。

  • アジェンダを入れた
  • デモプログラムを入れた

SNSでの反応は薄めでしたが、参加してもらった人から感じる雰囲気は良かったので、私のメッセージはそれなりに伝わったと思います。

当日の過ごし方は

  • 午前中はセッションを聴講
  • 午後一は自分のセッション
  • その後はアンカンファレンス
  • LT聴講/懇親会参加…(続く

という感じでした。

PHPカンファレンスは、どの地方に行ってもスタッフの皆さんが良くて、参加者としてとても楽しめます。 また、来年以降も仙台で開催されたら、ぜひ参加したいなと思います。

Polymer.co-edo meetup 21を開催しました

2019年1回目となる Polymer.co-edo ミートアップ を開催しました。

今回、私は以下の作業を実施しました。

はじめての LitElement エレメントの作り方はなるべく多くの人が体験できるようにかなっていますので、ぜひお試しいただき、何かあれば気軽にフィードバックをいただければと思います。

LitLoaderは、Polymer1や2のときのようにHTMLファイルでの記述が可能で、拡張子を .lit という形式にしています。 WebpackをとおすとLitElementのjsファイルに変換する仕組みになっています。 私は HTML in js よりも、こちらの書き方が気に入っているので、これからも何かあれば貢献していきたいです。

なぜかと言うと、HTML Modulesの議論が活発に行われていますが、ブラウザの実装になるまでは時間がかかると思うので、いったんWebpackで変換するなどpolyfillにも頼らない形での記述形式は重要かな、と思っています。

LitLoaderは、コードも簡単でスッキリしているので現時点では不満もありません。

次回(==来年)

2019年の開催予定を公開しています。次回は2/18の予定です。皆様の参加をお待ちしております。

Doorkeeperのコミュニティページ