カテゴリ一覧 著者一覧
LaravelとNuxtではじめるSNSシェアアプリ開発
0件
1,760円(税込)
獲得ポイント: 18pt
通常:
18pt

LaravelとNuxtではじめるSNSシェアアプリ開発

発売日: 2020年5月1日
想定ページ数: 78ページ
ISBN: 9784844378662
ダウンロード: PDF EPUB
本書はLaravelとNuxtを使って、OGP(Open Graph protocol)を活用したアプリ開発をテーマにした解説書です。Twitterの画像付きリンクツイート生成Webアプリ開発を通じて、フロントエンド・バックエンド双方の開発を学ぶことができます。
【目次】
第1章 APIの開発環境について
第2章 バックエンドのプロジェクトの構築
第3章 Dockerによるデータベースの構築
第4章 IAMのグループとユーザーを作成する
第5章 Amazon S3環境の構築
第6章 APIの設計
第7章 OGP登録APIの実装
第8章 OGP詳細取得APIの実装
第9章 Nuxtの開発環境を構築する
第10章 フロントエンド開発用のプロジェクトを生成する
第11章 Nuxtのベースレイアウトを修正する
第12章 トップページを作成する
第13章 トップページの入力データを画像データにするコンポーネントの作成
第14章 トップページからデータを渡すためのstoreを作成しよう
第15章 OGPの詳細ページを作成する
第16章 NuxtGenerateボタンをトップページに入れ、通信の確認をする
第17章 詳細ページの情報を取得するストアを作成する
第18章 詳細ページを作成する
第19章 アプリケーションの動作確認

目次

はじめに

本書で説明しないこと
対象読者
免責事項
OGPとは
OGPを活用したアプリケーションとは
本書で解説するアプリケーションについて

第1章 APIの開発環境について

1.1 概要
1.2 筆者の開発環境

第2章 バックエンドのプロジェクトの構築

2.1 概要
2.2 Laravel6のプロジェクトを用意する
2.3 CORSの設定
2.4 DB接続情報を設定する

第3章 Dockerによるデータベースの構築

3.1 docker-compose.ymlを作成する
3.2 Dockerのコマンドを確認する

第4章 IAMのグループとユーザーを作成する

4.1 概要
4.2 S3のポリシーを割り当てた新しいグループを作成する
4.3 IAMユーザーの作成

第5章 Amazon S3環境の構築

5.1 概要
5.2 S3バケットを作成する

第6章 APIの設計

6.1 概要
6.2 必要なAPIの確認
6.3 データベース設計

第7章 OGP登録APIの実装

7.1 概要
7.2 コントローラを作成する
7.3 コントローラにアクションを追加
7.4 エンドポイントを追加
7.5 マイグレーションファイルを作成
7.6 マイグレーションを実行してテーブルを作成する
7.7 モデルを作成する
7.8 メッセージをデータベースに保存する
7.9 S3に画像をアップロードする

第8章 OGP詳細取得APIの実装

8.1 概要
8.2 エンドポイントを追加
8.3 コントローラにアクションを追加
8.4 環境変数からS3バケットのURLを取得
8.5 APIの動作検証

第9章 Nuxtの開発環境を構築する

9.1 概要
9.2 筆者の開発環境

第10章 フロントエンド開発用のプロジェクトを生成する

10.1 概要
10.2 Nuxtとは
10.3 OGPサービスでNuxtを使用する理由
10.4 Nuxt2系のプロジェクトを生成する
10.5 Nuxtを立ちあげましょう

第11章 Nuxtのベースレイアウトを修正する

11.1 概要
11.2 レイアウトファイルの修正
11.3 確認してみましょう

第12章 トップページを作成する

12.1 概要
12.2 編集ファイルについて
12.3 index.vueの修正
12.4 確認してみましょう

第13章 トップページの入力データを画像データにするコンポーネントの作成

13.1 概要
13.2 npmパッケージhtml2canvasのインストール
13.3 GenerateOGPButton.vueを作成する
13.4 html2canvasを利用する上でのコード上の注意

第14章 トップページからデータを渡すためのstoreを作成しよう

14.1 概要
14.2 ストアの作成
14.3 ストアの構成

第15章 OGPの詳細ページを作成する

15.1 概要
15.2 作成ファイルについて
15.3 コードの記述

第16章 NuxtGenerateボタンをトップページに入れ、通信の確認をする

16.1 概要
16.2 トップページの修正
16.3 Nuxt.config.jsの修正
16.4 実行の確認

第17章 詳細ページの情報を取得するストアを作成する

17.1 概要
17.2 編集ファイルについて

第18章 詳細ページを作成する

18.1 概要
18.2 編集ファイルについて
18.3 metaタグの設定について
18.4 確認してみましょう

第19章 アプリケーションの動作確認

19.1 ngrokのインストール
19.2 ngrokの使い方
19.3 LaravelとNuxtを結合してメッセージを作成する

ユーザーレビュー

レビューがありません
書籍をシェアする