この記事は「Thoughts on Rich Harris’ “Metaphysics and JavaScript”」の日本語訳です。Svelteのコーディングスタイルや記事として言及している講演のスライドも併せて参照しなければ理解しづらい内容です。 公開にあたっては著者のJim Nielsen氏に許諾をいただいています。 要旨としては、ユーザーにとってSvelteは実際のDOMとのメンタルモデルのギャップが少なく感じられるデザインであって、結果的に、Reactより理解しやすいプログラミングモデルになっているという話です。 Svelteの考案者であるRich Harris氏は、Reactのプログラミングの側面を批判する「形而上学とJavaScript」というタイトルの最近の講演のスライドを共有しました。この講演には非常に説得力があり、Reactを利用した私の経験にも当てはまるとわかりまし

年末年始の自由研究として、CSSだけでLive2Dを動かすことができないかを試していました。紆余曲折あったものの、なんとか動きそうということが分かったのでひとまず情報共有。 Live2Dとは Live2Dは、2Dのイラストをモーフィング技術を使ってアニメーションさせるソフトウェアです。あのアプリゲームのキャラクターや、あのVTuberを動かすために使われています。 かわいい！！！ モデルデータを表示させる Source: CSSLive2D/src/01_parse at master · spring-raining/CSSLive2D · GitHub まず、Live2D公式サイトにあるサンプルデータのキャラクターを画面に表示させることを目標としてみます。各キャラクターはそれぞれモデルデータ (Haru.moc3)、テクスチャ画像 (*.png)、表情データ (*.exp3.json)

マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ マイクロソフトは1月14日（日本時間1月15日未明）にオンラインインベント「.NET Conf Focus on Blazor」を開催、同社が開発中のWebアプリケーションフレームワーク「Blazor」の最新動向と今後について明らかにしました。 Blazorは、C#と.NET Coreを用いてWebアプリケーションの開発を可能にするフレームワークです。JavaScriptを用いず、C#によるプログラミングでSPA（Single Page Application）のWebアプリケーションを開発できるため、.NETの知識や経験をWebアプリケーションに活かせると同時に、Visual StudioなどC#に対応した豊富な開発ツールによる開発生産性の向上を期待できるとい

半分になった脳でも、正常な脳の神経ネットワークを凌駕できることが判明2020.01.07 11:4042,067 George Dvorsky - Gizmodo US ［原文］ （ Kaori Myatt ） てんかんの治療で子供時代に大脳の半球を切除しなくてはならなかった大人の脳のfMRIスキャン。Image: Caltech Brain Imaging Center 脳が半分になったら、機能も半分になっちゃうんじゃ!? そこが人間の驚異的なところなんでしょう。目の見えない人の嗅覚が非常に発達するとか、音感や感覚が優れるとか...そんな話は聞いたことがありますよね。 複雑に絡み合う脳の神経ネットワーク。どうやら完全な脳よりも半分になった脳のほうが、神経ネットワークがよくなる場合があるらしいです。失われた機能を補うための、人間の自然の力なのでしょうか。 米ギズモードのGeorge Dvo

The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。 このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず 80 点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。 モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の 6 個の技術を紹介

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは

みなさん、 lodash で消耗してますか？ 私は消耗しています。 なぜ lodash で消耗するかというと、とにかく思考停止でインストールされ、 node_modules 下で大量に重複します。サイズが大きいlodashが複数バンドルされてビルドされると、重篤なパフォーマンス上の問題を引き起こします。 lodash には実装上の問題もあり、異様に丁寧に、そして富豪的に作られており、その結果ビルドサイズが無駄に大きいです。丁寧に作られて入るのですが、現代のフロントエンド水準や一般的なポリフィルと噛み合っていません。というわけで、常々やめたいと思っています。 ちゃんとES201xを追ってる人からすると、ほとんどの lodash のメソッドは不要に見えるはずです。本エントリは、思考停止で lodash で実装しようとする人に、ちょっと考え直しては？ と投げつける用の記事になります。 現代におい

