スライドを整理してたんだけど、2013年に書いた「1日でわかるWebサービス制作の全て ～企画から実装まで～」という資料が割とよい。
技術スタックは古いけれど（決してMVCが古臭いわけじゃない）、ってかむしろ技術スタックに縛られてないのがいい。やたら、固有名詞を並べていない。それでいて、「Webサービスとはなんぞや？」から始まり、意気込み、企画の立て方、Webの基本的な技術まで網羅している。
…サーバーが自分自身と同じプログラムを配信して、それをブラウザがロードして、どちらでも同じコードが実行され、サーバーだけではなくブラウザからもレスポンスを返す魔法「Service Worker Magic」を紹介します。
…最近は Cloudflare Workers ばっかりいじってて、フレームワークまで作ってるのですが、これ、ちゃんとやればそれなりの立派な Web サイトができるので、紹介します。
できたサイト
「家系ラーメン食べたい！」というサイトを作りました。 管理者の僕が家系ラーメンを登録できて、トップでは一覧で見れて、 詳細ページに行くと写真と紹介文が見れます。
…Web 開発者は HTTP レスポンスをよく見る。 以前 CDN を導入する際に、キャッシュがヒットしているかどうか、どこのエッジがキャッシュを返しているかを確認するためにヘッダをよく見ていた。また、ヘッダだけではなく、TTFB といったレスポンスタイムも気にしている。とにかく HTTP レスポンスをよく見る。
…フレームワークを作るのが好きだ。
今、フレームワークを作っている。
楽しくてたまらない。
毎日少しずつコミットする。
毎日が楽しくてたまらない。
フレームワークを作るのが好きだ。
フレームワークとはつまり Web フレームワークだ。
ルーターにありもののテンプレートエンジン。
モデルのサポートはやめておく。
劣化版 Sinatra。
否、劣化版と言うのもおこがましい。
それでもとにかくフレームワークだ。
このエントリーはPerl Advent Calendar 2021の 16 日目の記事です。
モチベーション
Cloudflare Workers が面白くて、よくいじっているのですが
これは JavaScript で書くものなんですよね。
やっぱり Perl で書きたい！！
ということで、Cloudflare Workers のスクリプトを Perl で書いてみました。
PSGI に対応するアプリにしたので、 plackup でも動きます。
つまり… Cloudlare Workers でも Perl でも動く Perlを書いたことになります！
紹介します。
いくつかのサイトをAMP化した。このブログもそうだし、いくぶん大きなサイトも含まれている。AMPに対して、いくつか知らなかったこともあったし、誤解していることもあった。なによりも「あの忌々しいAMPヘッダ！」にうんざりしていたし、「URLがGoogleのまま」であることにとんでもない違和感を持っていた。まぁ、今でもあのヘッダは嫌いだし、URLは自サイトのものであって欲しい。ただ、AMPは悪い面だけではないはずである。
…ブログに画像を貼るのに、保存してリサイズして名前変えて、アップロードして… という作業がめんどくさい。 なので、Gyazo を使っていた。でも、Gyazo を使い続けるのもなんかアレなんで、代替の手段を考えていた。
…昨日、「CDN のエッジで実行する系」として、Vercel Edge Functions や Cloudflare Workers、Faslty Compute@Edge などを紹介した。
これらが提供する機能とそれを書くための API は、当然ながらプラットフォームごと異なる。 そのため我々は今まで触れたことのないプラットフォームのスクリプトを書くとなれば API リファレンスを読む必要がある。 ただ、共通する点が 2 つある。
…先日の Next.js Conf で Vercel は Next.js の新しいバージョン「12」をリリースした。 興味深いのは、Vercel は同時にEdge Functionsというサービスを開始したことだ。
謳い文句のひとつに
Push your functions to the edge
とあるように、「エッジ」で実行される「関数」を提供するプラットフォームである。 ここで言うエッジとはなにかというと、Vercel は明言していないが CDN のエッジのことだ。
…