TSXで型安全なVueアプリケーションを体験する
先日開催されたVue FesおよびVueConf TOにて、Evanから正式にVue 3.0のいくつかの機能がアナウンスされました。 その中で特に興味を引いたのは公式なTSXのサポートアナウンスです。 Literal Templateを標準スタイルとしているが故に「Vueで型安全なアプリケーションは書けない」と長らく叫ばれていましたが、ようやくその汚名(?)も晴らせそうそうですね。 今回は@wonderful-panda氏の提供しているvue-tsx-supportを利用して、一足先に型安全なVueアプリケーションの世界を体験してみたいと思います。 Embedded content: https://github.com/wonderful-panda/vue-tsx-support vue create app 今回はGitHubのレポジトリ情報をGraphQLで取得するサンプルアプリケ
Nuxtアプリを無料で公開するときに試した5つの環境まとめ(Firebase/GAE/Netlify/Heroku) - Qiita
最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ
Nuxt.js+TypeScriptのアプリケーションのためのコーディングガイドライン - Qiita
この記事は食べログ Advent Calendar 2019 3日目の記事です。 はじめまして。食べログのフロントエンドチームに所属している@empitsu88です。 食べログの各種サービスのフロントエンド領域の設計・開発を担当しています。 先日、「食べログ テイクアウト」という新しいサービスをリリースしました。 こちらはiOSアプリですが、管理画面側をNuxt.js + TypeScriptで開発しています。 Nuxt.js + TypeScriptをプロダクトコードに使用するのは初めての試みだったので、メンテナブルなアプリケーションにするにはどうしたらいいか、日々模索しています。 今回はその技術を選定するに至った経緯や、チームで運用しているコーディングガイドラインの一部をご紹介します。 技術スタック Nuxt.js TypeScript Class API Sass + scoped
阿部寛を超えるための技術: はてなブログからNuxtに移行した話
旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき 今回の実装にあたってはフレームワークに依存せずSPAを作成することも検討しましたが、SEOなどを考えるとSSRの仕組みが必須です。またSSRもスクラッチで組もうとすると中々ハードルが高く(Storeのハイドレーション、Render hooksのAPI設計等)、今回は業務でも利用した事のあるNuxt.jsを利用しました。 Embedded content: https://nuxtjs.org/ 詳細は後述しますが、Nuxt communityの提供しているModule群がものすご
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React のユーザーから見た今後のフロントエンドの予想