はじめに JavaScript の「非同期処理」ってやっぱり難しくないですか? 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていう無限ループの中で泥臭く理解を深めていくしかないようです。 非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のこと…
ブラウザからローカルファイルを操作するターミナルを作った
フロントエンド開発はフロントエンドで完結すべき過激派としてのGWの活動で、ブラウザでローカルファイルを読み書きするターミナルのプロトを作ってみました。 ローカルファイルをマウントして操作してる風景です。 ソースコード mizchi/web-shell 仕組み FileSystemAccess API を使って、FS API を実装 xterm.js 上で F…
WinterCG
WinterCGWeb-interoperable Runtimes Community Group WorkFAQGitHubCharterThis community group aims to provide a space for JS runtimes to collaborate on API interoperability. We focus on documenting and improving interoperability of web platform APIs across runtimes (especially non-Browser ones). Th…
「プロを目指す人のためのTypeScript入門」読書感想
(読みながら書いているのでWIPです) @uhyo さんのTS本ということで読んでいます。 一応入門書という位置づけなので、社内での育成に活用したい目線。 とはいえ自分でも学べるところ多そう、特にモジュールまわり理解弱いので… 1章 イントロダクション だいたい知っていることのおさらいではあったものの、静的型付き…
JavaScript Containers
The majority of server programs are Linux programs. They consist of a file system, some executable files, maybe some shared libraries, they probably interface with system software like systemd or nsswitch. Docker popularized the use of Linux containers; OS level virtualization that provides a won…
JavaScriptを大きく変えうる Dataflow Proposals の概要と論点(Call-this, Pipe Operator)
Dataflow Proposals とは 以下の5つのプロポーザルをまとめて Dataflow Proposals と呼んでいる。 Stage 2: Pipe operator Stage 1: Call-this operator Stage 1: Partial application(PFA) Stage 1: Extensions Stage 0: Function.pipe and flow 例えば Pipe operator, Call-this operator, Partial application を組み…
JS に TS のような型注釈を書ける Type Annotations プロポーザル
この記事では Type Annotations プロポーザルの概要とモチベーションについて説明する。 概要 Type Annotations プロポーザルは 2022 年の 3 月 9 日に Microsoft の TypeScript チームの Program Manager である Daniel Rosenwasser 氏のブログ記事 A Proposal For Type Syntax in JavaScript で発表され、2022 年 3 月…
GitHub – actualbudget/actual-server: Actual’s server
This is the main project to run Actual, a local-first personal finance tool. It comes with the latest version of Actual, and a server to persist changes and make data available across all devices. Join the discord! Non-technical users We are looking into a feature for one-button click click deplo…
Zag – Rapidly build UI components without sweating over the logic. – Zag
UI components powered by Finite State MachinesA collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue and Solid.js
デザインチーム内でJavaScript勉強会を開催した話 – 弁護士ドットコム株式会社 Creators’ blog
こんにちは。弁護士ドットコム デザイン部の林(@taka_piya )です。普段は弁護士向けの業務システムのデザインをしています。 10月から3月まで週1回、デザイン部内でJavaScript勉強会を開催しました。この記事ではその具体的な内容と成果、振り返り、頂いたフィードバックをご紹介します。ぜひ社内勉強会のネタに! Jav…