こんにちは、あさひです 🙋‍♂️今年最後の週刊 Cloudflare となります。クリスマス前だったからか、アップデート量が多めですね 😅 それでは早速、見ていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/12/15 ~ 2024/12/21 の変更 Wrangler 3.99.0マイナーアップデートwrangler dev --remoteの DX を改善。ass...

この記事は Hono Advent Calendar 2024 の 24 日目の記事です。https://qiita.com/advent-calendar/2024/honoこんにちは、株式会社 Gemcook でバックエンドエンジニアをしているあさひです！Hono のルーティングについて意識したことがなかったので改めて調べて記事にしてみました！ Hono とは？Hono は、Cloudflare Workers、Deno、Bun など、様々な JavaScript ランタイムで動作する、Web 標準準拠の超高速で軽量な Web フレームワークです。シンプルな記述と使いやすさ...

この記事は TSKaigi アドベントカレンダー 23 日目の記事です。https://qiita.com/advent-calendar/2024/tskaigi はじめにこれまでは CI にかかる時間をあまり意識していませんでしたが、社内で Biome を導入したことで Lint にかかる時間が大幅に短縮され、その効果を強く実感しました。Lint が爆速で終わることに感動を覚え CI の効率化に対する意識が高まりました。特に、TypeScript の型チェックに時間がかかっていることに気付き、これを改善できないかと考えるようになったのがこの記事を書くきっかけです。今回は型チェ...

この記事はCloudflare Advent Calendar 2024 20 日目の記事です 🎅https://qiita.com/advent-calendar/2024/cloudflare 初めにこんにちは、あさひです 🙋‍♂️Cloudflare Developersで紹介されていた Workers に Next.js をデプロイする方法が紹介されていました。実際に試してみたのですが、英語の動画を見ながら試すのは思ったより時間がかかったので記事にしてみようと思います。https://www.youtube.com/watch?v=ocDFVX1mbew 目的以...

こんにちは、あさひです 🙋‍♂️今年ももう残り少ないですね…気づけばこんな季節に 😇 さて今週は数は少ないですが夢のあるアップデートがあるのでしっかり追いかけていきましょう！🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/12/08 ~ 2024/12/14 の変更 Wrangler 3.95.0マイナーアップデートwrangler に R2 バケットの CORS 設定を管理するため...

こんにちは！株式会社Gemcookのバックエンドエンジニアのshunです。突然ですが皆さんはECS上でコンテナを実行するインフラストラクチャはFargateを選択していますか？それともEC2を選択していますか？最近はFargateのアップデートも進み、より便利にサーバレスで利用できるFargateが選ばれるケースも多いかと思いますが、プロジェクトの要件によってはEC2が選択されるプロジェクトももちろん多くあるかと思います！ちなみにFargateはサーバレスで便利な反面、数年前まではセキュリティの観点からコンテナへログインがでない仕様だったため緊急時のトラブルシューティングが難しいと...

はじめにどうも！株式会社 Gemcook バックエンドエンジニアのあさひです！弊社ではアウトプットに積極的に取り組んでおり、登壇や執筆に関する様々な福利厚生があります。今回はその一環で遠方の勉強会で登壇したい際は会社が交通費を出してくれるのですが、大阪から名古屋で開催された Cloudflare Meetup Nagoya に参加し、LT を行ってきたため記事にしてみます。https://cfm-cts.connpass.com/event/334373/ 登壇＆LT Cloudflare 2024 年総まとめ（ちょっと資料は見つからず…）by @kameonclo...

