Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

<template> <div> <h1>Vue-TypeScript-TODOリスト</h1> <!--Map型をv-forで回すにはArray.fromで入れ子の配列する必要がある。 イメージ `[[key1, val1], [key2, val2], [key3, val3]]`--> <label v-for="[state, text] in Array.from(labels)" :key="state"> <input type="radio" v-model="current" :value="state"> {{ text }} </label> {{ filteredTodos.length }} 件を表示中 <table> <thead> <tr> <th class="id">ID</th> <th class="comment">コメント</th> <th cla
前提 AWSのcloud9を利用して、Railsを使った簡単なMAP表示アプリを製作していた時の話です。 Rails初心者のため、「アセットパイプラインって何?」レベルの知識しかありません。 そんな時に、思わず嵌ってしまって解決するのに時間が掛かった経験をしたため、同じ様な事象に悩む方々いたら参考になればと思い投稿しました。 概要 ①勉強を兼ねて、Google Maps APIを利用したMAP表示アプリを制作。 ②「rails g controller maps index」でmapsコントローラを新規に作成。 ③index.html.erbにmap表示用の"divタグ"とmap描画用の"scriptタグ"及び”JSコード”を埋め込んで、動作を確認。 ④上記の方法で無事動作したため、新規に作成したmap.jsファイルにJSコードを記載し、jsファイルを読み込んでmapを描画させようとした。
const request = require('request'); const firebase = require("firebase"); const config = require("../config.js"); const firebaseConfig = { databaseURL: config.firebase.databaseURL }; firebase.initializeApp(firebaseConfig); request('https://プロジェクトID.firebaseio.com/', (error, response) => { if (!error && response.statusCode == 200) { var json = require(`./送信したいJson.json`) firebase.database().ref('送信
Klasaは廃止されました この記事を見て、Klasaを使ったDiscordボットを開発しようとしている方はKlasaを使用しないで、別のフレームワークの使用を考えてください。 また現在Klasaを使用している方は、今すぐ移行を開始することを推奨します。 Klasaとは何なのか Klasaとはdiscord.jsライブラリ上に構築された「プラグ・アンド・プレイ」フレームワークです。 100%カスタマイズ可能でしかも扱いやすいdiscord.jsを使用している人なら誰でも「これを求めていた!」となる位凄いです。 なのにまだ日本ではあまり知られていない・まだ知名度も低いなので皆さんに知ってもらおうと記事を書いてみました! ざっくりこんな感じ 面倒な作業が不要 メンテナンスしやすい 多言語対応が簡単にできちゃう! コマンドの使用権限を細く設定できる。 自分の好きなようにKlasa、discord
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
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.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が裏でやってることに興味
ここではさくらの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
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); }); })(); }
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
はじめに 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) =>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く