枯れているヒマワリを見て「ヒマワリに移動する自由があれば今も生きていたのかもしれない」と考えた開発者が、植物に必要な日光や日陰を求めて「よいせよいせ」と自分の足で移動するプランター仕様のロボット「HEXA」を開発し、話題となっています。 This sun-chasing robot looks after the plant on its head - The Verge https://www.theverge.com/2018/7/12/17563688/robot-plant-hybrid-hexa-vincross-succulent Remaking “Sharing Human Technology with Plants” with HEXA - General Discussion - Vincross Forum https://forum.vincross.com/t/

１８日午前、宮城県名取市内の小学校の校庭で活動をしていた児童３８人が熱中症の疑いで病院に運ばれました。全員命に別状はないということです。 １８日午前１１時２０分頃、宮城県名取市の下増田小学校で児童が熱中症とみられる症状を訴えていると教員から消防に通報がありました。消防によりますと、児童３８人が病院に運ばれましたが、全員意識はあり命に別状はないということです。 下増田小学校の校庭では１８日午前９時頃から全校児童と教職員が集まり名取市の市政６０周年の記念としてヘリコプターから撮影するため、人文字をつくっていたということです。 学校では児童に帽子を被らせたり水分補給を呼び掛けたりといった対策をしていたと説明していますが、警察が当時の状況を確認しています。

受動喫煙対策を強化する改正健康増進法が１８日、参院本会議で与党などの賛成多数で可決、成立した。多くの人が集まる建物内を罰則付きで原則禁煙とする初の法律で、東京五輪・パラリンピック開催前の２０２０年４月に全面施行する。 例外規定によって、飲食店の５５％で喫煙が認められるとの試算があるなど「規制は骨抜き」との批判も根強い。国民の健康を守るため、法に実効性を持たせていくことが課題となる。 計画では、まず来年夏をめどに病院、学校、行政機関、保育園が屋内完全禁煙となる。２０年４月からは、最… この記事は有料記事です。 残り556文字（全文799文字）

PWAってすごそう！ PWA (Progressive Web Apps) とかいうやつに対応したら JavaScript でスマホアプリみたいなの作れるんだってヤッター！ と喜んでいたら・・。 はじめてのプログレッシブ ウェブアプリ - Google Developers PWAってむずかしそう！ なんか適当にPWA用のJSONファイルとかをサクっと置いとけばよしなに対応してくれるんでしょ って思ってちょちょーいとサンプルコードをググってたら、みなさん丁寧にしっかり解説しすぎてて、とりあえず動かそうとしてた私にはなんだかムズカシイと感じました。 必要最低限でうごくシンプルなやつちょーだい！ ということで、細かい説明とか外部サービスとか npm とか余計な技術に触れずに、とにかく何にも依存しないクリーンなHTML/JS/CSSで短いPWAサンプルコードがあったら理解が早いし便利かなーって思

Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理についてです。 この記事は Service Worker スクリプトを少しでも手書きして動かしたことがある人を想定読者にしています。Service Worker について全く知らない人はまず別の入門記事を参照してください。また、細かいことを気にせずに Service Worker を使いたい人は Workbox といったライブラリやフレームワークの利用をおすすめします。 更新履歴 2019/09/24: Chrome 78 から importScripts() も更新対象になりました。それについて加筆しました。 2018/06/07:

ブラウザで見ることができる3Dアクアリウムを作ってみました。 この3Dの実装は基本的にはHTMLとCSSだけで出来ています。canvasも使っていません。Vue.jsも使っていますが、魚を泳がせたり視点を変更するための用途のため、3D描画自体にはあまり関係ありません。 記事の最後に操作できるCodePenを配置してあるので読むのが面倒な方はそちらを見てしまってください（大泣きしながら）。 作り方 HTML HTMLは単にそれぞれの素材を配置しているだけです。 <div id="app" @mousemove="onMouseMoved" @touchmove="onMouseMoved"> <div class="container" :style="rotation"> <img class="bg" src="bg.jpg"> <img class="water front" src=