Skip to main content

Propos de app

情念

Frontend

  • SEO (Search Engine Optimization) ぐるぐる検索で出やすくする。
  • SPA (Single Page App) JSからHtmlをつくる。
  • CSR (Single Page App) スマホ側でJSからHtmlをつくる。
  • SSG (Static Site Generator) ビルド毎にJSからHtmlをつくる。
  • SSR (Server Side Rendering) サーバー側でJSからHtmlをつくる。
  • ISR (Incremental Static Regeneration) JSから次のHtmlをつくる。

Network

  • CDN (Content Delivery Network) 地球中のコンピューターが使える。
  • CMS (Content Management System) 簡単にサイトを作れる系。
  • DNS (Domain Name System) URLに文字を打つとサイトが見れる。
  • RestAPI: URLで必要なデータだけ送ったり送られたりする。
  • Jamstack (JS API Markup): サーバーなしの静的サイト。

Backend

  • IaaS (Infrastructure as a Service) パソコンごと貸してくれる。
  • PaaS (Platform as a Service) データベースなど、ソフトごと貸してくれる。
  • SaaS (Software as a Service) Gメールなど、用意されたアプリを貸してくれる
  • FaaS (Function as a Service) 関数なら何でも実行できる "Hello world"
  • SQL (Structured Query Language) データベースのための言語
  • ORM (Object-Relational Mapping): SQLなしでデータベースをつかう。
  • RDB (Relational Database) データベースがつかえる
  • NoSQL (No Structured Query Language) データベースを使わなくていい。

Tool

  • Git: よくつかう。
  • Github: コードがいっぱいある。
  • Docker: 環境構築しなくて済む。
  • Kubernetes: 勝手にパソコンを大きくしてくれる。

Lang

  • Rust: 人気。
  • Ruby: 日本で人気。
  • Python(py): 読みやすい。
  • C/C++(c, cc, cpp): 読みにくい。
  • C#/F: Windowsあぷりつくれる。
  • Swift: iOSあぷりつくれる。
  • Kotlin: Androidあぷりつくれる。
  • Dart: あぷりつくれる。
  • Java: 何でもつくれる。
  • JavaScript: よくない。
  • ActionScript: けされた。
  • CoffeeScript: 人気だった。
  • TypeScript: 人気。
  • CloujureScript: 人気になる。

Markup

  • HTML: Webサイト作れる。
  • CSS: Webデザイン作れる。
  • Scss: CSSの上位互換。
  • Sass: CSSの上位互換。
  • Markdown: なんでもつくれる。
  • TeX: 大学で強要される。?

Frontend framework

  • jQuery: Webアプリ作れる(ようになった)
  • Angular.js: Google謹製で人気だった。
  • React.js: Facebook謹製で人気。
  • Vue.js: 日本で人気。

Backend framework

  • Ruby on Rails: Rubyで動くサーバー。
  • Django.py: Pythonで動くサーバー。
  • Node.js: パソコンでJSが動く。
  • Deno.js: Node.jsと同じ人が作った。
  • Express
  • Fastify

Fullstack

  • Remix.js: 良い。
  • Next.js: バックエンドが動く
  • Nuxt.js: Next.jsのVue.js版。
  • Nest.js: Next.jsのなんでも版?

Server

  • MySQL: Myさんのお父さんが作った。
  • PostgreSQL: ぞうさんが作った。
  • MongoDB: NoSQL NoLIFE。
  • GraphQL: 難しそう。
  • SQLite: シーケルアイト。
  • Redis: レッドアイエス。
  • NGINX: ネギックス。❌ッンギンックス。

Service

  • Express Server
  • Architect (AWS Lambda)
  • Fly.io
  • Netlify
  • Vercel
  • Cloudflare Pages
  • Cloudflare Workers
  • Deno (experimental)