Slide 1

Slide 1 text

タイトルを追加 テキストを追加 テキストを追加 テキストを追加 1

Slide 2

Slide 2 text

自己紹介 鈴木一郎 クラウド事業部 ソフトウェアエンジニア 2

Slide 3

Slide 3 text

画像の例 画像の例 ➡️ 3

Slide 4

Slide 4 text

タイトルだけを大きく見せます 4

Slide 5

Slide 5 text

ひとことだけ何かを言いたい時に使用します ひとこと表示(ネガティブ) 5

Slide 6

Slide 6 text

ひとことだけ何かを言いたい時に使用します ひとこと表示(ポジティブ) 6

Slide 7

Slide 7 text

箇条書きじゃない文字 こんにちは 7

Slide 8

Slide 8 text

コードを貼り付ける npm i open-graph-scraper 使い方の例 const ogs = require("open-graph-scraper"); const options = { url: "http://ogp.me/" }; const data = await ogs(options); const { error, html, result, response } = data; console.log("error:", error); // This returns true or false. True if there was an error. The error itself is inside the result console.log("html:", html); // This contains the HTML of page console.log("result:", result); // This contains all of the Open Graph results console.log("response:", response); // This contains response from the Fetch API 8

Slide 9

Slide 9 text

Mermaidによる作図 ResourceServer AuthServer ClientApp User ResourceServer AuthServer ClientApp User Request access to resource Redirect to authorization endpoint Show login and consent form Submit login and consent Redirect to client with authorization code Exchange authorization code for access token Send access token Request resource with access token Send resource Display resource 9

Slide 10

Slide 10 text

参考 クラスメソッド株式会社 10

Slide 11

Slide 11 text

11