SNSやAPI連携の準備

Webアプリを作っていくと、SNSログイン、地図、天気、AI、決済など、外部サービスとつなぐ場面が出てきます。

このページでは、登録前に知っておきたい考え方をまとめます。

よく使う登録先の例

• GitHub: コード管理、公開、共同開発
• Google: ログイン、地図、スプレッドシート連携
• X / Instagram / LINE: SNS連携や共有導線
• OpenAI などのAIサービス: AI API連携
• Vercel / Netlify: Webアプリの公開

APIキーとは

APIキーは、サービスを使うための「ひみつの合言葉」のようなものです。

コードに直接書いて公開すると、他の人に勝手に使われる危険があります。

公開してよいもの: サイト名、説明文、公開URL
公開してはいけないもの: APIキー、パスワード、アクセストークン

安全に進めるルール

1. APIキーは .env などの環境変数に入れる
2. .env は GitHub に push しない
3. 料金が発生するサービスは、必ず保護者や先生と確認する
4. SNS連携では、公開される情報を事前に確認する