Workers Tech in Osaka #02 後々 Zenn で詳しく公開予定です！

HonoXを公開して1年が立ちました。以下はその当時の記事です。 今回はこの1年間を振り返り、最近のHonoXについて知ってもらいます。 そんなに変わってない 実は1年前の公開以降、HonoXはそんなに変わってないです。リリースノートを遡るとわかりますが、featと書かれた新機能が少ないです。つまり当初のコンセプトはズレてないです。また、HonoXはHonoとViteのメタフレームワークなので、HonoX自体は機能を提供していません。ですので、新機能の導入はすごく少ないです。 今の課題は「やれるはずなのにできないこと」をなくすことです。これもだいぶ潰れてきました。 次はハマりどころをなくして、ドキュメントを整備するところだと思っています。ドキュメントはこれまで、GitHubのhonojs/honoxのREADMEに書いていました。最近は別にドキュメント用のWebサイトを作るプロジェクトを始

どこまで安定してる？Express/NestJS/Hono運用者に聞く バックエンドTSのイマ | Offers「オファーズ」 - エンジニア、PM、デザイナーの副業・転職採用サービス TypeScriptはフロントエンド開発の主要な技術として広く使われています。しかし近年の技術の進歩に伴い、バックエンドで offers.jp 登壇者紹介【Hono】SRE sugar-cat/石井俊輝 氏（@sugar235711）新卒でSIer→CyberAgent→???(所属非公開) アプリケーション開発からインフラの運用まで何でもやる人。セキュリティやパフォーマンスチューニングの話が好き。 【Express】RPGテック合同会社 エンジニア 伊藤 康太 氏（@koh110）元ヤフー情シス/CTO室/黒帯（Webフロントエンド)。現RPGテック合同会社でスタートアップ立ち上げやアドバイザーなど 【N

先日、はてラボで「はてなアイコン」をリリースしました。普段はスマートフォンアプリを書いていることが多い id:kouki_dan です。 labo.hatenastaff.com サービスの紹介はリリース時のエントリを参照してください。このエントリでは技術的な裏側の紹介をしていきます！ Cloudflareスタックを試したかった 2年くらい前に、Cloudflare D1などが発表されて盛り上がっていた頃、Cloudflareを使ってなんか作りたいな〜と思っていました。はてなの社内には自由研究用のリソースとして、AWS, Google Cloudをはじめ、様々なクラウドサービスを特段の申請不要でエンジニアが自由に試せる環境が用意されています。もちろん費用は会社が出してくれて、常識的な範囲で使ってねということになっています。2年くらい前にCloudflareも追加してもらい、社内で自由にCl

Cloudflareの開発者プラットフォームには様々なプロダクトがあります。例えば、オブジェクトストレージのR2、SQLデータベースのD1、AIモデルが動くWorkers AIなどです。Cloudflare Workersの中でこれらを使う時に欠かせないやり方が「Bindings」です。Workers特有ですが、Bindingsを使うと、SDKを使って外部サービスとつなぐことが必要なくなります。シークレットを文字列の環境変数で扱うケースが少なくなります。JavaScript/TypeScriptのオブジェクトとして外部サービスを使うことができるDXは快適です。このBindings、知らない人も多いと思うので、紹介します。 AIを12行で実装する Bindingsの感覚を掴むために、実装をみてみましょう。Workers AIをCloudflare Workersの中から使います。 まずwra

Cloudflareを使った画像の配信パターンを紹介します。 Cloudflareで画像配信をする方法はたくさんあります。例えば、Cloudflare Imagesというプロダクトがありますが「それだけ」を使うのではなく、Cloudflare Workersをプロキシのように使ってR2をバックエンドにするといった画像配信の方法もあります。たくさんあるがゆえ、アプリケーションに最適な方法とその実装が分からないことがあるので、少しでも分かるようにしたいです。 Cloudflare Imagesについて 名称からして、画像配信というとこのプロダクトに辿り着きます。 ただ、Cloudflare Imagesは機能の集合です。これから紹介するようにCloudflare Imagesだけで配信ができるパターンもありますし、他のパターンでは、Cloudflare Imagesの画像変換や最適化の機能を使

Cloudflareという会社でDeveloper Advocateとして働いています。この「Developer Advocate」というのはなかなかレアなロールで、馴染のない方も多いと思います。僕も他の同じロールの人たちがどんなことしてるのかを十分理解しておらず、人によってやってることは様々です。 今回はDeveloper Advocateについて理解するきっかけとして、僕が日々どんなことをしてるのかを紹介します。 発端 そもそもどうやってDeveloper Advocateになったか。Cloudflareへの入社の経緯は以前書きました。 そこでも触れている通り、当初はシステムエンジニアとして声をかけてもらったのですが、当時の部長にあたる人から 開発とAdvocateどっちがやりたいんだ？ と聞かれて「Both」と答えた結果Developer Advocateになりました。質問された時点

