JavaScript

Cloudflare WorkersにBun+Honoのアプリをデプロイするハローワールドをやった

ほんとうにハローワールドをやっただけなので、それ以上の情報はないよ! いっこあるとしたら「Cloudflare WorkersのCLIであるwrangler がBig Surでは動かなくて、Sonomaにしたら動いたよ」ってことくらい 全然知らない技術 この記事を読んで、そういえばHon…

The AHA Stack の Astro + htmx の example を試してみた

The AHA Stack というものを見かけて「なんだろこれ?」と思ったので、ちょこっと触ってみた。 ahastack.dev Astro + htmx + Alpine.js のスタックのことらしい。アハ!(これが言いたかっただけ) この記事の目的を無事に(?)達成したので、あとはおまけ…

Turborepo のダミータスク topo ってなんだー!?

JavaScript や TypeScript のモノレポを便利に使えるようにしてくれる Turborepo というツールのドキュメントを読んでて、↓この部分で???ってなった。ので、将来の自分用にブログにまとめておくことにした。 https://turbo.build/repo/docs/core-concepts…

プロを目指す人のためのTypeScript入門、とても良かった!

を、読んだ。とても良かった。 gihyo.jp 2回読んだ 去年の9月くらいに1回読んで、先月からもう1回読んだ(んで、読んだメモを見ながらもう1回パラパラとめくった)。 1回目は理解。 2回目は記憶と索引づくり。 基本的なことは、ある程度、頭の中に入ったと思…

pnpm はパッケージをどんな風にストアに保存してるんだろう?

pnpm を触り始めた ちょっと前に npm のことを勉強したときに、ゆうくさんに pnpm のことを教えてもらって気になってたので、触り始めた。 bufferings.hatenablog.com pnpm はパッケージをグローバルストアに保存して、各プロジェクトの node_modules ではハ…

「Jestではじめるテスト入門」を書きましたー #Jest本

Jestではじめるテスト入門 本日「Jestではじめるテスト入門」がついに発売されました peaks.cc CircleCI時代の同僚の伊藤さん @ganezasan が「Jestの自動テスト本の執筆を手伝ってくれませんか?」と声をかけてくれて「これからテストを書きたいって人に向…

npm installとnpm ciの動作確認を簡単にやっておいた

先週、npm installとnpm ciについて調べて考えたことを書いたのだけど、ドキュメントを読んで、頭の中で考えたことをまとめただけなので、これだけだとちょっと気持ち悪いなと思って。簡単ではあるけど実際の動作を確認することにした。 bufferings.hatenabl…

npm install と npm ci って結局どう使うの?2023年版

うりうりさんの↓のコメントを見て、そういえばnpm ciって見たことあるけどチェックしてないなぁ。というかnpm installも雰囲気で使ってるなぁ。と思ったので、うりうりさんに教えてもらったことを手がかりに、npm installとnpm ciについて調べた。 これ、nod…

読み終わった。JavaScript: The Definitive Guide, 7th Edition

とても良かった。2ヶ月くらいかけて読んだのかな。 www.oreilly.com 最新の情報だけじゃなくて、歴史的経緯から順を追って説明してくれてるので、ちょっと前のスタイルのコードも読めそうだし。どういう背景で新しい仕様が導入されたのかとかも納得だし。と…

JavaScriptの勉強中:その9 Metaprogramming

週末だー!ということで本の続きを読む。 bufferings.hatenablog.com ## Ch. 14 Metaprogramming 今日はメタプログラミング。メタプログラミングは普段使うことはあんまりないから書かなくてもいいかなぁと思いつつ、普段使わないから書かないと全く記憶にも…

JavaScriptの勉強中:その8 Promise / async await

ハイボール片手に。今日は Promise やるぞー。 bufferings.hatenablog.com ## 13.2 Promises callback だとネストが深くなる→ Promise だとリニアに書ける callback だとエラーハンドリングが難しい→ Promise だとエラー処理の方法が標準化されてる わかる。…

JavaScriptの勉強中:その7 Standard Library / Iterators and Generators

もう日課になってきた。 bufferings.hatenablog.com ## Ch. 11 The JavaScript Standard Library JavaScript では Object を map や set のように使うこともできるし実際に使われてきた けど、文字列に限定されるし "toString" みたいなプロパティもあってや…

JavaScriptの勉強中:その6 Classes (後編) / Modules

ぼーっと今日も。半分くらいきたかな。 bufferings.hatenablog.com ちょこちょこ勉強しながら「分かるようになってるのかなぁ?」とか思ってたけど、今日たまたま機会があって読んだら JavaScript のコードだいぶ理解できるようになってた。よかった。 ### 9…

JavaScriptの勉強中:その5 Functions / Classes (途中まで)

今日も読むー。 bufferings.hatenablog.com ## Ch. 8 Functions ### 8.1 Defining Functions 関数宣言 function distance(x1, y1, x2, y2) { let dx = x2 - x1; let dy = y2 - y1; return Math.sqrt(dx*dx + dy*dy); } 関数につけた名前が変数名になる 関数…

JavaScriptの勉強中:その4 Arrays

よしやるかー。先に言っておくと Arrays だけで力尽きた。 bufferings.hatenablog.com ## Ch. 7 Arrays 32-bit index なので index の範囲は 0 から 4,294,967,294 まで > let a = [] undefined > a[4294967294] = 1 1 > a.length 4294967295 > a[4294967295…

JavaScriptの勉強中:その3 Statements / Objects

続きー。全然終わらん。でも、面白い。 bufferings.hatenablog.com ## Ch. 5 Statements ### 5.3.3 switch Switch 文は Java と同じで case を抜けるのに break; が必要。 各 case のマッチには == じゃなくて === が使われる。良かった。 ### 5.4.4 for/of …

JavaScriptの勉強中:その2 Expressions and Operators

はい、昨日の続き。 bufferings.hatenablog.com ## Ch.4 Expressions and Operators ### 4.4.1 Conditional Property Access ES2020 で以下の2つのプロパティアクセス式が追加された: expression ?. identifier expression ?. [ expression ] 普通のプロパ…

JavaScript: The Definitive Guide, 7th Edition を読みながらメモ

JavaScriptの勉強をしたくて読んでる。英語なので時間がかかってるけど、良い本だと思う。 www.oreilly.com 以下、読んだところを読み直しながら何回かに分けて自分用にメモを残していこうと思う。 ## Ch.2 Lexical Structure return, break or continue の…

自分用メモ JavaScriptの勉強を始めた #jsprimer

普段はJavaのウェブアプリケーションエンジニアなんですけど、色々あってJavaScriptとNode.jsの勉強をしたいなぁと思いました。でも色んなサイトや本があるからどれがいいのかイマイチ分からなくてツイッターで聞いたら、色んな方が教えてくれました。ありが…