Gemcook Tech Blogのフィード
https://zenn.dev/p/gemcook
「好きな人を喜ばせるプロダクトを作る」をMissionに日々開発しています。モバイル/Webアプリの企画・UI/UX設計・開発・運用までサポート。TypeScript、React、React Native、Next.js、Go、Hono、AWS、Cloudflare、TiDB、B
フィード
![記事のアイキャッチ画像](../../images/feed-thumbnails/acGOwTc0wu-150.jpeg)
週刊Cloudflare - 2024/08/25週
1
![はてなブックマークアイコン](../../images/hatenabookmark-icon.png)
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️Wrangler のマイナーアップデートがありましたね、意識して覚えないといけないことはないですが、使ってる人もいるかもしれないので押さえておきましょう 👍 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/08/25 ~ 2024/08/31 の変更 Wrangler 3.73.0マイナーアップデートwrangler deployの出力ログにデプロイメント HTTP ターゲットを追加し Pa...
3日前
![記事のアイキャッチ画像](../../images/feed-thumbnails/qoz6dJT1Mr-150.jpeg)
【Chrome129】ScrollSnapイベントがやってくる!
1
![はてなブックマークアイコン](../../images/hatenabookmark-icon.png)
Gemcook Tech Blogのフィード
はじめにこんにちは!😄Chrome129より、JavaScriptのScrollSnapに関するイベントを使用できるようになりますね!今回はこれらのイベントについてご紹介していきたいと思います。https://developer.chrome.com/blog/scroll-snap-events?hl=ja&authuser=5 ScrollSnapとはそもそも「ScrollSnapってなんやねん。」という方もいるかと思います。百聞は一見に如かずということで以下のような操作のことを指します。cssプロパティscroll-snap-typeを指定することでSc...
5日前
![記事のアイキャッチ画像](../../images/feed-thumbnails/tPRyyChvzB-150.jpeg)
週刊Cloudflare - 2024/08/18週
1
![はてなブックマークアイコン](../../images/hatenabookmark-icon.png)
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今週もそこそこ更新ありそうですね。D1 alpha が実質使えなくなったり割と作ったままメンテしてない人は要注意かも知れせん 🫢 早速みていきましょう! この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/08/18 ~ 2024/08/24 の変更 D1D1 のアルファ版が 2024 年 4 月 30 日に非推奨になっていましたが、今回クエリの受付も停止したみたいです 😅D1 アルファデータベースへの...
10日前
![記事のアイキャッチ画像](../../images/feed-thumbnails/KjjVq_9kmr-150.jpeg)
【zod】「なくてもいいけど、あるならちゃんと」な、バリデーション
1
![はてなブックマークアイコン](../../images/hatenabookmark-icon.png)
Gemcook Tech Blogのフィード
こんばんは!今回は、最近ドツボにハマってしまって時間をかけてしまった実装についての記事です。紹介したいのはz.optional()でもなく、z.nullish()でもなく、z.nullable()でもなく、あくまでもタイトルにあるように 「なくてもいいけど、あるならちゃんと」 なバリデーションです...👼 「なくてもいいけど、あるならちゃんと」なバリデーションさて...。「なくてもいいけど、あるならちゃんと」なバリデーション...何をいうとるんでしょうか?これ以外の呼び名が思いつかず、こんな表現になってしまいましたが今回はこれで通させていただきます。(もし一般的な呼び名を知っ...
12日前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/08/11週
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️先週はなんだったのやら…今週は更新多めです 🙄海外はお盆とかないはずやのに何故なのか…😅 さっそく見ていきましょう! この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/08/11 ~ 2024/08/17 の変更 Wrangler 3.70.0wrangler d1 insights コマンドで使用されていた --count オプションが --limit に変更されました。--count...
17日前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
【TS】satisfiesじゃないとできないこと。~無駄な変数を撲滅する~。
Gemcook Tech Blogのフィード
こんにちは!satisfies大好きな筆者です。https://zenn.dev/gemcook/articles/c1916975cf6ce6この記事に引き続いてsatisfiesにしかできないことをもう一つ紹介したいと思います。satisfiesのお気に入りの使い方その2。です! 無駄な変数宣言せずに型をつける型注釈は変数の宣言時に行うことでその変数に対し型をつけることができます。その性質上、どうしても変数は宣言する必要があります、しかしsatisfiesはそんなことありません。いつだって使えるのです。さて「変数宣言せずに型をつける」とはどういうことでしょうか。実際の使...
19日前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/08/04週
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今週は更新はそんなになさそうですね 🧑💻 あんまり更新無い週は機能の紹介とか挟んでも良さそうなのかな 🤔さっそくみていきましょう 👍 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/08/04 ~ 2024/08/10 の変更 Wrangler 3.69.0wrangler コマンドのwrangler versions uploadの起動時間をログに記録する機能を追加。バンドルサイズの警告が...
23日前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/07/28週
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今週は Rules に実務に影響ありそうな変更が入ってますね。X でですが Workers AI 関連の面白いものもリリースされてたりするのでそこにも軽く触れようと思います。では早速みていきましょう 🙌 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/07/28 ~ 2024/08/03 の変更 AI GatewayAI Gateway に新しいプロバイダーとして Mistral AI が追加されまし...
1ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
【React】useState派必見!useReducerでコードを守る
Gemcook Tech Blogのフィード
はじめにこんにちは!皆さん、useReducerは使っていますか?「useStateでいいやん。」という声が聞こえてきます。はい、筆者自身もそうでした。Reactの公式も以下の記載があります。個人の好み:人によってリデューサが好きだったり、好きではなかったりします。それで構いません。好みの問題です。useState と useReducer の間を行ったり来たりすることはいつでも可能です。どちらも同等のものです!ですが、useReducerのコードに遭遇してから色々調べていくうちに、useReducerを使うことで堅牢なコードに繋がることを知りました。そこでの学びを記事...
1ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/07/21週
Gemcook Tech Blogのフィード
こんにちは!あさひです 🙋♂️今週は AI 関連の更新が入ってますね。Wrangler も含め更新多めですね。さっそく見ていきましょう 🙌 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/07/21 ~ 2024/07/27 の変更 Workers AIWorkers AI に以下の変更が入りました。Meta Llama 3.1 に対応したみたいですね。Meta Llama 3.1 が Workers AI で利用可能に Wo...
1ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
REST API生成AIツールHanabi.RESTを試してみる
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今回は Hono Conference でも話題になっていた Hanabi.REST を試してみたので振り返りがてら皆さんに共有したいと思います。 この記事を読んで欲しい人Hanabi.REST ってなんだ?って人Hanabi.REST の黒魔術を感じたい人 この記事でやることHanabi.REST で何ができるかわかることを目標にしたいと思います。 Hanabi.REST って?Hanabi.REST は AI を使って REST API 生成するツールで、利用者がプロンプトから指示を出すことで API を作成できるサービスです...
1ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/07/14週
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今週は特に大きな修正はなさそうですね。サクサク行きましょう! この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/07/14 ~ 2024/07/20 の変更 WorkersWorkers で mTLS バインディングを使用する場合、 Gradual Deployments をサポートするようになりました。これによってトラフィックを段階的にシフトして新しいバージョンに移行できます。 Wrangler...
1ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
React.lazyとは一体??
Gemcook Tech Blogのフィード
はじめに今までReact.lazy使ったことなかったんですけど、パフォーマンスの重要に対して意識を持つようになってから、React.lazyが役立つって知りました。なので今回学んだことをまとめてみました! React.lazyは何をしているのかReact.lazyを使うと、初回のレンダリング負担を軽減できます。どういうことかというと、必要なときにだけコンポーネントを読み込むんです。これによって、最初にアプリがロードされるときのスピードが上がり、ユーザー体験が向上します。また、React.lazyは、アプリのパーツを分けて、それぞれ必要なときにだけ読み込む「コードスプリッティ...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/07/07週
Gemcook Tech Blogのフィード
どうも、あさひです 🙋♂️今回はコミュニティからチュートリアルが寄稿されてますね。(筆者は初めて見た 👀)他は細々した変更っぽいかな?早速見ていきましょう!🙌 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/07/07 ~ 2024/07/13 の変更 Workers以下のコミュニティによるチュートリアルが追加されました。Developer spotlightって大枠のページがあったんですね。Cloudflare Communi...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
次世代Web BandlerのFarmが熱そう
Gemcook Tech Blogのフィード
はじめに昨今、ビルドツールは様々なものが開発され、いかに高速化するか、開発者体験を上げられるかが注目されているように思います。2024年6月にState of JSが公開され、その中でBuild Toolsはwebpackが最も使用されており、次いでViteがランキングしています。Viteの伸びがすごいですね...🔥ビルドツールも様々ありますが、2024年4月にFarmというWeb Bandlerのv1.0がリリースされました。https://www.farmfe.org/気になってドキュメントサイトを覗いてみるとなんだか良さげな雰囲気を感じたので、Farmの特長と推せる...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
次世代型DB TiDB Serverless採用の前に知っておきたい基礎知識
Gemcook Tech Blogのフィード
こんにちは。最近 TiDB Serverless の実証を行う機会があり、その前に調べた TiDB の基礎知識をまとめてみました。私は普段 RDB と DynamoDB をハイブリッドで使うことが多いのですが、DynamoDB は設計面の難しさや柔軟な検索機能の弱さなどに辛さを感じることがそれなりにあります。そのためサーバレスで MySQL 互換データベースの TiDB Serverless には非常に期待&興味をもってます!リポジトリ、公式サイトはこちらhttps://github.com/pingcap/tidbhttps://pingcap.co.jp/tidb/...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/06/30週
Gemcook Tech Blogのフィード
どうもどうも 🙋♂️ あさひです。今回は更新少なめですね。割とコアな更新はありそうなんできちんと押さえておきましょう。ではいきまーす 🙌 この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/06/30 ~ 2024/07/06 の変更 Rules以前にエンタープライズのユーザーに提供開始された Cloudflare Snippets ですがこれからは有料ユーザーなら使えるようになったみたいです。やったぜ 👍ルール Cloudflar...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
Reactで再帰的なコンポーネントを作ってみた
Gemcook Tech Blogのフィード
はじめにこんにちは!😄社内でTypeChallengeを元に勉強会をしているのですが、再帰的に型づけする問題に取り組んでいると、ふとこんなことを思いました。(ちなみに問題はこれです。)https://github.com/type-challenges/type-challenges/blob/main/questions/00189-easy-awaited「再帰的に型づけしたデータを使って何か作ってみたいなあ。そういえば、再帰的なコンポーネントも実装したことないな…作るか!🔥」一見複雑そうに思える再帰的なコンポーネントですが、実装してみると意外と単純な構造であることが分...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
週刊Cloudflare - 2024/06/23週
Gemcook Tech Blogのフィード
こんにちは、あさひです 🙋♂️今週は WARP が GA になってみたいですね。筆者も WARP 自体は知っていましたがまだ GA してなかったんですね 😳 他にも諸々変更点があるみたいなので早速みていきましょう ❗️ この記事の主旨この記事を見てどんな変更があったかざっくりわかる、Cloudflare のサービスに興味を持ってもらいたいと思っているので変更点を網羅することを優先します。 2024/06/23 ~ 2024/06/29 の変更 Workers AIWorkers AI には関数呼び出しという機能がありますが、Embedded function ca...
2ヶ月前
![記事のアイキャッチ画像](../../images/alternate-feed-image.png)
愛と期待を込めてReact Native IDEを触ってみた
Gemcook Tech Blogのフィード
動機React Nativeを愛し始めて、はや6年が経ちます。React Native CLIベースで作っている時も、Expoベースで作っている時も、いついかなる時も「もっと開発体験を向上させて欲しい」と感じており、愛が憎悪に変わりそうな時もありました。Flipperが来た時それはそれは嬉しかったですが、実際使いながらもたくさんのストレスを抱えていました。そんな中、App.js Conf 2024で気になる発表がありました。https://www.youtube.com/watch?v=HWGssA55oNcReact Native IDEの発表です。reanimatedや...
2ヶ月前