こんにちは、あさひです 🙋‍♂️今週は細々したアップデートですかね？早速見ていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/12/01 ~ 2024/12/07 の変更 Wrangler 3.93.0マイナーアップデートwrangler dev コマンドで --local フラグを使用する際、--ip オプションがサポート。Workers for Platforms(...

こんにちは！今回は、以下のような<Tab/>コンポーネントの実装をしていきたいと思います。このコンポーネントの要点をまとめると、選択されているアクティブなTabがハイライト(何らかの形で目立つように)されている。他のTabをClickするなどしてアクティブにすると、ハイライト部分が新たにActiveになったTabまでアニメーションしながら動いていく。というような、よくあるTabのUIです。...さて、こんなUIを実装してみたことがある方はわかるかと思いますがこの実装地味に面倒です。特に、Tab内部のコンテンツが可変な共通のコンポーネントを実装しようとすると、よ...

こんにちは、あさひです 🙋‍♂️今週はとても少ないですが、wrangler に影響ありそうな更新があるので早速見ていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/11/24 ~ 2024/11/30 の変更 Wrangler 3.91.0マイナーアップデートwrangler.json および wrangler.jsonc 構成ファイルのサポートがデフォルトで有効化されま...

はじめにUI・UX向上のためにコンテンツを表示・非表示する際にアニメーションをつける。というのは良くある実装だと思います。しかし、実現する為の実装方法は一つではなく、どの方法が良いのか分からずに毎回モヤモヤが残る実装になっていました。data属性を使うことで、JavaScriptとCSSで責務を分けたシンプルな表示・非表示のCSSアニメーションが実装できたので紹介したいと思います。 作成するものボタンをクリックすると、アニメーション付きで表示・非表示になる <Card /> コンポーネントを持つページを作成していきます。!今回の実装ではdialogといった...

こんにちは、あさひです 🙋‍♂️今週は更新多めですかね。早速見ていきましょう！🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/11/17 ~ 2024/11/23 の変更 Wrangler 3.90.0マイナーアップデートローカルの AI fetcher が HTTP メソッドと URL パス名を上流に転送するように修正。パッチアップデート依存関係の更新。@cloudfla...

こんにちは！株式会社Gemcookのバックエンドエンジニアのshunです。今回は2024年11月16日(土)に参加したTSKaigi Kansai 2024のレポートです。 TSKaigi Kansai 2024とはhttps://kansai.tskaigi.org/TSKaigi Kansai 2024とは、2024年5月に東京で開催した国内最大規模のTypeScriptのカンファレンスTSKaigi 2024の開催を受け、開催された初の地域型イベントです。「東京以外の地域も盛り上げよう！」ということで6月ごろから準備し始め、最終的にチケットは200枚完売したとのことです...

こんにちは、あさひです 🙋‍♂️めっきり寒くなりましたね…周りからも寒いのは嫌という声が多いんですが、筆者としては暑いよりマシかも 😇さて軽めのものが多いですが、今週も見ていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/11/10 ~ 2024/11/16 の変更 Wrangler 3.87.0マイナーアップデートtail_consumers が assets を持つ...

こんにちは、soso です！最近の AWS CDK v2.163.0 で cdk gc コマンドが unstable で追加されました。cdk 本体にコマンドが追加されるのはあまりないので、気になって調査&実際に試してみました。 結論cdk gc コマンドは溜まった不要なアセットを削除するためのコマンドCFn から参照されていないアセットを削除大規模なプロジェクトならコスト削減の効果があり小規模だと年間数十円程度のコスト削減に留まる gc コマンドとはgc はガベージコレクションの略で、不要なアセットを削除するためのコマンドです。Bootst...

こんにちは、あさひです 🙋‍♂️今週もアップデートは少なめです！早速みていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/11/03 ~ 2024/11/09 の変更 Wrangler 3.86.0マイナーアップデートR2 バケットのr2.devパブリックアクセス URL を有効化、無効化、および取得する機能が追加されました。これにより、R2 バケットのパブリックアクセス設...

こんにちは、あさひです 🙋‍♂️今週のアップデートは落ち着いているようですね 🤔 ただ、Wrangler 周りは割といろいろ更新があるので、しっかり押さえたいところ…では早速見ていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/10/27 ~ 2024/11/02 の変更 Wrangler 3.84.1パッチアップデートPages でユーザーが「ASSETS」という名前のバ...

こんにちは！ぞのりょーです。今回、React Native Skiaを使ってふわふわと動くサークルを実装しました。Skiaを使ったアニメーションの実装をしたことがなかったのですが、使ってみると意外とスムーズに実装ができたので、実装の方法についてまとめてみます。https://shopify.github.io/react-native-skia/ 成果物今回作成する最終的な成果物は以下のようなものになります。4つのサークルがふわふわとそれぞれ異なる動きで動いているようなUIを実装します。 開発環境今回開発している環境として、ReactNative、Expo、Skia等の...

こんにちは、あさひです 🙋‍♂️Workflows が使えるようになったり、Vectorize の制限が緩和されたり、押さえておきたい更新が多そうですね。早速みていきましょう 🙌 この記事の主旨この記事では、Cloudflare のサービスにどんな変更があったかをざっくりと理解してもらい、サービスに興味を持ってもらうことを目的としています。そのため、変更点を網羅することを優先します。 2024/10/20 ~ 2024/10/26 の変更 WorkflowsWorkflows とは？Cloudflare Workers 上でワークフローを使用して耐久性のあるマル...

はじめに先日、Next.js Conf 2024が開催されました！(日本時間だと眠い時間帯でしたね...)https://nextjs.org/confそこで話題になったのが"use cache"ではないでしょうか？今回は以下のブログをもとに、"use cache"の概要について解説していきたいと思います。"use cache"がどんなものかを掴みたい人はぜひ最後までお読みください！https://nextjs.org/blog/our-journey-with-caching!"use cache"は2024/10/27段階ではまだexperimentalな機能であるた...