こんな感じでインストールすると、my_project/node_modules/の中にパッケージがインストールされます。 違い ローカルインストールの利点としては、プロジェクト毎にpackage.jsonで管理をするため、作ったプロジェクトを本番環境や他の人の環境に渡すことが簡単になります！ そして、いろいろなプロジェクトに手を出す際に、バージョン管理が簡単になります！ そしてグローバルインストールと違い、パソコンの環境を汚染しないため気持ち良いです！ CLI系のパッケージはどうするの グローバルインストールをした場合のCLIパッケージの実行ファイルは皆さんがnode.jsをインストールした際にパスを通したディレクトリになります。 そして、ローカルインストールをした場合の実行ファイルのインストール先はmy_project/node_modules/.bin/ディレクトリになり、プロジェクト

一二三 @nunonofuku123 #いだてん　年表 1959昭和34年東京五輪決定←1話 1960昭和35年ローマ五輪 1961昭和36年代々木ワシントンハイツ返還 1962昭和37年８月インドネシアアジア競技会事件→１０月田畑政治東京五輪組織委員会事務総長辞任 1963昭和38年７月川島正次郎東京五輪担当大臣辞任 1964昭和39年10月10日東京五輪開催

デンソーウェーブ、日立キャピタル、日立システムズは12月11日、ロボットとRPAを活用して契約書などの押印を自動化するサービスを発表した。金融機関や自治体など、契約書・請求書の電子化が進んでいない業界の押印作業を効率化する狙い。2020年3月から月額制で提供する予定。 デンソーウェーブのロボットアーム「COBOTTA」2台とカメラで構成された専用のマシンを、PCに接続して使用する。COBOTTAは、アームの先端に装着した社印を押す作業と、書類のページをめくる作業を担う。ページをめくるたびに、カメラで書類を撮影し、押印欄を識別する仕組み。 RPAは、カメラで撮影した書類の画像を分析。契約書・請求書といったカテゴリー別に分類した上で、PCにフォルダを作成し、画像を保存する。 デンソーウェーブはCOBOTTAを提供し、日立キャピタルはサービスの提供窓口を担当する。日立システムズはRPAの初期設定

W3Cの WebAssembly Working Groupは、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマット「WebAssembly」の仕様が勧告に到達したことを発表しました。 今回勧告になったのは、WebAssemblyに関連する3つの仕様です。 1つ目はWebAssemblyのバイナリファイルを実行する仮想マシンの仕様を定義した「WebAssembly Core Specification」。これは一般的なマイクロプロセッサの動作を模倣するような作りにすることで、WebAssemblyのバイナリファイルでプロセッサのネイティブコードに近い実行速度を実現するようになっています。 2つ目の「WebAssembly Web API」は、さまざまなプラットフォームでWebAssemblyを利用可能にするため、WebAssemblyバイナリファイルのシリ

tl;dr 筆者はvim派でVSCode初心者。でも勧められたので数カ月ぶりに起動してみた。 Pluginを色々入れていたので、サイドバーにはたくさんのアイコン。なにこれ楽しい。 Cloud Codeタブを触っていたら…指先が震えてトラックパッド誤操作。「Delete Cluster」を押してしまう。 その時たまたま偶然、GCPのオーナー権限を持つIAMで認証していた。 盛大にやらかして復旧が手間だったが、いくつかの理由で障害として顕在化しなかった。 というお話 何をやらかしたのか やらかし当時、筆者はGCPでデータ処理基盤の開発を行っていました。vimとzshが大好きで、開発のすべてをこの2つで済ませてましたが、同僚にVSCodeを猛プッシュされたので使ってみることにしました。 VSCodeは数ヶ月前にインストールしたもののそのときは結局使わず。数ヶ月ぶりの起動でした。 インストール時に

