「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ集』を出版 池田泰延 氏（以下、池田）：みなさんよろしくお願いします。ICSの話として、私と鹿野の2名で発表します。HTMLとかCSSとかJavaScriptとか、フロントエンドまわりの最新を説明していきたいと思います。では始めていきましょう！ ます自己紹介します。ICSの池田と言います。株式会社ICSの代表をやっています。これはオフィスの写真でして、南麻布にあるのですが、こんなところで仕事をやっています。今はこの状況下なので、会社にはほとんど誰も行っていませんが、こ

ローライネ🍳 @lorraine_cre8 テイストの違うコラボキャラを並べると、グラブルのイラストの統一感生み出す謎技術凄いよなぁって、毎度ながら思う。 pic.twitter.com/iWejQ3lxrb

タイトルの通りなんですが、適当に散歩しながら 3D スキャンをやりまくっていくのが 2020 年代最初に来る新たな遊びだという結論に至ったので、みなさん今すぐ iPhone 12 Pro か Pro Max を買ってやりましょう。やってない人はだれも理解していないと思いますが、最高に楽しいです。 そもそも iPhone で 3D スキャンって何だよって話ですが、今年でた iPad Pro から LiDAR が載るようになって、雑に言うと普通にカメラの情報に深度（カメラから物体への距離です）を乗せられるようになったんですよね。そもそもでいうと AR で使って現実世界にいい感じに物を乗っけるのが目的で Apple としても付けた物っぽいし、実際そういうアプリもいっぱい出ています。でも、正直 AR とか Apple Glasses が出るまでどうでもいいじゃないですか。そうなってくると LiDA

ディズニーの研究部門であるウォルト・ディズニー・イマジニアリングが、大学の研究チームと協力して「人間の顔の動きを高いレベルで模倣したロボット」を開発しました。新たに開発されたロボットはまばたきや頭の微妙な動き、視線の移動といった仕草が非常にリアルな一方、人間らしい皮膚がない奇妙な見た目となっています。 Realistic and Interactive Robot Gaze – Disney Research https://la.disneyresearch.com/publication/realistic-and-interactive-robot-gaze/ Disney Made a Skinless Robot That Can Realistically Stare Directly Into Your Soul https://gizmodo.com/disney-made

2020/7/25にtraPで実施したUIデザイン講習会の資料です

りょうくんグルメをご存知だろうか。知らなくても、本人のツイートの雰囲気は料理のレシピなんかで一度は見た文脈のはずだ。 こんなやつ。 まじでこの世の全てのタピオカ好きに教えてあげたいんだが新宿三丁目のceleb縁味には全ての人間を虜にする禁断のオレオミルクフォームがある。 これが濃厚黒糖で超絶美味いからぜひ全国のタピオカ好き、タピオカを愛する者たち、タピオカを憎む者たち、全てのタピオカ関係者に伝われ pic.twitter.com/wnnPvkJ2pr— りょうくんグルメ (@uryo1112) 2019年6月15日 「りょうくんグルメ」は文章が情報量に対してやたら長いので、pythonの練習も兼ねてアイデンティティである上から目線の構文を取り去ることにした。逆りょうくんグルメである。 手順は大雑把に分けて以下の3ステップ。 1. Twitterからりょうくんグルメのツイートをスクレイピング

傷つけたり、切断したりしても元に戻るゴムの新素材を、理化学研究所などのグループが開発しました。さまざまな環境下で使えるということで、自動車のタイヤや保護材、人工臓器からロケットまで幅広い分野で活用が期待できるということです。 完全に切断しても切断面を軽く合わせるだけで数分後には元どおりにつながり、傷もほぼ消えるということです。 このゴム素材で袋をつくると、穴があいても自然に塞がると言うことです。 元に戻る仕組みは、「分子間相互作用」という分子と分子が互いに引き合う物理現象を利用しています。 グループでは、特殊な触媒を使ってねらいどおりに引き合う作用をみせる分子の合成に成功、切断面の分子と分子を近づけると再びつながる素材を実現しました。 これまでにも、こうした機能をもったゴム素材はありましたが、光や熱など外からエネルギーを加えるといった条件が求められ、普及の壁になっていました。 今回の素材は

Rhizomatiks @rhizomatiks 本日、NHK総合にて放送される｢第69回NHK紅白歌合戦｣にて、Perfumeが「Future Pop 紅白SP」を横浜アリーナから生中継で披露します。その演出サポートとしてRhziomatiks Researchが参加させていただきます。是非、チェックしてみてください!! 2018-12-31 16:05:55

