普通のWebサイトをNuxt.jsで作り変えてみた話 | ARAKAZE NOTE
フレームワークはもはや流行りとか言うよりもひとつふたつは使っていて当たりまえ…みたいな雰囲気を感じる今日この頃ですが、受託制作で普通のWebサイトを作っていると普段の仕事では早々使う機会がないんじゃないかと思います。（僕だけですかね…？） Webサービスやゲームのように非同期で通信する要素があるわけでもなく、DBもなくページ内の物量も普通…そんな普通のコーポレートサイトやLPなんかを作るのにフレームワークはややオーバースペックに感じます。 ついでにクライアントから「ちょっとならHTML触れるから自分で更新します」と言われた日には開発環境の導入自体のハードルが高く、そもそもhtmlじゃないフレームワークの導入なんて出来ません。 今回はそんな風に「別に使わなくても仕事は出来るしなぁ」と腰が重かった自分が、自身のポートフォリオサイトをNuxtに作り変えてみた感想を書いていきます。 Nuxt.js
TypeScriptではじめるVueコンポーネント（vue-class-component） - Qiita
こんな人向け Vue.jsを使っているうちに以下のような考えになった人 TypeScriptでコンポーネントを書きたい .vueファイルに抵抗がある（フォーマッタ、補完がそのままじゃ効かないし、色々設定するのは疲れる） scoped cssはなくても大丈夫 前提知識 Vue.js、TypeScriptがなんとなくわかる やること コンポーネントをTypeScriptで書く。 （ついでに）テンプレート部分はhtmlファイルに分ける。 使うもの vue vue-class-component vue-property-decorator webpack vue-class-componentってなに？ TypeScript（.tsファイル）でコンポーネントが書けるようになる。 Componentデコレータをつけて、Vueを継承したクラスとして書く。 例えば、空のコンポーネントはこう。
Vue + Typescript + Element + fuseboxの開発環境構築 - Qiita
更新 2018/12/02 この記事を書いたあといろいろ試しましたが、Nuxtがオススメです。 超絶かんたんにセットアップできます。 Server side renderingが超絶簡単にできるので、SEOにも有利です。 概要 以下のライブラリを使って、フロントエンドUI開発環境を整えてみました。結論だけ知りたい方はサンプルアプリを見てください。この記事には、この構成にいたった経緯やハマりポイントを書きます。 fusebox webpackのようなもの。typescriptとの相性が良く、webpackより速い。 vue Javascriptフレームワーク Element vueのコンポーネント集 typescript サンプルアプリ: https://github.com/contribu/element-ui-sample 経緯やハマりポイント スピード重視でfuseboxを選んだ W
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
