Program/WebApplication

Web アプリケーション フレームワーク†[edit]

Java Script†[edit]

• jQuery

• Node.js (2009 年～)
  • サーバーサイドレンダリングが可能

• React.js (Meta、2013 年～)

• Vue.js (2014 年～)
  • SPA (Single Page Application) サイトを作ることができる (1 HTML で複数のページを作る)
  • 学習コストは低め

• Gatsby.js (2015 年～)
  • React.js ベース
  • 静的サイト生成が可能
  • ヘッドレス CMS と組み合わせて利用される

• Angular (Google、2016 年～)
  • JavaScript フレームワーク

• Next.js (2016 年～)
  • React ベース
  • サーバーサイドレンダリングや静的サイト生成が可能
  • ヘッドレス CMS と組み合わせて利用される

• Nuxt.js (2016 年～)
  • Vue.js ベース
  • サーバーサイドレンダリングや静的サイト生成が可能
  • ヘッドレス CMS と組み合わせて利用される

PHP†[edit]

• Symfony (Sensio Labs、2005 年～)
  • リリース時は Sensio Framework という名称だった
• Laravel (Taylor Otwell、2011 年～)
  • Symfony が基盤になっている
• Drupal (Dries Buytaert、2001 年～)
  • バージョン 8 から Symfony が基盤になっている
  • フレームワークであり、コンテンツ管理システムでもある

ページ生成方式†[edit]

• MPA [Multi Page Application]
• CSR [Client Side Rendering]
• SPA [Single Page Application]
  • 一つのページで完結する Web アプリケーション。
  • ページ遷移なしで、ページの一部だけを動的に更新できる。
  • Ajax [Asynchronous JavaScript + XML] などで API からデータを取得し、クライアント側で HTML を生成する。
  • Vue.js、Angular、React など。

• SSR [Server Side Rendering]
  • 初回リクエスト時にサーバ側で動的に HTML レンダリングを行う。
  • SPA に比べ初回リクエストの読み込みが早い。
  • 二回目以降は SPA と同様に API からデータを取得し、クライアント側で HTML を生成する。
  • Next.js、Nuxt.js など。

• SSG [Static Site Generator]
  • 予め静的 HTML ファイルを生成する。
  • 一部を更新するたびに、サイト全体をリビルドする必要があるため、大規模な Web サイトには適さない。
  • Next.js、Nuxt.js、Gatsby など。

• Jamstack [JavaScript, API, Markup Stack]

Menu

+ Operating System
　- Linux
　- FreeBSD
　- Solaris
　- Windows
　- Macintosh
　- Virtualization
+ Middleware
　- High Availability
　- Web
　- Mail
　- Database
　- FileTransfer
　- Management
　- Other Software
　- Library
　- Tool
+ Application
+ Network
+ Storage
+ Cloud
+ Protocol
+ Program
+ Others

最新の10件

Advertisement

#adsense(120x600)

Counter

Today: 1
Yesterday: 0
Total: 1097

MenuEdit