ガイド

99 件のガイド

  1. ローンチ

    新しい SaaS のウェイトリストを作る方法

    自分のランディングページにローンチ前のウェイトリストを作ります。フォーム、スパム対策、重複、確認メール、ローンチ日のきれいなエクスポートまで扱います。Preet SutharIkiform 創業者

  2. お問い合わせ

    バックエンドなしで静的サイトにお問い合わせフォームを追加する

    サーバーなしで静的サイトに動くお問い合わせフォームを追加します。POST の送り先、スパム、メールでの返信、各ホストとフレームワーク向けのコードまで。Preet SutharIkiform 創業者

  3. お問い合わせ

    HTML フォームの送信内容を自分のメールに届ける

    メールサーバーなしで、すべての送信データを受信トレイに届けます。mailto: と PHP の mail() がうまくいかない理由と、スパムを除外して返信もできる構成を解説します。Preet SutharIkiform 創業者

  1. スパム

    お問い合わせフォームのスパムを止める方法

    本物の訪問者に負担をかけない層でお問い合わせフォームのスパムを止めます。ハニーポット、時間、内容のスコア、レート制限、必要なときだけの人間確認です。Preet Suthar

  2. サイトビルダー

    サイトビルダーのフォームの限界を超える

    Webflow、Netlify、Carrd、Framer のフォームが上限や機能不足に当たったら、デザインしたフォームはそのままに、送信先をフォームバックエンドに変えましょう。Preet Suthar

  3. フィードバック

    ウェブサイトやアプリにフィードバックフォームを追加する

    どのページにもアプリ内にもフィードバックフォームを設置。評価、コメント、送信元ページ、スパム対策、低評価時の通知まで。Preet Suthar

  4. お問い合わせ

    すぐに手元に届くリード獲得フォームを作る

    自分のサイトに置くリード獲得フォームです。返信先付きでメールを送り、チームチャットに通知し、CRM に流し込むので、見込み客がまだいるうちに返信できます。Preet Suthar

  5. ローンチ

    Mailchimp の埋め込みを使わないニュースレター登録フォーム

    自分のマークアップでニュースレター登録フォームを作り、同意を記録し、ボットの登録を防ぎ、購読者を Kit、MailerLite、beehiiv など任意のツールに渡します。Preet Suthar

  6. 開発者

    HTML フォームの送信の仕組み

    フォームが送信されたときにブラウザーが行うこと。どのフィールドを送り、どうエンコードし、サーバーは何を返すべきか、そして Ikiform がどう応答するかを解説します。Preet Suthar

  7. ローンチ

    自分のサイトで作るイベントの参加登録と出欠フォーム

    自分のイベントページで出欠を受け付けます。フォーム、同伴者の上限、正確な人数集計、満員時の締め切り、受付リストまで、チケットアプリなしで。Preet Suthar

  8. 開発者

    フォームの Webhook 署名を検証する

    フォームの Webhook が本当に Ikiform から来たかを確認する方法。Standard Webhooks の HMAC-SHA256 方式、テストベクター、生のボディ、タイムスタンプ、シークレットのローテーションを解説します。Preet Suthar

  9. ローンチ

    Product Hunt のローンチに向けてローンチ前のメールリストを作る方法

    Product Hunt の数週間前からローンチリストを集め、登録をチャネルごとにタグ付けし、太平洋時間のリセットに合わせてローンチ日のメールを 2 回に分けて送ります。Preet Suthar

  10. ローンチ

    応募者を選考するベータ登録フォームの作り方

    サーバーが必須を強制する選考質問付きのベータ応募フォームと、応募者を採点してリストから各コホートを選ぶスクリプトを紹介します。Preet Suthar

  11. ローンチ

    App Store 公開前のモバイルアプリ用ウェイトリストページの作り方

    使っているスマホを尋ね、iPhone のテスターを TestFlight に送り、Play のクローズドテストを埋める、iOS・Android アプリ向けの公開前ウェイトリストです。Preet Suthar

  12. ローンチ

    サーバーアクションで Next.js のウェイトリストを作る方法

    Next.js App Router のウェイトリスト。シークレットキーで登録を転送するサーバーアクション、useActionState、楽観的なサンクス表示、訪問者ごとの制限を扱います。Preet Suthar

  13. ローンチ

    Framer のサイトにウェイトリストを追加する方法

    Framer でウェイトリストの登録を集める 2 つの方法。Ikiform への Webhook を使う Framer のフォームか、訪問者ごとの制限とスパムチェックが残るコードコンポーネントです。Preet Suthar

  14. ローンチ

    Webflow サイトにウェイトリストフォームを追加する方法

    Webflow の Form Block の送信先を Ikiform にし、非表示フィールドで登録に流入元のタグを付け、短いスクリプトですべてのフォームで Webflow の成功表示を残します。Preet Suthar

  15. ローンチ

    Carrd サイトにウェイトリストを追加する方法

    Carrd のページでウェイトリストの登録を集める方法。Pro Plus では UTM を記録する Send to URL フォーム、Pro Standard ではハニーポット付きの埋め込み HTML フォームを使います。Preet Suthar

  16. ローンチ

    プレーンな HTML でランディングページにウェイトリストフォームを追加する方法

    ビルド不要でプレーンな HTML だけのウェイトリストページ。JavaScript がオフでも動き、読み込めばその場でお礼を表示し、必要なときはフォールバックします。Preet Suthar

  17. ローンチ

    Astro でウェイトリストを作る

    静的なランディングページに Astro のウェイトリストを。Action が登録を転送し、スクリプトがそれを呼び、オンデマンドの 1 ページが JavaScript なしの送信を受け止めます。Preet Suthar

  18. ローンチ

    TanStack Start でウェイトリストを作る

    TanStack Start のウェイトリスト。1 つのサーバールートが通常のフォーム送信と fetch の両方に応え、validateSearch が流入元と結果を URL で運びます。Preet Suthar

  19. ローンチ

    React Router でウェイトリストを作る

    全ページのフッターに置く React Router のウェイトリスト。fetcher が 1 つのルート Action に送信し、登録ごとにページを記録し、JavaScript なしでも動きます。Preet Suthar

  20. ローンチ

    SvelteKit でウェイトリストを作る

    SvelteKit 3 のウェイトリスト。フックが最初の ?ref= を Cookie に保存し、名前付きのフォーム Action が登録を転送し、再訪者には登録済みと表示します。Preet Suthar

  21. ローンチ

    Nuxt でウェイトリストを作る

    プリレンダーしたランディングページに Nuxt のウェイトリストを。1 つの Nitro ルートが $fetch と通常のフォーム送信を受け、Zod で確認し、JavaScript なしならリダイレクトします。Preet Suthar

  22. お問い合わせ

    GitHub Pages のサイトにお問い合わせフォームを追加する

    GitHub Pages ではサーバーコードが動かず、フォームの POST は 405 Not Allowed になります。フォームバックエンドに送信し、プロジェクトサイトのリダイレクトを正しく設定しましょう。Preet Suthar

  23. お問い合わせ

    Vercel でホストしたお問い合わせフォームの 405 エラーを直す

    Vercel の静的ページはフォームの POST に 405 Method Not Allowed を返します。その理由と、代わりにバックエンドへフォームを送る方法を説明します。Preet Suthar

  24. お問い合わせ

    Netlify Forms を使わずに Netlify にお問い合わせフォームを追加する

    Netlify Forms を使わずに、Netlify のサイトでお問い合わせフォームを運用します。ビルド時の検出なし、React からの JSON 送信、デプロイプレビュー用の別フォーム。Preet Suthar

  25. お問い合わせ

    Cloudflare Pages のサイトにお問い合わせフォームを追加する

    Function を書かずに Cloudflare Pages にお問い合わせフォームを追加します。フォームバックエンドに送信し、_headers でヘッダーを設定し、自分の Turnstile キーを使います。Preet Suthar

  26. お問い合わせ

    Amazon S3 の静的ウェブサイトにお問い合わせフォームを追加する

    S3 のウェブサイトエンドポイントは平文 HTTP の GET と HEAD しか受け付けません。お問い合わせフォームはフォームバックエンドに送信し、リダイレクトは CloudFront で正しく扱います。Preet Suthar

  27. お問い合わせ

    ポートフォリオサイトにお問い合わせフォームを追加する

    初回の打ち合わせで聞くことを尋ねるポートフォリオのお問い合わせフォーム。案件、予算、時期、リンクを、サーバーなしで受け取り、受信トレイから返信できます。Preet Suthar

  28. お問い合わせ

    PHP なしで HTML フォームをメールに送る

    mail() を呼ぶ contact.php スクリプトを、ホストされたエンドポイントに送信するフォームに置き換えます。フィールド名、サンクスページ、返信はそのままです。Preet Suthar

  29. お問い合わせ

    Web サイトのフォームを Gmail に送る（mailto: がうまくいかない理由も）

    mailto: リンクもアプリパスワードも Apps Script も使わずに、フォームの送信データを Gmail で受け取り、ラベルを付け、迷惑メールを避け、Gmail から返信します。Preet Suthar

  30. お問い合わせ

    1 つのフォームを複数のメールアドレスに送る

    1 つのフォームをチーム全員にメールで送ったり、トピックごとに適切な担当者に振り分けたり。ただし、誰に送るかをフォーム自身には決めさせません。Preet Suthar

  31. お問い合わせ

    フォームの送信データに受信トレイから直接返信する

    フォームの通知メールで Reply を押すと、フォームに入力した人宛てになるようにします。使えるフィールド名、_replyto を使う場面、返信が迷子になる理由を説明します。Preet Suthar

  32. お問い合わせ

    キーをクライアントに置かない EmailJS の代替

    お問い合わせフォームを EmailJS から移行。ブラウザー側のメールキーのリスク、コードの変更点、自動返信など失うものを解説します。Preet Suthar

  33. お問い合わせ

    メールを送る Next.js のお問い合わせフォーム

    Server Action で Next.js のフォームをメールで送る 2 つの方法を公平に比較します。Resend や Nodemailer で自分で送るか、フォームバックエンドに転送するかです。Preet Suthar

  34. スパム

    ボットだけが埋めて人は埋めないハニーポットフィールドを追加する方法

    スクリーンリーダー、キーボード、自動入力の邪魔をせずにボットを捕まえるハニーポットを、各スタックのサーバー側チェックとあわせてどんなフォームにも追加します。Preet Suthar

  35. スパム

    HTML フォームに Cloudflare Turnstile を追加する方法

    プレーンな HTML フォームに Cloudflare Turnstile を追加します。ウィジェット、サーバー側の siteverify、テスト用キー、自前のキーやサーバーなしで動かす方法まで。Preet Suthar

  36. スパム

    CAPTCHA なしでフォームスパムを防ぐ方法

    CAPTCHA をまったく使わずにフォームスパムの大半を防ぐ方法。ハニーポット、署名付きの表示時刻、内容のスコア、レート制限を単独ではなく合算して使います。Preet Suthar

  37. スパム

    Web サイトのフォーム向け reCAPTCHA の代替

    Turnstile や hCaptcha から Proof of Work、CAPTCHA なしまで、フォーム向け reCAPTCHA の代替を比較し、小さく安全な変更で乗り換えます。Preet Suthar

  38. スパム

    フォーム送信にレート制限をかける方法

    共有ストアで訪問者ごとにフォーム送信のレート制限をかけ、Retry-After 付きの 429 を返し、1 つの IP を共有するオフィスを締め出さないようにします。Preet Suthar

  39. スパム

    静的サイトのお問い合わせフォームでスパムを防ぐ方法

    シークレットを保持できず送信数も数えられない静的サイトのフォームでも、ハニーポットのパーシャル、安全なスクリプト、サーバー側のチェックでスパムを防ぎます。Preet Suthar

  40. スパム

    Webflow フォームのスパムを止める方法

    Webflow 独自のスパム設定が働かない、フォームバックエンドに送信する Webflow フォームを、画面外のハニーポットと人間確認で守ります。Preet Suthar

  41. スパム

    Turnstile を使った Next.js フォームのスパム対策

    Next.js のフォームをスパムから守ります。ハニーポット、サーバーアクションで確認する Turnstile、Vercel・Netlify・Cloudflare での IP ごとの制限、それに合わせた CSP。Preet Suthar

  42. スパム

    Turnstile を使った Astro フォームのスパム対策

    Action で Astro のフォームをスパムから守ります。ハニーポット、astro:env のシークレットで確認する Turnstile、IP ごとの制限、Astro 組み込みの CSP。Preet Suthar

  43. スパム

    Turnstile を使った TanStack Start フォームのスパム対策

    TanStack Start のフォームをスパムから守る方法。クライアント IP 用の関数ミドルウェア、トークンバケット、サーバー関数での Turnstile 検証、CSP。Preet Suthar

  44. スパム

    Turnstile を使った React Router フォームのスパム対策

    React Router のフォームをスパムから守る方法。Turnstile 付きのルート Action、cf-connecting-ip をキーにした Workers のレート制限、.server モジュール、CSP ヘッダー。Preet Suthar

  45. スパム

    Turnstile を使った SvelteKit フォームのスパム対策

    SvelteKit のフォームをスパムから守る方法。getClientAddress を使うフォーム Action、IP ごとの制限、use:enhance の裏の Turnstile、それを許可する CSP。Preet Suthar

  46. スパム

    Turnstile を使った Nuxt フォームのスパム対策

    Nuxt のフォームをスパムから守る方法。Turnstile 付きの Nitro サーバールート、Nitro ストレージでの IP ごとの制限、runtimeConfig のシークレット、routeRules で設定する CSP。Preet Suthar

  47. サイトビルダー

    Webflow のフォーム送信の上限：その中身と乗り越え方

    Webflow の無料 Starter プランはサイトごとに 50 件で送信の受け付けが止まり、エクスポートしたサイトでは一切処理されないので、Form Block の送信先を Ikiform に向けましょう。Preet Suthar

  48. サイトビルダー

    Netlify Forms の上限：100 件を超えると何が起きるか、そして抜け出し方

    Netlify の旧プランはサイトごとにフォーム送信を計測して自動でアップグレードし、クレジットプランはサイトを一時停止することがあるので、フォームをバックエンドに移しましょう。Preet Suthar

  49. サイトビルダー

    Carrd のフォーム：送信データをフォームバックエンドに送る

    Carrd のお問い合わせフォームはメールで届けるだけで、カスタムフォームには Pro Plus が必要です。すべての送信を保存するには、Plus なら Send to URL、Standard なら HTML の埋め込みを使います。Preet Suthar

  50. サイトビルダー

    Framer のフォーム：フォームバックエンドを追加すべきときと、その方法

    Framer のフォームはメール、Sheets、Webhook に送れます。保存とフィルタリング、チームへの通知、送信先の追加がほしいなら Ikiform を Webhook にします。Preet Suthar

  51. フィードバック

    ページ、ブラウザー、手順を記録するバグ報告フォームを追加する

    手順と深刻度は本人に尋ね、URL、ブラウザー、ビューポート、直近のエラーはページが自動で追加するバグ報告フォームです。Preet Suthar

  52. フィードバック

    数えて、順位をつけて、返答できる機能要望を集める

    解決策ではなく課題を尋ね、要望をテーマ別に保存し、件数ではなく人数で数え、リリース時にメールで知らせる機能要望フォームです。Preet Suthar

  53. フィードバック

    React アプリにフローティングのフィードバックウィジェットを作る

    React アプリ用のフローティングのフィードバックボタン。小さなパネルを開き、回答ごとに画面、アプリのバージョン、アカウントを送り、下書きを失いません。Preet Suthar

  54. フィードバック

    ベータテスターのフィードバックをビルドごとに集める

    テスターとビルドごとの個別リンク、2 つの評価スケール、各ビルドが良くなったかがわかる週次サマリーを備えたベータ版フィードバックフォームです。Preet Suthar

  55. フィードバック

    自分のサイトで NPS アンケートを実施する：メールのリンクからスコアまで

    メールに 0〜10 のスコアを載せ、スコアに応じて変わる追加質問を自分のページで尋ね、スクリプトで NPS を計算する NPS アンケートを実施します。Preet Suthar

  56. フィードバック

    SaaS の解約フローに解約アンケートを追加する

    SaaS の解約フローで解約理由を尋ね、スキップはワンクリックのまま、理由を Stripe と Ikiform に保存し、解約を決して遅らせない方法。Preet Suthar

  57. フィードバック

    Next.js でアプリ内フィードバックフォームを作る

    Next.js のアプリ内フィードバックフォーム。サーバーアクションがセッションを読み、リクエストからページを取り、ユーザー情報を付けて評価を転送します。Preet Suthar

  58. フィードバック

    Astro でアプリ内フィードバックフォームを作る

    Astro のアプリ内フィードバックフォーム。ユーザーはミドルウェアの locals から、ページはリクエストから、画面はルートのパターンから取得するアクションを作ります。Preet Suthar

  59. フィードバック

    TanStack Start でアプリ内フィードバックフォームを作る

    TanStack Start のアプリ内フィードバックフォーム。セッションのミドルウェア付きの POST サーバー関数、文脈としてのルート ID、リクエストヘッダーから読むページを組み合わせます。Preet Suthar

  60. フィードバック

    React Router でアプリ内フィードバックフォームを作る

    React Router 8 のフィードバックフォーム。リソースルートの action が Cookie セッションを読み、レイアウトの fetcher が送信し、JS なしの送信は元のページにリダイレクトします。Preet Suthar

  61. フィードバック

    SvelteKit でアプリ内フィードバックフォームを作る

    SvelteKit のアプリ内フィードバックフォーム。レイアウトのフォームが 1 つのフォームアクションに送信し、アクションがサーバー側で locals のユーザーとリクエストのページを追加します。Preet Suthar

  62. フィードバック

    Nuxt でアプリ内フィードバックフォームを作る

    Nuxt のアプリ内フィードバックフォーム。ユーザーのセッションを読み、Referer からページを取得し、JavaScript の読み込み前でも動くサーバールートを使います。Preet Suthar

  63. お問い合わせ

    商談の予約までつなげるデモ依頼フォームを作る

    リードを保存してから、名前とメールアドレスを入力済みの状態で訪問者を Cal.com や Calendly に送るデモ予約フォームです。Preet Suthar

  64. お問い合わせ

    ファイルアップロードなしで見積もり依頼フォームを作る

    資料をアップロードではなく共有リンクで受け取り、すべての依頼に期限を付け、リンクの多いリードがスパムにならないようにする見積もり依頼フォームです。Preet Suthar

  65. お問い合わせ

    サービス業向けの相談申し込みフォームを作る

    会計士、弁護士、コーチ、クリニック向けの相談申し込みフォームです。連絡方法と時間を尋ね、デリケートな詳細は電話のときに回します。Preet Suthar

  66. お問い合わせ

    エージェンシーやフリーランス向けのプロジェクト問い合わせフォームを作る

    スタジオやフリーランス向けのプロジェクト依頼フォームです。誰かが概要を読む前に、予算と時期で問い合わせを有望、検討、対象外に振り分けます。Preet Suthar

  67. お問い合わせ

    フォームのリードを HubSpot や Pipedrive に送る

    署名付きの Ikiform の Webhook を、HubSpot の連絡先 upsert や Pipedrive の人物とリードの呼び出しに変換し、配信がリトライされても連絡先が重複しないようにします。Preet Suthar

  68. お問い合わせ

    Next.js で見込み客を選別するリードフォームを作る

    Next.js App Router のリードフォームです。サーバーアクションで Zod による検証を行い、ファーストタッチの UTM を Cookie に保持し、条件に合うリードをカレンダーに送ります。Preet Suthar

  69. お問い合わせ

    Astro で見込み客を選別するリードフォームを作る

    Actions で作る Astro のリードフォームです。Zod による検証、静的サイトでのファーストタッチの UTM、オンデマンドの問い合わせページ、日程調整ツールへのリダイレクトを扱います。Preet Suthar

  70. お問い合わせ

    TanStack Start で見込み客を選別するリードフォームを作る

    TanStack Start のリードフォームです。ファーストタッチの UTM を記録するグローバルなリクエストミドルウェア、Zod を使うサーバー関数、日程調整ツールへの throw によるリダイレクトを組み合わせます。Preet Suthar

  71. お問い合わせ

    React Router で見込み客を選別するリードフォームを作る

    React Router フレームワークモードのリードフォーム。署名付きのファーストタッチ Cookie を設定するルートのミドルウェア、検証するルートの action、日程調整ツールへのリダイレクトを組み合わせます。Preet Suthar

  72. お問い合わせ

    SvelteKit で見込み客を選別するリードフォームを作る

    SvelteKit のリードフォーム。handle フックでファーストタッチの UTM を記録し、フォームアクションで Valibot による検証を行い、redirect() で条件に合うリードをカレンダーに送ります。Preet Suthar

  73. お問い合わせ

    Nuxt で見込み客を選別するリードフォームを作る

    Nuxt のリードフォーム。サーバーミドルウェアが初回接触の UTM を記録し、Zod で検証する 1 つのサーバールートが fetch とプレーンな送信の両方に応え、有望なリードは商談を予約します。Preet Suthar

  74. ローンチ

    自作のニュースレターフォームでダブルオプトインを行う

    Ikiform は確認メールを送らないので、ダブルオプトインはメールツールで行います。中継が各登録を未確認として追加し、ツールがリンクを送ります。Preet Suthar

  75. ローンチ

    サーバーなしで、静的サイトにメール登録フォームを置く

    Hugo、Jekyll、Eleventy、Astro の静的サイトにニュースレター登録フォームを追加し、メールツールの API キーをページに入れず、確認はツールで行います。Preet Suthar

  76. ローンチ

    自作のニュースレターフォームの登録を Kit に送る

    購読者を作成し、特典メールのために Kit のフォームに追加し、設置場所のタグを付けるリレーで、自作のニュースレターフォームを Kit につなぎます。Preet Suthar

  77. ローンチ

    自作のニュースレターフォームの登録を MailerLite に送る

    自作の登録フォームを MailerLite につなぎます。リレーが新しい読者をダブルオプトインのために未確認として追加し、購読者に二度確認を求めることはありません。Preet Suthar

  78. ローンチ

    自作のニュースレターフォームの登録を beehiiv に送る

    自作の登録フォームを beehiiv につなぎます。リレーがダブルオプトインをオンにし、設置場所を UTM ソースに、ページをリファラーにして各購読を作成します。Preet Suthar

  79. ローンチ

    Next.js でニュースレター登録フォームを作る

    Next.js のフッターのニュースレターフォームです。同意のチェックと Turnstile を行うサーバーアクションが Ikiform に送信し、ルートハンドラーが読者を Kit に追加します。Preet Suthar

  80. ローンチ

    Astro でニュースレター登録フォームを作る

    プリレンダーされたページのままで使える Astro のニュースレターフォームです。Astro Action が同意を確認して Ikiform に送信し、エンドポイントが読者を MailerLite に追加します。Preet Suthar

  81. ローンチ

    TanStack Start でニュースレター登録フォームを作る

    TanStack Start のニュースレターフォームです。ページ内での登録にはサーバー関数を、JavaScript なしの予備にはサーバールートを使い、本物の登録を beehiiv に送ります。Preet Suthar

  82. ローンチ

    React Router でニュースレター登録フォームを作る

    React Router のフッターのニュースレターフォームです。useFetcher が JavaScript なしでも動く /newsletter ルートに送信し、リソースルートが MailerLite に登録を渡します。Preet Suthar

  83. ローンチ

    SvelteKit でニュースレター登録フォームを作る

    レイアウトに置く SvelteKit 3 のニュースレターフォームです。同意と IP ごとの制限を確認するフォームアクション、ページにとどまる use:enhance、Kit 向けの Webhook のルートを組み合わせます。Preet Suthar

  84. ローンチ

    Nuxt でニュースレター登録フォームを作る

    JavaScript の有無にかかわらず動く Nuxt のニュースレターフォームです。Turnstile をチェックするサーバールートが Ikiform に送信し、Nitro のルートが beehiiv に登録を渡します。Preet Suthar

  85. 開発者

    ページを再読み込みせずに HTML フォームを送信する

    fetch と FormData でフォームを送り、訪問者をページにとどめる。フィールドのエラー、読み込み状態、リトライ、スクリプト失敗時のフォールバック付き。Preet Suthar

  86. 開発者

    フォーム送信後にサンクスページへリダイレクトする

    フォーム送信後に訪問者を自分のサンクスページへ送る方法。303 リダイレクト、_redirect フィールド、許可されるドメイン、再読み込みの挙動を解説します。Preet Suthar

  87. 開発者

    HTML フォームの action 属性を解説

    フォームの action 属性の役割、相対値や空の値の解決のされ方、formaction で 1 つのフォームを 2 か所に送る方法、静的ホストが 405 を返す理由を解説します。Preet Suthar

  88. 開発者

    ブラウザーとサーバーでの HTML フォームのバリデーション

    required、type、pattern、min でフォームを検証し、:user-invalid でエラーをスタイリングし、同じルールをフィールド定義でサーバー側にも適用します。Preet Suthar

  89. ローンチ

    自分で作った結婚式サイトに置く出欠フォーム

    自作の結婚式サイト用の出欠フォーム。招待ごとに 1 回答、名前のあるゲストごとに料理を選び、締め切りと未回答者のリストも用意します。Preet Suthar

  90. ローンチ

    Eventbrite を使わない、無料コミュニティイベントの参加登録

    無料のコミュニティイベントの参加登録を自分のサイトで運営します。セッションの選択、自分のツールからの確認メール、部屋ごとの人数、受付リストまで。Preet Suthar

  91. ローンチ

    イベントやフェスティバル向け、シフトを選べるボランティア募集フォーム

    シフトを選べるボランティア募集フォーム。当日の電話番号を集め、人手が足りないシフトを示してシフト表を作るスクリプト付き。Preet Suthar

  92. 開発者

    Node.js で Webhook の署名を検証する

    Node.js で Ikiform の Webhook 署名を検証する方法。Express と Fastify での生のボディ、SDK、standardwebhooks パッケージ、テスト済みの node:crypto 版。Preet Suthar

  93. 開発者

    Python で Webhook の署名を検証する

    Flask、FastAPI、Django で Ikiform の Webhook 署名を検証する方法。standardwebhooks パッケージか標準ライブラリを使い、pytest のテストも付けます。Preet Suthar

  94. 開発者

    Go で Webhook の署名を検証する

    Go の net/http で Ikiform の Webhook 署名を検証する方法。ボディを 1 回だけ読み、crypto/hmac で確認してテストするか、Standard Webhooks ライブラリを使います。Preet Suthar

  95. 開発者

    PHP と Laravel で Webhook 署名を検証する

    Ikiform の Webhook 署名を、素の PHP では hash_hmac と hash_equals で、Laravel では Standard Webhooks ライブラリと CSRF の除外で検証します。Preet Suthar

  96. 開発者

    Ruby と Rails で Webhook 署名を検証する

    Ikiform の Webhook 署名を、Sinatra では OpenSSL と Minitest のテストで、Rails では standardwebhooks gem と request.raw_post で検証します。Preet Suthar