nuxt + TypeScriptで、process.client, process.serverを定義する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nuxt + TypeScriptでプラグインの定義を追加する - Qiita
nuxt2.1.0, node10.11.0 2018.10.19現在 独自のプラグインを書いた場合、vueのTypeScript定義の拡張が必要になる。 単純なプロパティの追加は公式docに記載があるが、独自クラスのインスタンス等を設定したい場合はどうするのがベスト・プラクティスなのか。 https://vuejs.org/v2/guide/typescript.html#Augmenting-Types-for-Use-with-Plugins とりあえず作ってみた形のもの // plugin classの定義 export class SomePlugin { private someStatus: string = ''; constructor(status: string) { this.someStatus = status } getStatus(): string { r
AngularのReactiveFormとAngularMaterialを組み合わせる - Qiita
import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators, AbstractControl } from '@angular/forms'; // 性別用型 interface Gender { value: number; display: string; } @Component({ selector: 'app-root', template: ` <form [formGroup]="editForm" (ngSubmit)="onSave()" class="form"> <mat-form-field class="form-field"> <input matInput placeholder="お名前" formControlName="nam
【Vue】VueCLI3に頼らずVue.jsの開発環境構築をする 【babel7, .vueファイルのeslint + prettierなど】 - Qiita
Vue.jsの開発環境を手作りした話 書いた日：18/10/19 手動で構築した開発環境は暖かみがちがう 古事記にもそう書かれている 動機 環境構築手動でやるのが好きになって来たこの頃、 VueCLIを久しぶりに触ってびっくりしました なんやこれ！ $ vue add @vue/eslint って何！？ 知らんところで色々起きるの！こわ！！富豪的すぎない！？ https://cli.vuejs.org/guide/plugins-and-presets.html#plugins と思いイチから環境構築した話 単一ファイルコンポーネントのeslint/prettierにも興味があったしね！ VueCLIはGUIもついていて、非常に優れた環境構築ツールですが 自分で構築してみるとすごく勉強になりますよ 対象読者 vue.jsや.vueファイルの知識がある人 VueCLIが裏でやってることに興味
Nodeでさくらのメールを使う - Qiita
ここではさくらのSMTPを使って送信を行います。 nodemailer nodemailer document を使用します。 ポイント tlsを使用するにはsecure: trueですが465ポート強制になってしまう。 さくらは587を要求しているのでsecure: falseでrequireTLS: trueを設定する必要がある。 コード const mail = require('nodemailer'); const transporter = mail.createTransport({ host: 'XXXXXXXX.sakura.ne.jp', port: 587, secure: false, requireTLS: true, auth: { user: 'user', pass: 'pass' } }); let mailOptions = { from: 'sende
Nodeでファイル書き込み - Qiita
const fs = require('fs'); const textFile = 'test.txt'; // return Promise exports.write = (text) => { return (async () => { await new Promise((resolve, reject) => { fs.appendFile(textFile, textFile, (error) => { error ? reject(error) : resolve(); }); }).catch((error) => { console.log(error); }); })(); }
cuiでchrome のブックマークを出力するには - Qiita
node で chrome のブックマークを読むコマンドを作ってみました OS:Ubuntu 16.04.5 LTS 他のOSではどこにブックマークが保存されているのかわかりません・・・ コメントで教えて頂けると助かります。 例えばこんなふうにコマンドラインから利用できます ./bookmark.js | grep qiita 2018/06/14 03:26 | https://qiita.com/QUANON/items/3e271b512db299099893 | Docker コンテナ上で wkhtmltopdf を動かす - Qiita 2018/05/17 09:16 | https://qiita.com/edo_m18/items/0aee765a4e612e7a16af | [連載] WebVR入門 vol.3 - Qiita 2018/04/24 03:05 | htt
Expressでもアップロードしたファイルを操作したい！ - Qiita
はじめに Node.jsでちょろちょろ〜っと、機能を実装したりすることがあるんですが…… フロント・サーバ両方まとめて対応していたんですが、サーバ側でファイルアップロードの処理を書かないといけなくなてしまって。 Expressでのアップロードファイルの操作の方法をだいぶド忘れしていたので、備忘録も兼ねて。 単純にアップロード const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.use(express.urlencoded({ extended: false })); app.post('/upload', upload, async (req, res) =>
Node.js上からmultipart/form-data形式でHTTPリクエストをする - Qiita
Node.jsからほかのサーバーにファイルを送るには、いろいろな方法がある。 ファイルのURLを送り、対向側で別途ダウンロードしてもらう。 ファイルをbase64形式にしてJSONのプロパティで送る multipart/form-data形式で送る JSONを使わない、HTTPリクエストを使わない など？ form-data を使って multipart/form-data で送信する multipart/form-data形式で送る。これは、Webブラウザのformタグが伝統的にやっている方法と同じだ。Node.jsを使うなら、JSONなどを使うほうが楽だが、どうしても multipart/form-data 形式を使いたいケースもある。 ブラウザ側でmultipart/form-dataを使うのは簡単だ。ビルトインクラスのFormDataがある。
AngularとRXJSで簡単なストアを作ってみる - Qiita
はじめに 注意！！Fluxパターンの記事ではありません！！ Vue人気も一段落ついた感があるので、ここからAngularを盛り上げる（？）ためにも何か投稿せねば！！ ということでAngular+RXJSのBehaiviorSubjectを利用した簡単なストアを作ってみます。 環境 angular-cli 6.2.2 angular ^6.1.0 rxjs ~6.2.0 サービス定義 まずはおもむろにng newするなりして、Angularが書ける環境を用意します。 んでsrc/app内にcoreディレクトリを切ります。 その中でさっそくStoreServiceを書きます。このサービスはUser型をBehaviorSubjectで保持します。BehaviorSubjectのstreamを流すだけで無く、最後に流された値を保持する機能を利用します。 ついでにObservableとして観測できる
Atomic Designでのテストを考える【初級】 - Qiita
概要 初Atomic Designを導入して開発をしてて、どこにどうやってテスト書けばいいんだっけ？ という旨の備忘録です。 仕様言語とかツールとか TypeScript React+Redux redux-saga Jest AtomicDesign ※Atomic Designの説明はしません（Atomic Designの説明はこちらが分かりやすいです） ※超初歩&限定的な内容な気がするので、書いてないメソッドやパターンについては適宜調べていただけると嬉しいです 概要 Jestを使います。 やること インタラクションテスト ロジックテスト テスト対象 AtomicDesignにより分類された各コンポーネント 本記事での例題はatomsのButton インタラクションテストする Reducer ロジックテストする 対象外 middleware 別途書く予定です Jestって？ 公式HP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.jsでFastTextを使う方法 - Qiita
docker+Node.js(Express)の最小構成プロジェクトを作成する - Qiita
vue(nuxt) + TypeScriptで、propsにcustom classの型を指定する - Qiita
TypeScript のエラーメッセージは、日本語化できる - Qiita
Node.jsでDMX出力する - Qiita
初めてのnpmパッケージ公開（TypeScript） - Qiita
TypeScript の strictPropertyInitialization を有効にしたいが、怒られる時 - Qiita
[TypeScript] 匿名クラス(内部クラス) - Qiita![[TypeScript] 匿名クラス(内部クラス) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0412567cc47d1d14c181f5beebeb1ab00f3d9ebb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNjcxOTIlMkZwcm9maWxlLWltYWdlcyUyRjE2MTE5OTQ4MjA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NDcxZjZiY2Y5NjFlZGRiN2YwZWQyZWFlNGNjYmZiYmQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D04239d6b441bf46f078cfa44984d908e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCVHlwZVNjcmlwdCU1RCUyMCVFNSU4QyVCRiVFNSU5MCU4RCVFMyU4MiVBRiVFMyU4MyVBOSVFMyU4MiVCOSUyOCVFNSU4NiU4NSVFOSU4MyVBOCVFMyU4MiVBRiVFMyU4MyVBOSVFMyU4MiVCOSUyOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTZjZDgzZjJkZjFhYjNhZDlmOTBhZjI0MDZiNTEzZjYw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhbGNsaW1iJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MjQwMjI0MTFjMTViMjQ5MGUxOGJkMGQ3ZWM5ZTk4ZTY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Ddf010335e4b9e94d9b4b922d190c28ab)
TypeScriptで、相対URLからURLクラスのインスタンスを使う - Qiita
