LIFF CLIでngrokの代わりにVSCodeのPort Forwardingを使う

はじめに結論だけ知りたい方は「好きなプロキシURLを指定するためのserveコマンド」まで飛んでください。 LIFF CLIではローカルサーバーのプロキシが簡単に設定できるみなさん、LIFF CLIは使っていますか？私はLIFF CLIが出る前からlocal-ssl-p

LIFF URLを完全に理解する

LIFFにまつわるURLの種類「白って200色あんねん」じゃないですが、実は、LIFFを開くためのURLには大きく分けて4種類あります。LIFF v2のUniversal Link：https://liff.line.me/{liff_id}LIFF v1のUniver

Next.jsのmiddlewareで複数Webアプリを1つのLIFFアプリのように扱う

LIFFアプリの参照先を複数にまたがらせたい同じLIFFだけれど、たとえば特定パスのみ別でホスティングされているWebアプリにつなげたいなどのケースを考えます。認証スコープなどの問題も増えますし、あまりフロントエンドのアプリを分割ホストしたくはないですが、いつの時代もやんごと

今度こそ完全に理解する共変・反変

なんど聞いても覚えられない共変・反変TypeScriptや型関連の話題で、まれによく出てくるのが変性の話です。自分も何度も見聞きしてはいるものの、毎回のように理解した気になってはいたものの「人に聞かれたときに何も見ずに説明できる状態」にはなっていませんでした。つまり全く理解

ユーザーごとの入庫用アドレスを生成する

単純に作るだけならユーザー毎のウォレットアドレスを単純に作るだけなら、ethersでも使って以下のようにすればいいでしょう。import { Wallet } from 'ethers';const wallet = Wallet.createRandom();しかし、

サーバーサイド鍵管理の最適解を探る

サーバーサイドでウォレットを管理する基本的には認可がなければ顧客の暗号資産管理はできないため、あくまで運営側のウォレットを管理することになります。いくつか意思決定のポイントがあると思います。書き込みトランザクションを必要とするか少数でよいか、それとも大量にウォレットが必

App RouterでLIFF（LINEミニアプリ）を構築する

公式のCreate LIFF Appは更新されていないLINEミニアプリ（LINE Mini app）や、LIFFを構築する場合、Next.jsを利用するケースが多いのではないかと思います。が、公式テンプレートのGitHubのコミット履歴を見るとNext.jsのベース部分は3

ThirdwebのclaimConditionを理解する

SDK経由でThirdwebコントラクトを操作するThirdwebのDashboardは便利なのでそこで操作すればいいんですが、やりにくいケースもあります。KMSウォレットなどを利用している場合大量操作・自動化などをしたい場合ということでSDK経由でコントラクトを操作