数日前に𝕏上で「日本のDevRelって何なんだ？」という議論が巻き起こり、エンジニアや今DevRelを名乗っている人たち周辺で大きな話題となりました。わたしもかつてDevRelという名前のチームで働き、その活動に意義があると思っているので話題を整理してみたいと思います。今や様々な役割を内包する名称としてIT・WEB業界で一定の認知度を得ているDevRelとは何をする人なんでしょうか。 ここに書いたものはあくまでも個人的な視点と意見ですが、関連する皆さんは一緒に考えてみてもらえると嬉しいです。𝕏でもブログでもPodcastでもYouTubeでもなんでもいいので、是非ご意見ご感想をお寄せください。 この記事を人力で三行でまとめると アメリカ式のDevRelが日本で改変されて使われるようになったよ なんでこうなっちゃったか考えてみるよ 本来的なものだけを残して、ほかは名前を変えるのもいいんじ

ハッシュタグ #devrelt どんどんポストしてください。 スピーカー 発表順 佐藤一憲 グーグル合同会社 Cloud AI デベロッパーアドボケイト AI/ML担当のデベロッパーアドボケイトとしてGoogle Cloud US本社のブログ記事やドキュメント執筆、デモ開発を担当。2016年より25件以上を掲載し、ジェフディーン、エリックシュミット、ニューズウィーク誌、ニューヨーカー誌により紹介された。延べ17か国のイベントで講演し、Google I/OやCloud Nextにも例年登壇。ツイッターでは1万9千人のフォロワーに向けてAI/MLの情報を日々共有している。 タイラー Supabase DevRel engineer シリーズA調達後にSupabaseに入社し、SupabaseのFlutter用のSDKをメンテナンスする傍らDevRelエンジニアとしてSupabaseやPostg

今年買ったのが2台目だからチートっぽいけど、とにかく推したいので… シャトルシェフという調理器具があって、めちゃくちゃいいので、紹介する。 調理器具のことを話すが、シャトルシェフ以外詳しいわけではない。 圧力鍋やホットクックは使ったことないので、それらと比較をしたわけではない。 また、自分はとりわけ料理が得意なわけではない。 ご了承いただきたい。 シャトルシェフとは？ シャトルシェフとはサーモスが出している鍋である。2つの鍋で構成されてて、鍋の中に鍋がはいる。内側の鍋は普通の鍋で、外側が魔法瓶のようになっている。 普通の鍋で普通に調理して、外側の鍋に入れて蓋をすると、ずっと保温される。これを利用して火にかけることなく「じっくりコトコト」を実現する超頭のいい機器である。 つまり基本的には煮るためのもの。例えば、シャトルシェフでカレーを作ると、じゃがいもや人参が煮崩れせずに柔らかくなってめちゃ

これを読んで、「じゃがいもが煮崩れしてカレーがドロドロになる問題」を解決できるのでは？と思い購入した。 シャトルシェフとは サーモスの製品。こんな感じで鍋と保温用の容器に分かれている。 使い方としては鍋の方をまず加熱して、沸騰後に鍋を保温容器に入れて放置するという感じ。すると余熱だけでじんわり火入れをすることができる。結果、煮崩れが起こらずじんわり火入れをすることができ、ガスや電気も節約できるというものです。 カレーを作った購入してまずやったのは問題だった「ドロドロカレーを解決できるか？」でした。 使い方としてはまず普通に野菜とか肉を軽く炒めて水を入れてアクを取りながら沸騰するまで待ちます。沸騰してからは5分火にかけます。 5分火にかけた後は、蓋をして保温容器に入れて30分放置します。 放置したあとの状態がこちら。余熱だけでしっかり火が入ってるのがたまねぎのしんなり具合から伝わるんじゃない

今年買ったのが2台目だからチートっぽいけど、とにかく推したいので… シャトルシェフという調理器具があって、めちゃくちゃいいので、紹介する。 調理器具のことを話すが、シャトルシェフ以外詳しいわけではない。 圧力鍋やホットクックは使ったことないので、それらと比較をしたわけではない。 また、自分はとりわけ料理が得意なわけではない。 ご了承いただきたい。 シャトルシェフとは？ シャトルシェフとはサーモスが出している鍋である。2つの鍋で構成されてて、鍋の中に鍋がはいる。内側の鍋は普通の鍋で、外側が魔法瓶のようになっている。 普通の鍋で普通に調理して、外側の鍋に入れて蓋をすると、ずっと保温される。これを利用して火にかけることなく「じっくりコトコト」を実現する超頭のいい機器である。 つまり基本的には煮るためのもの。例えば、シャトルシェフでカレーを作ると、じゃがいもや人参が煮崩れせずに柔らかくなってめちゃ

