Nuxt入門〜create-nuxt-appでお手軽開発 | WINDII
Nuxtがv2にアップデートされてますます盛り上がりを見せてますね。話題のNuxt開発を今すぐ始めるために便利なcreate-nuxt-appでプロジェクトを作成する手順を説明します。 create-nuxt-appとは create-nuxt-appとはNuxtのプロジェクトを一瞬で立ち上げられる便利なツールです。Reactの世界ではcreate-react-appが提供されていましたが、ついにNuxtの方にもきました！ プロジェクトを作成する npxを使う まずはnpxを使う方法です。 npx create-nuxt-app my-app yarnを使う yarnの場合は以下のようにして作成します。 yarn create nuxt-app my-app create-nuxt-appをグローバルインストールする yarn global add create-nuxt-app crea
Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
フロントエンド 52124 view Vuetifyチュートリアル。CSSを書かないマテリアルデザイン 最終更新日:2019/03/23 VuetifyとはVue.jsで使える、マテリアルデザインのフレームワークです。 Vuetifyにはマージンの調整、文字サイズの変更等デザインをする上で便利なクラスや、マテリアル。 マテリアルにまつわるオプションがデフォルトで備わっています。 マテリアルやオプションを使いこなすと、凝ったレイアウトでなければ、CSSを書くことなくデザインをすることが可能です。 今回は、以下のようなよくある会員登録フォームをVuetifyでCSSを使わずに実装していきましょう！ Vuetifyの環境構築はこちらでまとめておいたので、環境がない方はこちらから初めてください。 Vuetifyが便利すぎる【マテリアルデザイン3分入門】 Vuetifyでマテリアルデザインをする流れ
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 でひな型を作成するのが簡単なのでインストールします。
Firebaseのデータベース（Cloud Firestore）をWebからサクッと使ってみる - Qiita
なにがしたい？ Firebaseのデータベースを使ってみる。 Web（フロントエンド）のJavaScriptから操作してみる。 はじめに FirebaseのセッティングとHostingできるところまでは持っていってください。 単なるHostngだけならそんなに苦労しないです。 簡単言うと、Firebaseのサイト（コンソール）から、 新しいプロジェクトの作成 Hostingを使ってみるを選ぶとコマンドが出てくる パソコンのターミナルからfirebase login → init → deployを実行 という感じです。 Basic認証付きという状態で良ければ、手前味噌ながらにこの記事を参考にしてくれてもいいです。 （もっとわかりやすい記事も探せばあると思います） FirebaseでBasic認証をかけてHostingをする(Windows) DBの作成 ここからが本題です。 Firebas
LINEのBot開発 超入門（後編） メッセージの内容と文脈を意識した会話を実現する - Qiita
前編に続いてBotを開発していきます。今回は自然言語解析を用いたメッセージの理解と、文脈に応じて対話をおこなうところまでをカバーします。 開発の流れ 自然言語解析サービスのDialogflowを設定し、理解すべきメッセージを理解できるように学習させます。 Botが受け取ったメッセージをDialogflowと連携してユーザーの意図を判定できるようにします。 文脈に応じて対話するための機能をBot開発フレームワークを活用してBotに盛り込みます。 手順 自然言語解析の設定 Dialogflowは自然言語処理のサービスです。ユーザーが発話した文章が何を意図しているのかを特定するために利用します。また、その文章の中からパラメーターを抽出する機能も備えています。まずは下記Dialogflowのサイトにアクセスしてアカウントを作成してください。 Dialogflow アカウントが作成できたらDialo
LINEのBot開発 超入門（前編） ゼロから応答ができるまで - Qiita
概要 この記事ではLINEで動作するBotを開発する方法をチュートリアル形式で記載しています。カバーする内容は、「寿司の出前を受付するBot」を開発するというもので、LINE側での必要な設定、Bot本体の開発とクラウド環境へのデプロイ、そして自然言語解析を組み込んでユーザーの意図を特定する機能などBotに共通して求められる基本的な動作を含みます。今回のBot本体はNode.jsで作っていきます。 必要なスキルと環境 Node.js/Javascriptの基本的な知識 Herokuのアカウントを作成済みでHeroku CLIが作業PCにインストールされていること 開発の流れ まず最初にBotのアカウントを作成します。この作業はLINE Developers コンソールというWebサイトで「Channel」を作成するという作業になります。 ＊以後BotのアカウントのことをChannelと呼びま
Vue School の無料コース「Nuxt.js Fundamentals」を受講して Nuxt.js の基礎を学んだ - kakakakakku blog
Vue School で今月から提供されている最新の無料コース「Nuxt.js Fundamentals」をさっそく受講した．最近よく聞くようになった Nuxt.js をまだ試したことがなく気になっていて，タイミングも良かった！今まで Vue School で「Vuex for Everyone」と「Vue.js + Firebase Realtime Database」と「Vue.js + Firebase Realtime Database」を受講して，素晴らしく体験が良く，今回もオススメできる内容だった！ vueschool.io Nuxt.js Fundamentals コースは計14個の動画で構成されている．動画を見るだけなら35分で見れるし，動画を見ながら写経をするとしても，2時間あれば終わる．Nuxt.js とは何か？を速習するのに最高なコースと言える． 1 : Introd
はじめての Go 言語 (on Windows) - Qiita
The Go Programming Language golang.jp - プログラミング言語Goの情報サイト まずはインストールと動作確認 Go言語はコンパイル言語である。プラットフォームとして FreeBSD, Lunux, Mac OS X, Windows などがある。コンパイラの実装としてはネイティブの gc コンパイラと gcc 版 go コンパイラ（gccgo）が存在する（当然ネイティブのほうが安定している、らしい）。 Windows 用には MinGW 版の gccgo がある（ただし MSYS 等の周辺ツールは必要ない）。 現時点（2015-04-09）での最新版は 1.4.2。 Windows 版ではダウンロードページにパッケージが用意されているのでダウンロードしてインストールすればよい。 Windows 版の場合、ルート直下の C:\Go フォルダとかとんでもない
Go言語のHello Worldを3分で試す - Qiita
Go言語でHello Worldしてみたくなったので挑戦してみる。 環境 MacBook Air (11-inch, Early 2015) Mac OS X El Capitan バージョン 10.11.4 インストール brewに期待。 $ brew install go ==> Downloading https://homebrew.bintray.com/bottles/go-1.6.el_capitan.bottle.2. ######################################################################## 100.0% ==> Pouring go-1.6.el_capitan.bottle.2.tar.gz ==> Caveats As of go 1.2, a valid GOPATH is required t
goのスクレイピングフレームワークColly - Qiita
$ brew install go $ go get -u github.com/gocolly/colly/... package main import ( "fmt" "github.com/gocolly/colly" ) func main() { c := colly.NewCollector() // リクエスト許可するドメインの設定 c.AllowedDomains = []string{"jp.leagueoflegends.com", "support.riotgames.com"} // HTMLもらった時に実行するコールバック c.OnHTML("a[href]", func(element *colly.HTMLElement) { link := element.Attr("href") fmt.Printf("見つけたリンク: %q -> %s\n", ele
vuexfire で Firebase と Vuex をサクッと試してみる - Qiita
最近 Firebase を触ってみて便利だったのと Vuex で何か作りたいなと思って検索すると vuexfire なる便利そうなものがあったので使い方をざっくりまとめてみました。 アプリの起動とデモを試すだけで Vuex の解説などは行いません。 準備と Example のデモ 今回利用するライブラリはこちら。 https://github.com/posva/vuexfire データは Firebase の Realtime Database を利用し、クライアント側に vue.js と Vuex を利用し、API通信することで動作します。 ライブラリのダウンロードと Example の実行 ライブラリをダウンロードします。
Vue.js+Vuex+VuexFireでTodoList - Qiita
最近、Firebaseを勉強中です。Vuexも勉強中です。 その2つをつなぐためのVuexFireというライブラリを組み込んで、TodoListを作ってみました。 作ったやつ とりあえず現状だと接続先のFirebaseデータベース残してるから動くけど、その内消すかも。 コード比較 VuexFireの有無でのStoreのコードを比較してみます。 import Vuex from 'vuex'; import Vue from 'vue'; import { ADD_TODO, REMOVE_TODO } from './action-types'; Vue.use(Vuex); export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: { todos: [], }, mutati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kiyc/clearr: Re develop Clear
Vuetify Nuxt TypeScript - Google 検索
Type - Simple Markdown Editor -
GitHub - harryho/vue-crm: Simple reusable CRM built on Vue 2 PWA template and Vuetify UI
Vue Material Admin Template
GitHub - vue-bulma/vuexfire-admin: A Vue / Vuexfire app with Firebase auth. Based on vue-admin, using vuex, vuexfire, vue-router and firebase as the backend.
GitHub - tookit/vue-material-admin: A vue material design admin template
