セール中カテゴリ一覧著者一覧

コンピュータ・IT Laravel Nuxt アプリ開発

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

0件

1,980円（税込）

獲得ポイント: 20pt 内訳

通常:

20pt

試し読み

カート追加

ギフト購入

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

インプレス NextPublishing

寺田晃大 (著) 峯岸海 (著)

発売日 : 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を結合してメッセージを作成する

ユーザーレビュー

レビューがありません