Sabitlenmiş Tweet
VercelからCloudflareにアプリを移し、約200万円/月から90%インフラ費用を削減した記事を書きました！
移行を決めた経緯や、具体的なハマりどころなどNext.jsセルフホスティングの実際について書いています
tech.hello.ai/entry/vercel-c…
日本語
酒井 / Hello
77 posts
酒井 / Hello
@hello__sakai
執行役員 / Chief Engineer @helloaiinc @auto_reserve 創業時から技術をリード/フロントエンドが好き React/TypeScript/Ruby/Rails 🇯🇵→🇦🇺→🇯🇵→🇬🇧 プライベートアカウント→ @javascripter
London Katılım Ocak 2026
3.5K Takip Edilen1.4K Takipçiler
予約台帳・POS・モバイルオーダー・サイトコントローラー・決済端末、全部無料になりました！
Hello@helloaiinc
【プレスリリース】Respo、主要機能を日本国内で完全無料化 飲食店のシステム費をゼロへ。 Respoは、予約台帳・サイトコントローラー・POS・モバイルオーダー・決済端末を、2026年5月1日より初期費用0円・月額0円・送客手数料0円で提供開始します。 固定費を削減するだけでなく、予約・売上・顧客・注文データをひとつにつなぎ、日々の接客や運営改善にも活かせる基盤を、すべての飲食店へ。 #PRTimes #Respo #hello prtimes.jp/main/html/rd/p…
日本語
OpenNext + Cloudflareで本番サイト運用してるけど、Vercel上で動かすのと比べOpenNextは運用難易度高いので、Adapter APIでデプロイ簡単になると良さそう
vinextは実際試してみるとまだバグも多く、既存サイト移行は難しい面もあるので、本家がそのまま動くのが理想なのではないかと思う
Next.js@nextjs
Next.js 16.2 introduces a stable Adapter API, built with Netlify, Cloudflare, OpenNext, AWS, and Google Cloud. But the API is only part of the story. Next.js is used by millions of developers across every major cloud, and making it work well everywhere is on us. Here are our commitments. nextjs.org/nextjs-across-…
日本語
酒井 / Hello retweetledi
フリーランスデザイナーを辞め、20代後半戦が始まったばかりの自分の社内インタビュー記事です！
なぜフリーランスをやめたのか、デザイナーという立場からPdM領域に挑戦している中での気づきなどを伝えています！
読んでもらえたら嬉しいです！
note.com/helloinc/n/nce…
日本語
ChatGPT Pro久々に使ったけどかなり賢く、
明確にPlusのThinkingとアウトプットの質に差がある。
ただ、プログラミングだと現状活用する場面は多くなさそう（壁打ち・分析とかハマるタスクがあればいいけど、常用するには遅いので）。
$100のプランが出たらCodex含め乗り換える人は多そう
日本語
git push && npx stare-cli@latestで、GitHub Actionsのログがターミナルに自動でリアルタイムに表示されるツールを作ったんだけど、めっちゃ便利
CI上でのビルドの体験がほぼローカルと同じになるので、warningが出てる場合や実行に失敗した場合にすぐ気づけるようになる
GIF
日本語
Devin最近あまり話題になってないけど、コードレビューは割と精度高く使える印象（際立って精度が優れてるわけではないが、他ツールと互角くらい） GitHub CopilotのPRレビューより若干速いのが地味に良くて、ストレスが少ない
日本語
たまに失敗するE2Eテストに悩まされてる時、勘で直してマージして直るかみてる人が案外多い気がするけど
超シンプルに同じテストをとりあえず10回走らせる力技で一瞬で原因特定できること多いので、テスト書く時はとにかく実行しまくるのが良いと思う
日本語
Redux → SWRへの移行を段階的に進めるアプローチとしては、これが参考になる。
SWRのデータをreduxに自動で同期するようにして、データ単位で移行すると良い（同期は基本、単一方向のみにするのが大事）
blog.notainc.com/entry/2026/01/…
日本語
例えばTSのstrict: trueへの移行だと、typescript-strict-pluginを使うとファイル単位でstrict: trueにできるようになり、CI通しながら徐々に型を強化できる。
人間が一度にレビューできるコード量には限界があるので、PRを分割可能にすることにリソースを割くと良い
github.com/allegro/typesc…
日本語
直近、大規模なリファクタリングを本番投入しまくっているのだけど、旧・新インフラを同時に動かしておく/互換レイヤーを入れるなど段階的に移行できる設計にしておくと、大幅にバグを減らせるので大事
例:
・Cypress -> Playwright
・TypeScript strict: false → strict: true
・Redux -> SWR
酒井 / Hello@hello__sakai
AI作らせた巨大PR、プロトタイプで終わりがちだけど本番導入までやりきらないともったいないなと思う。 直近、AI生成の大規模リファクタリング（150ファイル）を本番に入れたけど、9個のPRに分割して、それぞれレビュー&手動QAして順番にマージしてリリースしてる。 安全なデプロイまで考えるのが大事
日本語
酒井 / Hello retweetledi
技術力向上のため定期的にOSSのコードを読むようにしてるのだけど、最近読んでて良かったのがT3 Code。
@EffectTS_ を使って書かれていて、UI周りはロジック中心にテストもあり、コードの質も高い。
この規模のプロダクトのコードが全部読めるのは貴重で、おすすめ。
github.com/pingdotgg/t3co…
日本語
酒井 / Hello retweetledi
【株式会社ハロー】入社エントリー公開しました！
グローバル × 飲食業界に各プロダクトを展開しているハローに入社した理由や、ハローの魅力等を記載しました🚀
・グローバルの仕事に興味有る方
・スタートアップに興味有る方
・飲食店向けやAIプロダクトに興味有る方
などぜひ一読してもらえると嬉しいです！
note.com/araccho1111/n/…
日本語
CloudflareがNext.jsのVite版を作った件、賛否両論あるけど
自動テスト環境を整備するとAIが自律的に大きなプログラムを書ける段階に来たことがポイントで、
DX改善 = AIの生産性向上になり始めてて結果としてエンジニアも得するという構図なのは面白い
blog.cloudflare.com/vinext/
日本語
ハローのエンジニア@mottei_0702によるテックブログ記事です！
PostgreSQLのスロークエリの深掘りです。総データ容量/最大テーブル行数などリアルな数値も載ってます
tech.hello.ai/entry/2026/02/…
日本語
酒井 / Hello retweetledi
tech.hello.ai/entry/2026/02/…
テックブログを書きました！PostgreSQLのクエリプランナのロジックを深掘りしています
日本語
Expo SDK 55リリース。下記が特に良さそう
- 差分ダウンロードでOTA時のアップデートの速度が向上(-75%)
- Hermes v1によるJS実行速度の向上
Expo@expo
Expo SDK 55 is here😅 React Native 0.83. React 19.2. Legacy Architecture dropped. New Architecture is the default. ◆ 75% smaller update downloads with Hermes bytecode diffing ◆ Expo Router v7 🤯 ◆ Brownfield isolation via expo-brownfield ◆ AI tooling: MCP + agent skills for Claude Code ◆ Expo UI much improved for both Swift and Jetpack Compose There is so much more...it feels futile to try and isolate a few bullets...check out the full release notes and let us know what you think ↓
日本語
@hello__sakai これってskillの話ではないと思ったのですが
vercelのskillではhookとして集約するような指示になっているなら良いのですが、そうではない認識でした
vercelのスキルは真面目に読んでないので全然知らないので-～
日本語
こういう挙動が一目で読めないコードを頻出するコード読みづらくてしかたない
せめて何かhelperに圧縮するとかして欲しい
きっちゃそ@yKicchan
const name = _name ?? ... ってことかw 一瞬動かんくね？ってなってた
日本語
@yKicchan @work_satou コードのスクショはVSCodeではなく下記ツールで作っているんですよね。
1ツイートにうまく収まるように投稿前に最終調整してるのでタイプミスしやすいという事情です。
ray.so
日本語
const name = _name ?? ...
ってことかw
一瞬動かんくね？ってなってた
酒井 / Hello@hello__sakai
vercelのagent-skills全部読んだけど、状態の初期値を動的にするこの書き方シンプルでいいなと思った。 ユーザがフォームに入力するまでサーバーの値をデフォ値として入れたい場合、変更の有無のフラグのみundefinedとして記録しておくとuseEffectで同期せずに綺麗にかける。
日本語
酒井 / Hello retweetledi
【NEW】協賛のお知らせ
ハローは今年の「RubyKaigi 2026」に Gold Sponsor として、そして初めて"Drinkup Sponsor"として協賛させていただきます！
ハローならではのDrinkupを現在準備中です。ぜひ函館で乾杯しましょう！
皆さんとお会いできることを楽しみにしております。
#rubykaigi #rubykaigi2026
rubykaigi.org/2026/sponsors/
日本語