Asuka Yagi

社内で「Arrayの要素を指定するときは [i]やめて.at(i)を使おう」という内容の雑談をしていました． 添字指定に感じていた課題添字指定でもatメソッドでもどちらもArrayの要素を取得できるメソッドであることに変わりはないのですが，TypeScript上で添字指定した場合はundefinedが返ってくる可能性が推論されないということに課題を感じていました．TS Playgroundconst arr: string[] = [];const str: string = arr[0]; // OKconsole.log(str); // undefinedこの例では...

JSの配列要素にアクセスするときは添字指定をやめてatメソッドを使おう

Google Cloud上のCloud SQLに接続するとき，多くのサイトでIDとパスワードを用いた古典的な接続方法が紹介されています．例えばPostgreSQLの場合，次のような接続情報を用いてDBに接続します．postgresql://user:password@127.0.0.1/database 課題: クレデンシャルな情報を隠蔽したいクラウドなどのコンテナを前提とした環境では，DBの接続情報などを環境変数(もしくはVolume Mount)を経由して実行インスタンスに渡します．# 環境変数の例DATABASE_URL: postgresql://user:pass...

IDとパスワードを使わずにCloud SQLに接続したい

フロントエンドカンファレンス北海道 2024にて「ウェブエンジニアでもWasmを使いたい!」というタイトルで20分のトークを行いました．当日のトークでは，WebAssemblyの特徴に触れつつ，特殊な用途[1]以外でWebAssemblyをどのように活用できそうか，実際にAssemblyScriptのコードを例に紹介しました．AssemblyScriptはTypeScriptをWebAssemblyにコンパイルできる言語として紹介しましたが，より正確にはTypeScriptと同じ構文を持つ言語をWebAssemblyにコンパイルする言語という方が正しいかもしれません．これはTyp...

ウェブエンジニアでもWasmを使いたい! アフタートーク

