Nuxtでデコレーターを使わずTypeScriptを書いてみた | Mix Design
こんにちわ、ななきです。 だいぶ前にVueをTypeScript化した的な記事書いたのですが、それから案件でもTS化したVueを使っていたのと最近の界隈の流れもありNuxtもTypeScript化してみました。 結果的にデコレータを使わずに、vuexもコンポーネントも型が効いており満足です。 ちなみにvuex部分にかんしてはこちらのリポジトリを参考にさせて頂きました。 コンポーネントのTS化 コンポーネントに関してはびっくりするほどやることないです。 $ yarn add ts-node $ yarn add -D @nuxt/typescript $ touch tsconfig.json $ nuxt build
TypeScriptでNuxtアプリケーションを作成する際の覚書 | Studio Andy
この記事はCAMPHOR- Advent Calendar 2018 11日目の記事です。 このたびブログを新調しました。Nuxt + TypeScriptで作成したSingle Page ApplicationをGAEにホストして、Server Side Renderingも行っています。 ブログ移行の経緯や実装時のあれやこれやはまた明日別の記事でお話ししますが、その前段として本日はNuxt + TypeScriptのアプリケーションを作る時に自分がやったことを備忘録的に記録したいと思います。 また本記事で紹介しているソースコードはGitHubに公開しています↓↓ Embedded content: https://github.com/andoshin11/nuxt-typescript-example TypeScriptとは TypeScriptとはMicrosoftの主導で開発さ
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていく - Qiita
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていくTypeScriptVuexNuxt はじめに Nuxt1を軽く触った程度なのと、tsほぼ未経験の状態でこの記事を記載していますので間違っているところはぜひご指摘頂けますと幸いです🙇 前提 nuxt 2.0.0 typescript 3.1.1 やってみる Nuxt2をインストールする 執筆時点ではver2インストールの和訳はされていないのでenページの手順通り行います。 npxを使ったことがなかったので今回はnpxでやってみます。
【Vue.js】Vuetify と TypeScript を使用した環境を構築してサンプルプロジェクトを立ち上げるまでの手順 - Qiita
【Vue.js】Vuetify と TypeScript を使用した環境を構築してサンプルプロジェクトを立ち上げるまでの手順JavaScriptTypeScriptVue.jsvue-cliVuetify はじめに Vue.js 用のマテリアルデザインフレームワークであるVuetifyと JavaScript の静的型付けのスーパーセットである TypeScript を使用したプロジェクトの環境を構築しサンプルを立ちあげるまでの手順です。 Vue-CLI のインストール Vue-CLI でひな型を作成するのが簡単なのでインストールします。
gRPC-Web + Typescript + GoでHelloWorld - Qiita
gRPC-Webが正式リリースとのことなので、色々と試してみました。 grpc-web/net/grpc/gateway/examples/helloworld at master · grpc/grpc-web · GitHub 上記のように公式のサンプルもあるのですが、Javascript中心で書かれているので、typescript+goで試してみます。 また、簡単に修正しながら試せる環境となるように整備してあります。 ソース一式はGitHubにおいてます。 サンプルの説明 概要 gRPC-Webを使用することで、プロトコル定義ファイルから自動生成したコードを使用してgRPCサーバとの通信ができるようになります。 REST APIでブリッジして通信する場合と比べ、統一的なフォーマットでAPIを記述できることがメリットです。 ただし、gRPC-WebのgRPCサーバのプロトコルが違うため
Nuxt.jsの新規プロジェクトでいい感じのテスト環境をつくる@2018 - Qiita
最新版=>フロントエンドのテストについて考える 現在、新規プロジェクトで、Nuxt.js+TypeScriptを使ったSPAの開発を行っています。この記事では、そういったケースにおいての、Nuxt.jsアプリケーションでのテストに対する考え方と、その方法を紹介します。 TL;DR ユニットテスト/結合テスト=>Jest UIテスト=>Storybookをベースに、Jestで足りない部分を補う プロジェクトの技術スタック Nuxt.js Vue.js Vuex TypeScript Docker テスト種別の整理 簡単に、今回登場するテスト種別の整理をしておきます。より詳しくは、ググったり書籍を読んだりするのをおすすめします。 ユニットテスト - 個別の関数やクラス、コンポーネントをテストする。 結合テスト - 複数の関数やコンポーネントをつなぎこんでテストする。 UIテスト - ブラウザを
TypeScriptの型初級 - Qiita
この記事は「TypeScriptの型入門」の続編です。入門の続編ということなので初級というタイトルにしてみました。TypeScriptの型よくわからんという方は先に入門から読むことをおすすめします。入門レベルのTypeScriptくらい分かるよという方は読まなくても大丈夫です。 TypeScriptの型入門 さて、前回の記事ではTypeScriptの型を一通り紹介しました。この記事ではその続編として、実用上必要になるTypeScriptの型の挙動を理解したり、標準ライブラリに存在する型の使い方を理解することを目標にします。前回に引き続き、あくまでTypeScriptの型に関する話ですから、JavaScriptの言語機能とか、TypeScriptの構文とかの話はしません。悪しからずご了承ください。 最終更新： 2019-03-16 (TypeScript 3.4に対応しました） union型
Nuxt.js + TypeScriptでFirebase Authenticationを使ってみる - Web系エンジニアのアウトプット練習場
Nuxt.jsプロジェクトの作成 h-sakano.hatenablog.com Firebaseプロジェクトの作成 https://console.firebase.google.comでFirebaseプロジェクトを作成することができます。 また、Authenticationの「ログイン方法」タブでメール/パスワードによる認証とGoogleログインを有効にしておきます。 Firebase SDKの準備 プロジェクトにfirebaseパッケージを追加します。 $ yarn add firebase 次に、先程作成したプロジェクトページから接続情報を取得します。 プロジェクトページ上段の画像のボタンをクリックすると認証情報が表示できます。 これを使用して初期化処理を書きます。 // ~/plugins/firebase.ts import firebase from "firebase"
TypeScriptを使う理由
この記事はすでに古い情報ですのでご注意ください。 2018年02月01日 に誤字を修正したリクエストを受け入れてから閲覧する方が多くなっていますが この記事の投稿日は 2014年05月06日 です。 随時更新します。 CoffeeScriptを使う理由 TypeScriptを使う理由 AltJSを使わない理由 Dartを使う理由 仕事でTypeScriptを使う場合の説得材料まとめです。 なぜJavaScriptではいけないのか クラス定義がないからです みんな大好きオブジェクト指向をするために必須なのにJavaScriptではクラスは書けません。 いや、正確には書けます。
vue.js + typescript = vue.ts ことはじめ
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
Vue CLI 3.0とTypeScriptを使ってEthereumウォレットを作ってみた - Qiita
どうも、shoheiです。 大阪在住のフリーランスエンジニアで業務委託でiOS、Webアプリの開発をしています。また、ブロックチェーンNEMを用いたプロダクト開発も行っております。 概要 前回の記事ではNEMウォレットの作成方法を紹介しました。 Vue CLI 3.0とTypeScriptを使ってNEMウォレットを作ってみた 続いて同じ開発環境でEthereumウォレットの作り方を紹介します。 完成イメージはこんな感じです。 完成コード GitHub GitHub Pages 開発環境 macOS High Sierra 10.13.6 Google Chrome Vue CLI 3.01 TypeScript PWA yarn Ethereumとは Ethereumとは分散型アプリケーション(DApps)のプラットフォームです。Ethereumのブロックチェーン上ではイーサ(Ether)
Google Apps ScriptsでTypescriptが超簡単に使えるようになった！ - アクトインディ開発者ブログ
morishitaです。 Cloud Functions と並ぶ(?)Google のサーバレスな JavaScript 実行環境といえば Google Apps Scripts（GAS）です。 GAS ってあの Excel で言う VB スクリプト環境のようなものでしょう？ と思ったあなた！ このエントリでその認識が変わると思います。 以前は使いやすいとは言い難かったGASですが、最近は使いやすくなってきました。 といっても、GAS 自体がアップデートされたのではなく周辺ツールが整備が進み開発・運用しやすい状況が整ってきたからです。 そして、なんと最近Typescript でとても実装しやすくなったので、それをご紹介したいと思います。 google/clasp 以前の GAS は Web エディタ上でしか実装できず、コードを VCS で管理することもままならない状況でしたが、Google
clasp が Typescript をサポートした！ - Qiita
以前、GAS のGoogle謹製CLIツール claspと題して、@google/claspを紹介した。 このツールと新しい Google Apps Scriptの管理コンソールと Stackdriver Loggingのサポートにより GASの開発、運用環境は格段に使いやすくなった。 その後も開発は進み、なんと v1.5.0 以降で Typescript をサポートしたので、試してみた。 インストール 次のコマンドで、プロジェクトを初期化する1。 $ mkdir clasp-ts-sample $ cd clasp-ts-sample $ npm init -y $ npm install @google/clasp tslint -D $ npm install @types/google-apps-script -S $ tslint --init # tslint は必須ではないが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vuetify Nuxt TypeScript - Google 検索