<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Webassembly on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/webassembly/</link>
		<description>Recent content in Webassembly on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Thu, 13 Oct 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/webassembly/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>taxsim.app - 過去60年間のアメリカの所得税額を計算できるサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/10/taxsim-app-us-tax-calculator/</link>
				<pubDate>Thu, 13 Oct 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/10/taxsim-app-us-tax-calculator/</guid>
				<description>&lt;p&gt;資料として面白いサイト。&lt;a href=&#34;https://taxsim.app/&#34;&gt;taxsim.app&lt;/a&gt; はアメリカ合衆国の各州における所得税額をシミュレートしてくれるwebサイトです。&lt;/p&gt;&#xA;&lt;p&gt;今年だけでなく1960年から現在まで、それぞれその年の税率で計算してくれるというところに特徴があります。&lt;/p&gt;&#xA;&lt;p&gt;年度や州、年齢や婚姻状況、そして年収を入力すると、連邦税と州税の額が表示されます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://taxsim.app/?year=2000&amp;amp;mstat=single&amp;amp;state=5&amp;amp;pwages=90000&amp;amp;page=25&amp;amp;rentpaid=11000&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/taxsim-app-us-tax-calculator/taxsim-app-california-2000_hu_a1a34bfdf52d21d0.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/10/taxsim-app-us-tax-calculator/taxsim-app-california-2000_hu_3cc3b5503540d30b.webp 734w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/taxsim-app-us-tax-calculator/taxsim-app-california-2000.png&#34; width=&#34;734&#34; height=&#34;814&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;カリフォルニア州、2000年に25歳、独身、年収9万ドルとして税率を計算&lt;/p&gt;&#xA;&lt;p&gt;控除に影響する様々な追加の設定もすることができます。また、設定からdevモードにすると、このデータを表示しているAPIに対するrequest/responseを確認することもできます。&lt;/p&gt;&#xA;&lt;p&gt;この税額計算ができる TAXSIM というソフトウェアは Fortran で書かれていて、これまでもいろいろな方法で動かされてウェブUIも何度も変更されているらしいのですが、現在の実装は Fortran のオリジナルコードを WebAssembly/LLVM で動かし、今回の UI は Vue や Tailwind.css を使っているそう。&lt;a href=&#34;https://github.com/tmm1/taxsim.app&#34;&gt;ソースコードも公開&lt;/a&gt;されています。&lt;/p&gt;&#xA;&lt;p&gt;過去の税率や控除がどうだったかをウェブ上で自分でいろいろと確かめられるのはいいですね。同じ年収で年度を進めていくと、年収にもよるのでしょうけど1980年代とかに比べて連邦税の金額が減少傾向にあるんだな、など変化を実感することができます。&lt;/p&gt;&#xA;&lt;p&gt;適当な値を入れて税金がどう変化するかを試してみましたが、1960年代から今までの税率の変化は、ずっと増え続ける、とか、ずっと減り続ける、とかいうことは無く、長いスパンで増えたり減ったりしていたようです。年収のレンジなどによっても傾向は変わるのかもしれませんが、政権党の交代とか景気の変動に対して変わってきた結果なのかもしれないですね。&lt;/p&gt;&#xA;&lt;p&gt;いずれにしても、「昔はもっと税金が高かった」あるいは「安かった」という n=1 の回想というのは、その人のいた業界が伸びたかとか、個人の昇進や転職がうまくいったかどうかとか、家族の増減とか、色々な要因に影響されていて必ずしも世の中全体の変化を映してはいないかもしれません。こういったツールでモデルケースをいろいろ遡れるのは、議論のための正確な証拠が取れるという意味でいいですね。&lt;/p&gt;</description>
			</item>
			<item>
				<title>1万6000個のチェックボックス要素で作られたDoom</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/</link>
				<pubDate>Tue, 19 Oct 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/</guid>
				<description>&lt;p&gt;HTMLのチェックボックス「だけ」をひたすら活用できるライブラリ &lt;a href=&#34;http://localhost:8099/2021/10/checkboxland-all-checkbox-webdesign/&#34;&gt;Checkboxland を先週紹介しました&lt;/a&gt;が、さっそくすごい応用サービスが登場しました。&lt;/p&gt;&#xA;&lt;p&gt;Doom といえば、非力なレトロPC や関数電卓から、ATM や デジカメ、プリンターの液晶などCPUのあるところならどこでも移植されてきたゲームですが、今回は Checkboxland を使って、&lt;a href=&#34;https://healeycodes.github.io/doom-checkboxes/&#34;&gt;すべてチェックボックスで作られた Doom&lt;/a&gt; が遊べるようになっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom_hu_a75793485083d08d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom_hu_53d29749c5d4a3ab.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom_hu_d9bb6aeed934a854.webp 796w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom.png&#34; width=&#34;796&#34; height=&#34;500&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ページ上部にあるように、カーソルキーの移動と Ctrlキーの射撃で遊べるのですが、青白の二色で解像度も160x100と低いため、敵が出てくるなど込み入った表示になると正直何が起こってるのか判別は難しくなります。Doom ファンならこれでもわかるのかもしれませんが。&lt;/p&gt;&#xA;&lt;p&gt;左上には元の Doom 画面も表示されているので、どうにもならないときはそちらを見るしかないでしょう。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://healeycodes.github.io/doom-checkboxes/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom-screenshot_hu_c30185a6910f41e5.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom-screenshot_hu_f7378cefe7be5a27.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom-screenshot_hu_2ce8ddded8bf8cfb.webp 845w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/doom-with-checkboxes/checkboxland-doom-screenshot.png&#34; width=&#34;845&#34; height=&#34;825&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ブラウザ上で動く Doom は&lt;a href=&#34;https://github.com/diekmann/wasm-fizzbuzz&#34;&gt;「WebAssembly で FizzBuzz から Doom までを作る」&lt;/a&gt;プロジェクトで作られているものを呼び出し、これが非表示の canvas 要素に描いたゲーム画面を MediaStream 経由で&lt;a href=&#34;https://www.bryanbraun.com/checkboxland/&#34;&gt;Checkboxland&lt;/a&gt; の 動画描画機能に渡しています。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://healeycodes.com/doom-rendered-via-checkboxes&#34;&gt;DOOM Rendered via Checkboxes&lt;/a&gt; via reddit&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