今までTSをたくさん書く機会がなかったのですが，最近はTSをたくさん書く機会に恵まれたおかげでTSの型推論に面白さを感じています． TSの型今まではGoを書く機会が多く，たまにTSを書くと型の弱さが気になっていました．例えば，Goで次のようなコードはコンパイルエラーとなります．package maintype A inttype B intfunc foo(a A, b B) {}func main() {    var a A = 1    var b B = 2    foo(b, a) // ./prog.go:12:6: cannot use b ...

TSは型推論が楽しい

2023年12月に静的サイトジェネレータであるLumeのバージョン2がリリースされました．私は個人ブログを書くのに GitHub Pages + Lume を利用しているので，年末はLumeのバージョンアップなどの作業をしていたのですが，改めて体験が良いなと思ったのでLumeの紹介をしたいと思います． 前提知識 GitHub PagesGitHub PagesはGitHub社がプロジェクトのプロジェクトのウェブサイトを提供することを目的に，リポジトリに配置してある静的ファイル(HTMLやJSなど)をホスティングしてウェブサイトを公開してくれるサービスです．@a-skuaという...

Denoの静的サイトジェネレータ`Lume`の紹介

この記事はWebAssembly Advent Calendar 2023 25日目の記事です．GoWasmへのビルドをサポートしているため，GOOSとGOARCHを次のように指定することでWasmへビルドすることができます．GOOS=js GOARCH=wasm go build -o main.wasm main.goGoをインストールするとき，パッケージマネージャやインストーラ以外に「ソースコードからのビルド」という選択肢があります．Goの面白いところとして，「GoはGoでビルドできる」というのがあります．Goのリポジトリをクローンし，src直下の make.bashを...

ブラウザ上で`go run ./main.go`するために(経過報告)

この記事はWebAssembly Advent Calendar 2023の20日目の記事です． Wasm I/O 2023今年3月の Wasm I/O 2023 にて，Flutter, Dart and Wasm-GC: A new model for Web applicationsというセッションがありました．https://youtu.be/Nkjc9r0WDNo?si=ePCNbApsLPVSyV6y今回話したいところをかい摘むと次のような内容でした．Wasm-GCの登場によって，DartがWasmをサポートするようになる(dart2wasm)．DartがWas...

DartとWebAssembly

この記事はWebAssembly Advent Calendar 2023 10日目の記事です．2023年はGo1.21でWASI(WebAssembly System Interface)がサポートされるといった大きなリリースがありました．Go1.21のWasmのサポート状況，今後のWasmサポートについてまとめていきたいと思います． Go 1.20以前とWebAssembly2018年のGo 1.11のリリース[1]以降，GoではWasmがサポートされています．package mainimport "fmt"func main() {    fmt.Printl...

GoとWebAssembly

この記事はWebAssembly Advent Calendar 2023 2日目の記事です．ガベージコレクタ(WasmGC)[1]が10月頃にChromeとFirefoxでデフォルトで有効になり，標準化目前ということで大いに盛り上がったのは記憶に新しいかと思います．これはChromeが対応したというよりはChromeが採用しているJavaScriptのランタイムであるV8がデフォルトでWasmGCが有効になったというのが正確な表現で，DenoでもDartからビルドしたWasmを実行する際にGCを有効にするフラグを立てる必要がなくなり，実行しやすくなったなぁと皆さんも感じているかと...

WasmGCについて予習する

10月27日に「技術の泉シリーズ」より著書「実践入門WebAssembly」が発売されました．「技術の泉シリーズ」は技術同人誌をベースに取り扱っているブランドで，「実践入門WebAssembly」も技術書典14にて配布した「WebAssemblyでできること」をベースに内容の見直しと修正を行なったものとなっています．そんな著書ですが「著者が著書をレビューしてみたら面白いのではないか」という思いつきからレビュー記事を書くことにしました． 同人誌版との違い同人誌版との違いは主に3つあります．最高にかわいい表紙イラスト章構成の見直しサンプルコードの確認方法の変更 最高にか...

著者が著書「実践幽門WebAssembly」をレビューする

この記事は『blessing software 夏のブログリレー企画』の4日目の記事です。昨日はGANGANさん@gangan_nikki のESLintモジュールを用いてNuxt3 + ESLint設定を行うが公開されました。明日は鉄馬さん@tekihei2317_ の個人開発アプリをRemix + Cloudflare D1に移行してみたが公開される予定です！お楽しみに！ Flutterを用いたWebアプリ開発の課題2021年にFlutter2が出た際に、WebのサポートがStableになりました。その際に簡単なWeb Appを作ったのですが、大きく3つの課題があると感じて...

Flutterを用いたWeb開発の今後について考える

アセンブリでAI彼女を実装するクソアプリ Advent Calendar 2022 の17日目の記事です。CASL2という学習用アセンブリ言語でAI彼女を実装しました🎉25日に予定がないのではなくあえて予定を開けている方などにお勧めです。(下記リンクから実行することができます)https://comet.askua.dev/#/9448cf69364ea219728592dba1d6e5cdこのようにできるAI彼女の「サシスセソ」で答えてくれます。ウレシイヤッター! これは何?この記事は1年前の Dart Advent Calendar 2021 の25日目に公...

アセンブリでAI彼女を実装する

WSL2を試したくてWindowsPCを購入した仕事に使うPCをWindowsにするかMacにするか選べるような会社にいたとして、どちらを選ぶべきなのか問題があります。正直自分で開発環境を用意できるのであればどちらでもいいのですが、Webであれば「とりあえずMacを選んでおけ」みたいなとろこはありました。個人的には開発機として選べるのであればLinuxが一番だと思いつつ、PCブラウザをターゲットにしているのであれば、Windowsの検証環境は外せないですし、モバイルをターゲットにしているのであればry。開発機はどうあれ仕事でやるのであれば各ターゲット機の検証機は必要ですよね。...

WSL2を試したくてWindowsPCを購入した

PHPと無名関数「引数に関数を渡したら良い...」「それがPHPでうまく出来ないんですよ...」という会話を近所の人がしていたので、PHPにおける無名関数と通常の関数・メソッドの違いについて。 PHPにおける無名関数と関数の違い次の2つを理解しておけばPHPの関数と無名関数について完全に理解したと言えるでしょう。PHPには関数型と呼ばれるプリミティブな型はない関数は構文、無名関数はオブジェクトである 関数ユーザー定義関数関数は次のような構文で定義されます。<?phpfunction foo($arg_1, $arg_2, /* ..., ...

PHPと無名関数〜引数に関数を渡したい〜

職業ITエンジニアの在り方 Jan 2022エンジニアリング(特にプログラミング)に対する意見は人それぞれで異なると思います．この記事ではITエンジニアとしてどうあるべきか，現時点の私の考えをまとめています． ITエンジニアという職業ITエンジニアという職業はプログラミングができれば誰でもなれるかというと，そうではありません．どの職業にも適正というものがあるでしょう．私はエンジニアという職業はクリエイター職だと考えています．歴史を紐解けば昔はコンピュータというものは個人で買えるほど安くなく，設置するための場所を取り，プログラムを実行するにはコードを実行するための順番待ちが発生...

職業ITエンジニアの在り方 Jan 2022

易しいアセンブリこの記事では自作アプリ(CASL2エディタとCOMET2エミュレータ)を用いて，実際にアセンブリ言語の雰囲気を紹介します．後半では自作アプリの実装周りの紹介をします．最後まで読みましょう． CASL2とCOMET2についてCASL2とは，IPA[1]が試験用に作成した仮想のアセンブリ言語です．その仮想言語に対応する仮想コンピュータをCOMET2と言います．COMET2は16ビットマシンで命令数も30程度と少ないです．実用には向いていませんがビット数・命令数ともに少ないため学習するのに向いています．また，仕様[2]も8ページと少ないため，軽い気持ちで学習を...