HonoというWebフレームワークがあります。Express.jsのような書き方でWebアプリケーションを作れるものです。 import { Hono } from "hono"; const app = new Hono(); app.get("/", (c) => c.json({ message: "Hello, Hono!" })); export default app; HonoはWeb標準準拠を謳っているフレームワークです。それを聞くとなんだか小難しく感じます。 Web標準とは Request と Response のインスタンスを扱うということです。これらは主にブラウザ上のJavaScriptのfetch関数が取り扱うオブジェクトですね。 RequestはfetchでHTTPリクエストを送信するときに、データをまとめておくオブジェクトです。例えば送信先のURLやHTTPメソ

MCPイントロ MCP = Model Context Protocolを活用する話です。MCPとはAnthropicが11月26日に発表したAIが外部のコンテンツやツール、環境にアクセスするためのプロトコルです。プロトコルなので、Anthropicが自分のためだけにつくってものではなく標準的なものです。MCPを使うことは、ファインチューンやRAGなどAIを特化するための手法の一つとも言えます。やっていることはFunction Callingに近いです。今回「MCPとは？」はこのくらいにしておきます。ここでやりたいのは「MCPを活用するとこんなことができるんだ」というデモを一緒に体験することです。 空前のMCPブーム 11月26日にMCPが発表になるとCloudflare社内で盛り上がります。早速、MCP専用のチャットルームが作られ、「Cloudflare MCP Server」の実装が始

この記事は2024年10月22日に行われた「さくらじまハウス 2024」で発表した「Honoの来た道とこれから」の内容を、先ほど口頭で喋って文字起こして修正したものです。 アジェンダ 今日はHonoの来た道とこれからという題名で話していきたいと思いますゆーすけべーと申します。よろしくお願いします。今日のアジェンダですけども、Honoの現在の状況とメインのHonoの来た道とこれからということを紹介したいと思います。「これから」は少なく「来た道」というのが焦点になっていてそれぞれをトピック別で紹介していきたいと思います。 Honoとは？ まずHonoとはという話をしたいんですが今回はですね、文字起こし版ということで省きます。 紹介したいのはイニシャルコミットということで最初のコミットが2021年12月15日になりましてもうすぐ3年経ちます。もうちょうど3年経ちますね。結構長い間やっているプロジ

Hono アドベントカレンダー 2024 初日担当の おりばー です。 本記事では、11 月にリリースした漫画プラットフォーム「comilio」の開発事例をもとに、とにかく Hono が最強だということをつらつらと書いていく記事となります。 個人的 2024 年ベストオブ優勝フレームワークは Hono 一択です。Hono が無ければ、おそらくプロダクトを今もリリースできていなかったと言っても過言ではありません。 ぜひこの記事を参考にして、0 -> 1 を立ち上げる際は Hono を積極的に採用してもらえればと思います。 また、Hono という最高のプロダクトを生み出してくれた @yusukebe さんには全身全霊を持って感謝します。 「comilio」のインフラ構成 まず、今回の実例である漫画プラットフォーム「comilio」の構成を紹介します。 「comilio」では TypeScrip

Yusuke Wada 2020-12-03

Yusuke Wada 2024-10-22 さくらじまハウス 2024

The story of web framework Hono, from the creator of Hono2024-10-17 Hono is a fast, lightweight web framework that runs anywhere JavaScript does, built with Web Standards. Of course, it runs on Cloudflare Workers. It was three years ago, in December 2021. At that time, I wanted to create applications for Cloudflare Workers, but the code became verbose without using a framework, and couldn't find a

ここで言う「Web標準のバックエンドアプリ」とはCloudflare Workers、Deno、BunなどのWeb標準をサポートするランタイム上で動くWebアプリです。もしくは、Node.jsでもWeb標準のAPIをサポートしているので、これから紹介するアプリとテストコード自体はNode.js上も動きます。 これらのテストを書く、実行するのは実にシンプルで、拍子抜けしてしまうほどです。ですが、現在、20,000行あるHonoのテストコードは、これらのやり方と全く同じ方法を取っています。注目すべき点は、実際のサーバーを立ち上げることがなく、抽象化されたリクエストとレスポンスのやり取りを試験するだけで、品質が保たれる点です。Honoのテストでは、ランタイムによっては一部実サーバーを立ち上げますが、コアの20,000行ではサーバーを立ち上げていません。この抽象化はPythonのWSGI、Ruby