フロントエンド

フロントエンド系フレームワーク・プラットフォームの活用方法

フロントエンド系の開発の比重は近年高くなる一方です。コンシューマー向けだけでなく、エンタープライズでも生産性向上のために良いユーザー体験が求められるようになってきました。フロントエンド技術は、移り変わりが激しくキャッチアップが大変な分野でもあります。

ここでは、定番フレームワークの使いこなしポイントや、注目技術についてご紹介します。

Nuxt

#

Vue は React と人気を二分する UI フレームワークで、Nuxt は Vue をベースとした アプリケーションフレームワークです。ここでは Nuxt の導入や各機能の利用方法をご紹介します。

Nuxt3入門

#

ブログ

#

プリレンダリング

#

クライアントでの応答性が重要な Web アプリでは SPA(Single Page Application) が発展してきました。一方、コンテンツが重要なサイトでは事前ビルドした静的コンテンツによる MPA(Multi Page Application) が注目されています。ここではプリレンダリングフレームワークに関する記事を紹介します。

Eleventy(11ty)

#

Astro

#

Fresh

#

Lume

#

Deno

#

Deno は高速でセキュアな JavaScript ランタイムです。Node.js に比べ開発体験も向上しています。ここでは、Deno の導入や活用についてご紹介します。

Denoを始める

#

ブログ

#

エッジ環境

#

コンテンツの配信先を CDN にしてホスト管理プロセスを無くす Jamstack なアーキテクチャが普及してきています。さらに静的コンテンツのみならず、データベース機能も各サービスから提供され始めました。ここでは Netlify[1] をはじめとするエッジ環境の活用についてご紹介します。

Netlify

#

Deno Deploy

#

デスクトップアプリ

#

フロントエンドの技術は Web アプリだけでなくデスクトップアプリにも応用されています。ここでは、定番の Electron をはじめとするデスクトップアプリケーションのフレームワークの活用についてご紹介します。

Electron

#

Tauri

#

  1. 豆蔵デベロッパーサイトのホスティングにも使っています。 ↩︎

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。