ソフトバンクが2017年に買収したボストン・ダイナミクスの二足歩行ロボット「Atlas」がさらに進化を果たし、もはや「中に人が入ってるんでしょ？」としか思えないほど自然で見事なジャンプを見せるムービーが公開されました。「Parkour Atlas(パルクール・アトラス)」というタイトルが物語るように、従来は見たことがないほどの高い機動性を発揮しています。 Parkour Atlas - YouTube 画面左からやってきたAtlasの目の前には、太めの丸太が転がっていますが…… こともなげに「ピョン」とジャンプ。 着地してそのまま走り去るAtlas。ムービーを見ればわかりますが、その動きに「よどみ」は全くありません。 さらにすごいのがコレ。段差を乗り越えて自分の背丈ほどもある台の上に駆け上ります。 まずは軽くジャンプして、右脚を1段目にかけ…… そしてそのまま、左脚を2段目に。このとき、両

こんにちは、元気です！ 私は日本語ラップが好きで毎日聞いています。 ラップを聴いてて一番楽しいと思うときはうまい韻（いん）を聞いたときですね。 良い韻は何十年も頭に残るものです。 「Kick the verse！歌詞蹴っ飛ばす！ まるでストレス飛ばすジェットバス！」 ね？ 単純に韻を聞いたり考えたりするのが楽しいので、自分の工学分野の用語で 韻を考えたりもするのですが、声で韻を教えてくれるシステムがあったら面白いと思って、 今回はGoogle Homeに頼むと自動でwebサイトから韻を探して踏んでくれるIoTシステムを作りました。 そもそも韻（いん）ってなに？ 韻（いん,ライム）とは簡単に言うと「同じ母音で別の言葉を繰り返すこと」です。 要するに下の表の横列の言葉を使います。 例として私が凄いと思った韻を紹介します。 「一網打尽 REMIX (SHING02, MEISO, CANDLE,

アルファベット編 まずアルファベットのキー配列について説明しましょう。パソコンのアルファベットのキー配列は、タイプライターという機械が元になっています。英文タイプライターを作ったのは、アメリカのChristopher Latham Sholesという人で、1870年の時点ではABC順を少し改良したキー配列だったと考えられます。前半のABCDEFGHIJKLMを左から右に、後半のNOPQRSTUVWXYZを右から左に並べて、そこからAEIOUYの母音を上の段に取りだしたのが、このキー配列です。この時点のタイプライターは、大文字と数字と4種類の記号が打てるものでした。キーの数は38個でした（図1参照）。 図1: 1870年9月時点のキー配列（推定） Sholesの後ろ盾だったJames Densmoreは、このタイプライターを、シカゴのEdward Payson Porterが経営する電信学校

YouTubeに包丁の動画を投稿し続ける「圧倒的不審者の極み!」というYouTuberがいる。2016年にチャンネルを開設し現在の登録者数は50万人近く、総視聴回数は約7000万回を超えた。HIKAKINやはじめしゃちょーのような「大人気YouTuber」とまではいかないが、投稿された動画はどれもYouTube急上昇ランクに続々とランクインする人気だ。 注目を集め始めたのは2017年11月に投稿した「骨董品店で買った錆包丁を18時間手作業で研いだ結果」という動画。タイトルの通り“錆びた包丁をひたすら研ぎ続けるだけ”というトガった内容だったにもかかわらず、この動画は執筆時点で1000万回以上再生されている。 飛躍のきっかけとなった錆包丁の動画。研ぎ終わった頃には見た目もピッカッピカで、スポンジをサクッと切断するほどの切れ味に 関連記事：「錆びた包丁」を約18時間研ぎ続けてみた → スポンジを

Apple reveals how it's made the iPhone 16 series (much) easier to repair

NagisaWorksでは時折世間を陥れる虚構新聞のシステム全般を担当しております。このシステム、様々な制約により少々ユニークなものになっていますので、今回このシステムについて少しお話をします。 まず制約条件/目標として以下が挙げられます。 1.とにかく低コスト 2.運用が虚構新聞社内のみで行えること 3.でもそこそこに速く 4.web/app両対応 1.とにかく低コスト 虚構新聞はSAKURA internetのサーバー、種別としてはさくらのレンタルサーバーを使用しています。 これは元々使っていたという理由からなのですが、新しいシステムでもそのまま使用することにしています。 ネットワークとしてかかる費用はこれだけのはずですので、とにかく安い。 PVの割にこれほど安いものを使用しているサービスも少ないかと思われます。 まぁケチっているわけでもなさそうなので、インカムの問題でしょうか。 2.

3月28日の発表以来、大いに話題を集めているBANDAI SPIRITSの新たなプラモデルシリーズ、「Figure-riseLABO」（フィギュアライズラボ）。「これまでのフィギュアやプラモデルでは実現できなかった表現を研究し、実現に向けて進化させていくプロジェクト」と銘打ち、価格や商品内容や表現において、プラモデルとフィギュア双方の特性を併せ持ったキットを展開していくという。その第一弾が、「ホシノ・フミナ」である。 Figure-riseLABO ホシノ・フミナ 全ての写真はこちらから! 第一弾キットの研究テーマが「肌」。皮膚の表層となる肌色のプラスチックの層の下にピンクやオレンジの芯の部分をインサートし、芯の色を透けさせることで、まるで塗装したかのようなグラデーションのある肌表現を部品段階で施すというものだ。 つまり「塗らなくても、パーツを切り取って組んだだけで、市販の塗装済み完成品の

情報通信の世界では、あらゆるモノをインターネットにつなげようという「ＩｏＴ」の技術が、製品開発や産業応用の中心となりつつある。そのＩｏＴ分野で６割以上の市場占有率を誇るのが、日本で生まれたコンピューター用基本ソフトウェア（ＯＳ＝オペレーティングシステム）「トロン」だ。このトロンが、米国電気電子学会の標準規格として認定される手続きが進んでいる。順調に進めば、国産のＯＳが、「世界標準」になる。 ＩｏＴ時代がやってきた ＩｏＴという言葉を最近よく目にしたり、聞いたりするという人は多いだろう。インターネット・オブ・シングスの略で、「モノのインターネット」と訳されることが多い。生活空間のあらゆるモノ、あらゆる場所に小さなコンピューターやセンサーを組み込み、ネットワークにつないで便利な情報化社会を目指そうという技術である。ひと昔前まで「ユビキタス・コンピューティング（ユビキタスはラテン語であまねく存在

東京大学、Tシャツみたいに動かすと複雑に変形する物体へ追跡しながらカラー映像を投影する新たなプロジェクションマッピング技術を発表 2018-03-08 東京大学の石川渡辺研究室は、Tシャツみたいに動かすと複雑に変形する物体（非剛体）へ追跡しながらカラー映像を投影する新たなダイナミックプロジェクションマッピングを発表しました。 映像でもわかるように、激しく動作しても上半身の服にぴったり張り付いているようにカラー映像が投影されているのが確認できます。これは、新型の高速プロジェクタ「DynaFlash v2（3-LED＋1-DMD）」と、10台のカメラを駆使したトラッキングシステムを組み合わせて実現します。 新型の高速プロジェクタDynaFlash v2は、同研究室が過去に発表している1,000fps遅延3msで投影するモノクロ高速プロジェクタ「DynaFlash」のアップグレード版であり、94

社員４人の大阪の会社が作るスキー板が、フリースタイルスキーのモーグル界を席巻している。世界中のトップ選手が愛用し、五輪では２００２年以来、４大会連続で表彰台に登り続けている。大阪の商売人の情熱から生まれた日本産スキー板は、２月９日に開幕する平昌（ピョンチャン）五輪でもトップを目指す。 大阪府守口市のスポーツ用品会社「マテリアルスポーツ」が作る「ＩＤ　ｏｎｅ（アイ・ディー・ワン）」。昨季のワールドカップ（Ｗ杯）、前人未到の種目別６連覇を達成した男子のミカエル・キングズベリー選手（カナダ）も愛用者だ。昨季の世界選手権では男子の７割、女子の６割が「ＩＤ　ｏｎｅ」を使った。 平昌五輪でもキングズベリー選手の他、日本選手でもメダル獲得が期待される堀島行真（いくま）選手（２０・中京大）らが使う予定だ。 板の先端にかけて自然な曲線を描くのが特徴だ。誕生のきっかけは、同社の藤本誠社長（５９）と長野五輪から

ライブドアニュース @livedoornews 【約24万円】1本の手を2本にしてくれる「ダブルハンドグローブ」 news.livedoor.com/article/detail… ふたつ買えば手が4本に。今のところはグーとパーしかできないが、使い方次第で可能性は無限大。 pic.twitter.com/1nIY7upglR 2017-12-24 12:05:09 リンク www.gizmodo.jp 腕を最大で4本にしちゃうダブルハンドグローブ 猫の手よりは役に立つかな…。Federico Ciccareseと彼の会社であるYoubionic（ユーバイオニック）が想像したのは、何もかもが拡... 4 users 196

立ち上げメンバーである大谷和敬さんはこう語りました。 「ここに集まった皆さんは宇宙開発にいろいろなイメージをお持ちだと思います。技術的な興味・関心、『宇宙っていいな』という憧れ、なんだかおもしろそうという思いなど。そこはどんなきっかけでもいいと思っていますし、やりたいという気持ちを大事にしていただきたいと思います。リーマンサットで経験できること、達成できることが存在するのは保証します。参加と活動を通して『自分はこれをやるためにここに来た』と感じてもらえればと思っています」 リーマンサットが取り組んでいるのは「多機能超小型人工衛星の開発」です。もともとは東京大学と東京工業大学が開発した「キューブサット」と呼ばれる人工衛星で、リーマンサットでは「零号機RSP-00」と名付けています。サイズは超小型衛星のなかでも一番小さい1U（10cm×10cm×11.35cm）で、重さは1.33kg。RSP-