LoginSignup
1
0

More than 3 years have passed since last update.

【ふくだ学習録】アプリ制作part1【28日目】

Posted at

ふくだ学習録とは?

ふくだが学習したことの備忘録。
目に見える形で残すことによってやる気を出す個人的な作戦です。
他人に見せるように書いているわけではないので、すごく読みにくいです。

読了した本

データベースエンジニア養成読本 [DBを自由自在に活用するための知識とノウハウ満載!]
ゼロから作るDeepLearning
PHPフレームワーク CakePHP 3入門
SQLアンチパターン
Docker入門

今読んでいる本

なし

アプリ制作

アプリケーション構成

milanoteってアプリがすごい使いやすくて設計考えるのによかった!
大体の構成はこんな感じでいく!

export_canvas_adgallery-200208_0900.png

まずはSPA部分の制作!

SPA部分

今回は、Nuxt.jsではなくNext.jsを使用していく。
選定理由は「学習できることが多そうな方はNext.jsっぽい」という理由。

以下もうちょい詳細な理由
・Next.jsはミニマリズム、Nuxt.jsは包括的なフレームワークってイメージがある。
・Nuxt.jsの方が文献が多くあるので、学習コストが低そう。(ちなみにこれはマイナス評価)
・今回はAPIサーバを別で立てるので、Nuxt.jsの機能は機能過多になりそう。

以下選定の際に参考にした記事。(Koa.jsも検討しよ)
TypeScript と Redux に入門しながら Next.js でサンプルアプリケーションを作ってみた
なぜNext.jsを選んだのか?
DMMのサービスを支えるフロントエンド技術の今

SPA環境構築

下記記事を参考に環境構築を行なう。

10分で作るNext.jsとDockerを使ったSSR+SPA環境

Next.js

下記を読んで実装していく。

Next.jsチュートリアル翻訳

今日の一言

dockerでNext.js動くような環境作成した!
ngnixをプロキシにnode.jsで作ったけど、なぜかngnixがnodeの方に繋いでくれへん、、、
dockerむっっっず。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0