『Fake MOON』のテーマなど、初の収録曲も この発表は、同日に東京・阿佐ヶ谷ロフトAにて行われた催し、“公式飲み会2019冬 タマネギ大忘年会 勇者たちの宴”内でアナウンスされたもの。 同イベントには、Onion Gamesを率いる『moon』ディレクターの木村祥朗氏をはじめ、同作の音楽を担当したセロニアス・モンキース（谷口博史・安達昌宣両氏によるユニット）や、『勇者ヤマダくん』の音楽に携わった杉山圭一氏、『moon』ディレクターのひとりである工藤太郎氏らが登壇。イベントの終盤になってからのサプライズの発表となった。「2020年の春とは？」と尋ねられた安達氏は、非公式ながらも３月中が目標と回答。そう遅くない春での発売が期待できる。 じつは『moon』のサントラは、同作がプレイステーション用ソフトとして登場した1997年に発売され、その後2002年にファンの熱望に応える形で3枚組の増補

リンク Francfranc（フランフラン）公式通販 家具・インテリア・生活雑貨 パーティーライト&ミュージック サンタ クリスマスの愉快な音楽と共に、頭の自動回転式ミラーボールがカラフルにお部屋を照らすミュージック ミラーボールです。パーティーで活躍すること間違いなしのアイテムです。

「バグったファミコンの画面」をアーカイブ的芸術としてキャンバスに残し続けている美術家、岡田舜氏による個展「RETROJECTIVE」が東京・阿佐谷北のTAV GALLERYで開かれる。オープン時間は水曜、木曜を除く13:00から20:00。12月6日（金）から12月22日 (日)まで行われている。 岡田舜 個展「RETROJECTIVE」[ 12/6 (fri) – 12/22 (sun) ] https://t.co/NjfSqrqH3i @tavgallery pic.twitter.com/mZn1c5Q2fS — TAV GALLERY (@TAVGALLERY) November 26, 2019 岡田舜氏は1992年生まれ。2016年、東京造形大学美術学科にて絵画専攻領域を卒業し、翌年2017年に多摩美術大学大学院美術研究科の修士課程を修了している芸術家だ。 （画像はTAV G

西村賢さんのこの記事について coralcap.co 68件のコメント https://t.co/jGBUcpTCoK “プレーンテキスト Markdown 時代の終焉 - portal shit!” https://t.co/1Q831CDuXY— 限界シェアハウスみたいなTL (@mizchi) 2019年11月18日 ↑ の記事や、あとは最近の slack の wysiwyg 化について色々思うところあった。 wysiwyg は人類の技術の進歩なのかコンピュータへの適応の失敗なのかは議論の余地がある— 限界シェアハウスみたいなTL (@mizchi) 2019年11月19日 編集してるものと、出力されるものが違う、という発想、エンジニアの発想であるのは間違いなく、markdown を使うのはプログラミング的な思考や訓練が前提にあるのはそうで、人間を訓練するか、内部状態が汚れるのを許容

ネットで新しい文房具の情報をいろいろ見ていたら、ちょっと面白そうな製品が出ているのに気が付いた。 鉛筆や画材でお馴染みのステッドラーの『フィモレザー』という粘土で、説明によると「オーブンで焼くとフェイクレザーになる」というのだ。粘土を焼くと陶器になる、なら分かるんだけど、フェイクレザー（合成皮革）になるってどういうことか。 よく分からないけど面白そうなので、とりあえず買って試してみることにした。 1973年京都生まれ。色物文具愛好家、文具ライター。小学生の頃、勉強も運動も見た目も普通の人間がクラスでちやほやされるにはどうすれば良いかを考え抜いた結果「面白い文具を自慢する」という結論に辿り着き、そのまま今に至る。（動画インタビュー） 前の記事：フルーチェの可能性はカルシウムで開かれる ＞ 個人サイト イロブン Twitter：tech_k 革粘土、本当に革になるのか 画材屋さんで入手した『フ

Slack のテキスト入力欄に WYSIWYG エディタが実装され、Markdown のまま編集したい派は悲鳴を上げている人が多数。苦情もたくさん来ているみたいなので、そのうち無効にできるようなオプションが付きそうですが。（→現在開発中とのことです。追記をご確認ください。 →正式に実装されました🙌） 【追記】 WYSIWIG 無効オプションが正式に実装されたようです🙌 詳細設定から「マークアップでメッセージを書式設定する」というオプションを有効にすると、WYSIWYG が無効にできるようになりました！ やり方 クリックで展開（※ご自身で試される場合、自己責任でお願いします）

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger