まずはReplicateのアカウントページ（https://replicate.com/account/api-tokens）にアクセスします。

アクセスすると「Sign in with GitHub」ボタンが表示されますので、事前にGitHubのアカウントを取得し、ボタンをクリックします。なお、クリックする前に「By signing in, you agree to our terms of service and privacy policy.（サインインすることにより、お客様は当社のサービス利用規約およびプライバシーポリシーに同意したことになります。）」と表記されていますので、サービス利用規約（https://replicate.com/terms）とプライバシーポリシー（https://replicate.com/privacy）を翻訳ツールなどで確認し、クリックします。

クリックすると「Sing in to GitHub（https://github.com/login）」のページが表示されます。「Sign in to GitHub to continue to Replicate」と表記されていますので、「Username or email address（ユーザー名またはメールアドレス）」を入力しその後に「Password」を入力します。入力後、「Sign in」ボタンをクリックします。

クリックすると「GitHub Where software is built（https://github.com/sessions/verified-device）」のページが表示されます。ページには「Device verification（デバイスの検証）」と表示され「We just sent your authentication code via email to ************@****.com. The code will expire at **:** ** JST.（認証コードを電子メールで *******@****.com に送信しました。コードの有効期限は日本時間** 時 ** 分です。）」と表示されていますので、GitHubに登録しているメールを確認し、タイトルが「[GitHub] Please verify your device」のメール内に「Verification code:」が記載されていますので、コードをコピーし、「Device Verification Code」の入力欄に貼り付けます。

貼り付けると「Authorize application（https://github.com/login/oauth/authorize）」のページが表示されます。「Authorize Replicate（Replicateを許可する）」とありますので「Authorize application（アプリケーションを承認する）」ボタンをクリックします。

クリックすると承認され、「Account settings – Replicate（https://replicate.com/account/api-tokens）」のページに移動します。移動するとページ内では「API tokens」の項目が表示され、APIトークンが表示されています。これで「Replicate」のAPI トークンを取得する作業は完了となります。

We've learned a lot from the ChatGPT research preview and have been making important updates based on user feedback. ChatGPT will be coming to our API and Microsoft's Azure OpenAI Service soon.

Sign up for updates here: https://t.co/C7kMVpMAKv

— OpenAI (@OpenAI) January 17, 2023

ChatGPTがAPIとMicrosoftのAzure OpenAI Serviceに近日中に公開される予定だということで、ChatGPTのAPIに興味があるので、「OpenAI ChatGPT API Waitlist（https://share.hsforms.com/1u4goaXwDRKC9-x9IvKno0A4sk30）」のページから参加してみることにします。

参加の際に、First name（名前）、Last name（苗字（姓））、Email（メールアドレス）を入力します。

・Build a new product（新しい製品を作る）
・Integrate into an existing product（既存製品への組込み）
・General exploration of capabilities（一般的な能力の調査）
・Academic research（学術研究）

入力後、ページ下に移動すると、「How do you primarily plan to use the ChatGPI API models?（ChatGPIのAPIモデルは、主にどのように利用する予定ですか？）」という質問が表示されこれに対しての回答が選択肢形式で表示されていますので、いずれか1つを選択します。今回は「General exploration of capabilities（一般的な能力の調査）」とします。

次にページ下に移動すると「Are there specific ideas you’re excited to build with the ChatGPT API?（ChatGPT APIを使って作りたい具体的なアイデアはありますか？）」という質問が表示されています。回答を下の入力フォームに入力します。今回は翻訳ツールを用いて英語で入力しました。

入力後、ページ下の「Join Waitlist（待機リストに参加する）」ボタンをクリックします。

クリックすると、「Introduction – OpenAI API」ページに移動しました。これで待機リストへの参加は完了。後日、参加の際に入力したメールアドレスに情報が届くことを期待して待ちます。

■PC環境

Windows10

■postmanにアクセスしSign Up（サインアップ）を行う

まずは、「Postman（https://www.postman.com/）」にアクセスします。

アクセスすると、「Sign Up for Free」のボタンが2つ表示されます。今回は右上にあるボタンの方をクリックします。なお、Postmanは、「Mac / Windows / Linux」でデスクトップアプリ（https://www.postman.com/downloads/）が公開されています。

クリックすると、「Sign Up（https://identity.getpostman.com/signup）」に移動します。ページ内に「Create Postman Account（Postmanアカウントの作成）」と表示されていますので、お使いのEmail（メールアドレス）を入力し、Postmanで使用するUsername（ユーザー名）を入力します。入力後、Postmanで使用するPassword（パスワード）を入力します。

入力後「Sign up to get product updates, news, and other marketing communications.（サインアップして、製品の更新、ニュース、およびその他のマーケティングコミュニケーションを入手してください。）」にチェックするかどうかを決めます。

決めた後に「Stay signed in for 30 days（30日間サインインしたままにする）」にチェックが入っているので、確認します。利用が頻繁であればサインインしたままにしておいた方が便利です。

あとは、利用規約（https://www.postman.com/legal/terms/）とプライバシーポリシー（https://www.postman.com/legal/privacy-policy/）を翻訳し確認します。確認後、「Create free account」ボタンをクリックします。

クリックすると、Postmanアカウントの作成が完了し、プラットフォーム内に入ることができます。

News APIは、80,000を超える世界中の現在及び過去のニュース記事をJSON形式で取得することができます。

■API Keyに登録しAPI Keyを取得する

API Keyに登録しAPI Keyを取得するためには、News API（https://newsapi.org/）にアクセスします。アクセス後、サイトに表示されている「Get API Key」のボタンをクリックします。

クリックすると、「Register – News API」のページへ移動します。ページ内の「First name（名前）」に名前を入力し、「Email address（メールアドレス）」にメールアドレスを入力。

入力後、「Choose a password（パスワードを決めて下さい）」にパスワードを入力します。

その後、「You are…」で「I am an individual（私は個人です）」か「I am a business, or am working on behalf of a business（私は企業であるか、企業を代表して働いています。法人）」のいずれかを選択します。今回は個人を選択します。

選択後、reCAPTCHAの「私はロボットではありません」にチェックを入れます。入れた後に条件（https://newsapi.org/terms）を確認し、「I agree to the terms.（条件に同意します。）」にチェックを入れます。

最後に「Submit（送信）」ボタンをクリックします。

クリックすると、「Registration complete（登録完了）」のページに移動します。ページ内には「Registration complete（登録完了）」と表示され、「Your API key is（あなたのAPIkeyは）」と表示されていますので、表示されているものがAPIkeyになります。これでAPI Keyに登録しAPI Keyを取得することができました。なお、登録したメールアドレスにもAPIkeyが記載された「News API registration complete!」が届きます。

なお、News APIの料金（https://newsapi.org/pricing）はDeveloper（開発者）は無料で使用することができ、Business（ビジネス用）、Enterprise（企業用）では有料となります。

NanoNetsは、機械学習はAPIを提供しています。APIを介して画像とテキストを理解することができます。またAPIを使用して、カスタムの深層学習モデルを構築できます。さらにAIを用いて、ドキュメントからデータを自動的に抽出することも可能です。

まずはNanoNets（https://nanonets.com/）にアクセスします。アクセスすると「GET STARTED FOR FREE（無料で始めましょう）」というボタンがありますので、こちらをクリックします。

クリックすると、「Create your account（アカウントを作成）」と表示されたサインアップページへ移動します。アカウントを作成するためには、「Register with Google（Googleに登録する）」ボタンをクリックし、Googleアカウントを用いてアカウントを作成する方法か、「Work email（仕事用メールアドレス）」を入力し、「Password（パスワード）」を設定し、アカウントを作成する方法の2つがありますので、今回は「Register with Google」ボタンをクリックし、アカウントの作成を行ってみます。

クリックすると、「Googleアカウント」のログインページが表示されます。ページ内には「アカウントの選択」と表示されていますので、アカウントの作成のために、お持ちのGoogleアカウントを選択します。

選択すると、ページが移動し、「Welcome to Nanonets!」と表示されます。ページ内に「What is your full name?（あなたのフルネームは何ですか？）」と書かれていますので、入力欄にフルネーム（姓名）」を入力します。入力後「What is your company website?（あなたの会社のウェブサイトは何ですか？）」と書かれていますので、入力欄に会社のウェブサイトを入力します。入力しますが、今回は個人での登録のため、入力は行いません。

入力後、「Get Started（はじめに）」ボタンをクリックします。

クリックすると、「What type of document would you like to extract data from?（どのような種類のドキュメントからデータを抽出したいのですか？）」と表示されますので、「Invoices（請求書）」、「Receipts（領収書）」、「Driver’s license (USA)（運転免許証(米国)）」、「Passports（パスポート）」、「Other（その他）」から選択します。今回は「Invoices（請求書）」を選択しています。

選択後、「Get Started（はじめに）」ボタンをクリックします。

クリックすると、「Extract Data」と表示されたページが表示されます。これでアカウントの作成は完了となります。

NanoNetsのスターター（無料）プランでは、クエリ100ページという上限で5つのフィールドを含み、2つのリトレインを利用することができます。

serpstack（https://serpstack.com/）は、無料でリアルタイムのGoogle検索結果APIで、世界中の検索エンジンの結果ページにおいて制作したWebサイトを監視するために使用できます。

■serpstackのアカウントを取得する

まずは「serpstack（https://serpstack.com/）」にアクセスします。

アクセスすると、サイトの上部に「SIGN UP FREE（無料会員登録）」という文字がありますので、こちらをクリックします。

クリックすると「Pricing（価格設定）」のページに移動します。このページ内で「Free（無料）」の「SIGN UP」ボタンをクリックします。

クリックすると、「Sign Up（登録）」のページに移動します。「ACCOUNT DETAILS（アカウントの詳細）」の項目でメールアドレスとパスワードを入力します。

入力後、ページを下にスクロールし、「請求内容（BILLING DETAILS）」の項目を入力します。「Full Name（姓名）」、「Address（住所）」、「Postal Code（郵便番号）」、「Country（国名）」、「State（都道府県）」、「City（市）」を入力します。

入力後、ページを下にスクロールし、「会社情報（COMPANY DETAILS）」の項目を入力しますが、今回は個人でのアカウント登録になりますので、入力はしません。法人の場合は入力する必要があります。

入力後、「私はロボットではありません」のチェックボックスにチェックを入れます。

その後に「Receive important maintenance and service notifications (recommended)メンテナンスやサービスに関する重要なお知らせを受け取る（推奨）」のチェックボックスにチェックが入っていますので、確認します。不要の場合はチェックを外します。

次に「I have read and agree to the Terms & Conditions, Privacy Policy and Service Agreement of this website and service. （私は、本ウェブサイトおよびサービスの利用規約（https://serpstack.com/terms）、プライバシーポリシー（https://serpstack.com/privacy）、サービス利用規約（https://serpstack.com/agreement）を読み、同意します。）」のチェックボックスにはチェックが入っていませんので、これにチェックを入れないとアカウント登録できないので、チェックを入れます。

最後にページの一番下にある「Sign Up」ボタンをクリックします。

クリックすると、「Quickstart Guide（クイックスタートガイド）」のページに移動します。これでアカウントの登録は完了となります。

なお、Free（無料）プランは、Google検索の検索結果を月で100回取得することができます。それ以上は制限がかかります。また取得できる形式は、JSONのみとなります。

今回は、Tensor Flow上に構築されたface-api.js（https://github.com/justadudewhohacks/face-api.js）ライブラリを使用して、顔認識を簡単に行ってみます。

■PC環境

・Windows10 Pro

・Visual Studio Code 1.57.0

・git version 2.31.1.windows.1

■リポジトリのクローンを作成する

まずは、リポジトリのクローンを作成します。作成しますので、Windows10のコマンドプロンプトを起動します。

C:\Users\<ユーザー名>>git clone https://github.com/justadudewhohacks/face-api.js.git

起動後、上記のコマンドを入力し、Enterキーを押します。

Cloning into ‘face-api.js’…
remote: Enumerat ing objects: 9124, done
remote: Counting objects: 100% (11/11), done.
remote: Compressing objects: 100% (11/11), done.
remote: Total 9124 (delta 6), reused o (delta 0), pack-reused 9113
Receiving objects: 100% (9124/9124), 210.79 MiB | 4.13 MiB/s, done.
Resolving deltas: 100% (6281/6281), done.

Enterキーを押すと、クローンの作成が開始されます。しばらくすると、完了します。

■Webアプリの準備

完了後、カレントディレクトリ（作業ディレクトリ）内に「face-api.js」というフォルダが作成されていることが確認できます。

フォルダの中身を確認すると、上記のようになっています。フォルダ内に「dist」と「weights」のフォルダがありますが、今回は「dist」の「face-api.js」と、「weights」内のファイル全てを使います。

確認後、カレントディレクトリ（作業ディレクトリ）内に、今回は「test_face_api」というフォルダを作成します。

作成後、「face-api.js」というフォルダ内の「weights」のフォルダをコピーします。

コピー後、「test_face_api」というフォルダ内に「weights」のフォルダを貼り付けます。その後「weights」の名前を「models」という名前に変更します。

変更後、「face-api.js」フォルダ内の「dist」の「face-api.min.js」をコピーします。

コピー後、「test_face_api」というフォルダ内に「face-api.js」のフォルダを貼り付けます。

■顔認識をテストする簡単なWebアプリの作成

貼り付け後、顔認識をテストする簡単なWebアプリの作成を行います。コードエディタ（Visual Studio Code）を開きます。「test_face_api」フォルダ内にindex.htmlを作成します。

■index.html

<!DOCTYPE html>
<html lang = "ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>顔認識のテスト</title>
    <script defer src="face-api.min.js"></script>
    <script defer src="script.js"></script>
    <style>
        body{
            margin: 0;
            padding: 0;
            width: 100vw;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        canvas{
            position: absolute;
            top:0;
            left: 0;
        }
    </style>
</head>
<body>
    <input type="file" id="imageUpload">
</body>
</html>

アップロードした画像で顔認識のテストを行えるようにします。次に「test_face_api」フォルダ内にscript.jsを作成します。

■script.js

const imageUpload =document.getElementById('imageUpload')

Promise.all([
    faceapi.nets.faceRecognitionNet.loadFromUri('./models'),
    faceapi.nets.faceLandmark68Net.loadFromUri('./models'),
    faceapi.nets.ssdMobilenetv1.loadFromUri('./models')
]).then(start)

function start(){
    const container = document.createElement('div')
    container.style.position = 'relative'
    document.body.append(container)
    document.body.append('Loaded')
    imageUpload.addEventListener('change', async() =>{
        const image = await faceapi.bufferToImage(imageUpload.files[0])
        container.append(image)
        const canvas = faceapi.createCanvasFromMedia(image)
        container.append(canvas)
        const displaySize = { width: image.width, height:image.height}
        faceapi.matchDimensions(canvas, displaySize)
        const detections = await faceapi.detectAllFaces(image)
        .withFaceLandmarks().withFaceDescriptors()
        const resizedDetections = faceapi.resizeResults(detections,
        displaySize)
        resizedDetections.forEach(detection => {
            const box = detection.detection.box
            const drawBox = new faceapi.draw.DrawBox(box, {label: 'Face'})
            drawBox.draw(canvas)
        })
    })
}

script.js内で顔検出の実行処理などを記述します。

■実行、デバッグ

記述後、実行、デバッグを行います。今回はVisual Studio Codeの拡張機能で「Live Server」と「Debbuger for Chrome」を事前にインストールし、GoogleChromeにて実行、デバッグを行います。なお、今回使用する画像は、著作物を考慮し、フリーで高品質な画像素材が検索できるPixabay（https://pixabay.com/ja/）からダウンロードしてきた画像を使います。（商用利用可能OKの画像）。

実行、デバッグしてみると、使用した顔検出・顔認識モデルの影響か、それともそれ以外が原因か、一人の顔の認識できませんでしたが、顔としての認識はされているので、今回はこれで顔認識のテストを終了します。

■環境

・Windows10

・XAMPP 8.0.6

・PHP Version 8.0.6

・Visual Studio Code 1.56.2

■Google スプレッドシートのデータを用意する

PHPとAPIを使用しGoogle スプレッドシートのデータを抜き出しWebサイトに表示させてみますが、その前にGoogle スプレッドシートを作成し、データを記入します。

今回は「Users」というタイトルのGoogleスプレッドシートを用意しました。スプレッドシート内には、データとして、「name」や「email」といった情報を記入しています。

■Googleスプレッドシートをウェブに公開

Google スプレッドシートのデータが用意できましたので、このスプレッドシートをウェブに公開します。

ウェブに公開する際は、Google スプレッドシートの上部メニューの「ファイル」をクリックします。クリックすると「ウェブに公開」という項目がありますので、こちらをクリックします。

クリックすると、「ウェブに公開」というポップアップが表示されますので、「リンク」の「ドキュメント全体」-「ウェブページ」と設定し、「公開」ボタンをクリックします。

クリックすると、「Googleドライブ」というポップアップが表示され、「この選択を公開してもよろしいですか？」と質問されていますので、「OK」ボタンをクリックします。

クリックすると、「ウェブに公開」というポップアップ内の「リンク」の「公開ボタン」が「公開済み」と表示され、URLが発行されます。これでGoogleスプレッドシートがウェブに公開されました。なお、「ウェブに公開」という設定を行わないと、Google スプレッドシートのデータを取得することができません。

■PHPファイルを作成する

公開後、Google スプレッドシートのデータを抜き出しWebサイトに表示させてみますので、今回はPHPで簡単なWebサイトを作ってみます。コードエディタ（Visual Studio Code等）を開き、コードを書いていきます。

■コード

<?php
$result=file_get_contents('https://spreadsheets.google.com/feeds/list/******/od6/public/basic?alt=json');
$arr=json_decode($result,true);
$data=$arr['feed']['entry'];
?>
<table>
    <tr>
        <td>No.</td>
        <td>Name</td>
        <td>Email</td>
    </tr>
    <?php
        $i=1; 
        foreach($data as $list){
            $str=$list['content']['$t'];
            $arr=explode(",",$str);
            $emailArr=explode(":",$arr[0]);
            echo "<tr>
                <td>$i</td>
                <td>".$list['title']['$t']."</td>
                <td>".$emailArr[1]."</td>
            </tr>";
            $i++;
    }
    ?>
</table>

今回は、file_get_contents()関数を使用し、URLの情報を取得します。取得する情報は、Google Sheets APIを利用し、今回用意したGoogleスプレッドシートのデータです。

ページが見つかりません

ウェブ ワープロ、プレゼンテーション、スプレッドシート

spreadsheets.google.com

取得する際は上記のURLで取得します。「*******」の部分は、spreadsheetId（スプレッドシートID）を記入します。spreadsheetId（スプレッドシートID）は、Webブラウザで、Google スプレッドシートにアクセスした時に、アドレスバーに表示されています。（Google Sheets API:https://developers.google.com/sheets/api/guides/migration）

ちなみに今回はURLから情報を取得しますが、URLの末尾に「?alt=json」と記述し、JSON形式でデータを取得します。

JSON形式で取得したデータを、json_decode()関数でデコードします。デコードしたものの中から、Webサイトで表示する「name」と「email」を取り出します。その後、foreach文とecho文を使用し、Webサイトで表示させます。

■実行

では、このスクリプトを「s_test.php」という名前で保存し、実行させてみます。

実行してみると、PHPとGoogle Sheets APIを利用し、Googleスプレッドシートのデータを取得し、Webサイトに表示させることができました。

なお、NASA（アメリカ航空宇宙局）のAPIは、無料で利用でき、日本国籍であっても利用することができます。

■NASA（アメリカ航空宇宙局）のAPIにアクセスしキーを生成する

まずは「NASA Open APIs（https://api.nasa.gov/）」にアクセスします。アクセスすると、ページ内に「Generate API Key（APIキーを生成する）」という項目がありますので、First Name（名前）、Last Name（名字）、Email（メールアドレス）を入力します。Application URL（アプリケーションのURL）はオプションなので、入力しなくても問題ありません。

入力後、「Signup（登録する）」ボタンをクリックします。

Your API key for *****@***.***（メールアドレス） is:

*********（APIキー）

クリックすると、「Your API key」などのメッセージが表示され、APIキーの生成が完了します。なお、登録したメールアドレスには「Your https://api.nasa.gov API key」というタイトルのメールが届き、内容は上記のメッセージと同じものとなっています。これでAPIキーを利用し、NASA（アメリカ航空宇宙局）のAPIを利用することができますが、APIキーを使用しリクエストできる数には制限などがあります。

■eBay Developers Programにアクセスする

まずは、eBay Developers Program（https://developer.ebay.com/）にアクセスします。

アクセスすると、サイト上に「Register」という文字がありますので、こちらをクリックします。

クリックすると「eBay Developers Program Registration（eBay開発者プログラム登録）」のページが表示されますので、ユーザー名、パスワード（8〜64文字を使用。少なくとも1つの文字を含める。少なくとも1つの番号を含める。少なくとも1つの記号を含めます。これらの記号のみがサポート:　@＃$％^ * -_ + =）、メールアドレス、もう1度メールアドレスを入力します。

次に「Mobile Phone Number (For Verification)携帯電話番号（確認用）」で、国旗のマークをクリックし、日本を選択し、番号を入力します。

入力後、「I have read and accept the eBay API License Agreement（eBay APIライセンス契約を読み、同意しました）」に、eBay APIライセンス契約（https://developer.ebay.com/products/license）をGoogle翻訳などで翻訳し確認します。確認後、チェックボックスにチェックを入れます。

その後、「私はロボットではありません」のチェックボックスにチェックを入れます。

入れた後、「Join」ボタンをクリックします。

クリックすると、「Confirm Your Email Address（メールアドレスを確認してください）」と表示されますので、登録の際に使用したメールアドレスを確認します。

確認すると「Verify your email address with eBay Developers Program」というメールが届いていますので、メール本文を確認し、「Click to Confirm Email」ボタンを押すか「https://developer.ebay.com/verify?reqinput=***」のURLをクリックします。

「Welcome to eBay Developers Program!（eBay開発者プログラムへようこそ！）」と表示されます。「Login to access your account（ログインしてアカウントにアクセスします）」の文字をクリックします。

クリックすると「Sign In」が表示されますので、ユーザー名とパスワードを入力し、「Sign In」ボタンをクリックします。

クリックすると「Thank you for registering with the eBay Developers Program. We are reviewing your account information. Access to your new account is pending approval, which takes at least one business day.（eBay開発者プログラムに登録していただきありがとうございます。 アカウント情報を確認しています。 新しいアカウントへのアクセスは承認待ちです。承認には少なくとも1営業日かかります。）」と表示されます。

表示後、新しいアカウントへのアクセスが承認されるまで待ちます。

1日ほどすると「Welcome to the eBay Developers Program!」というメールが届きますので、これでアカウントのアクセス承認の完了となります。

完了後、ログインページで再度ユーザー名とパスワードを入力します。入力するとログインすることができます。

■アプリケーションアクセスキーの取得

ログイン後、「Application Keys（https://developer.ebay.com/my/keys）」へ移動します。

移動すると、「Application Title:（アプリケーションのタイトル）」の入力欄がありますので、タイトルを入力します。入力すると「Sandbox」、「Production」という項目が表示されます。今回は「Production」の「Create a keyset」という文字をクリックします。

文字をクリックすると、「Confirm the Primary Contact for this Account（このアカウントの主な連絡先を確認します）」というウインドウが表示されます。キーを作成する前に、アカウント所有者に関する追加の詳細を提供しますので、「First Name（名）」と「Last Name（姓）」を入力します。

入力後、ウインドウ下の「Individual（個人）」か「Business（ビジネス）」を選択します。今回は個人を選択します。なお、ユーザートークンに問題がある場合、eBayはこの個人または企業に連絡されると表記されています。

選択後「Continue to Create Keys」ボタンをクリックします。

クリックすると、「eBay has created your test keyset for the Production environment. You can make 5000 calls per day with this keyset. Apply for a Compatible Application Check to increase your limit.（eBayは、本番環境用のテストキーセットを作成しました。このキーセットを使用すると、1日あたり5000件の通話を発信できます。互換性のあるアプリケーションチェックを申請して、制限を増やします。）」というポップアップが表示されます。

表示された後に、「Production」の項目に「App ID (Client ID)」、「Dev ID」、「Cert ID (Client Secret)」が表示されます。