Sentry を Laravel と Vue.js に導入してみた - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
JavaScriptの日付処理でLuxonを使う - Qiita
今までは Moment.js 使ってたけどモダンに再設計された Luxon を使うことにした。 🤔 なぜ Luxon がつくられたか Why does Luxon exist? に書いてある。 作者は Moment.js のメンテナー Moment.js を改善するアイデアを持っていたが良いコードベースではなかった より明示的な API にしたかった moment(Number) -> DateTime.fromMillis(Number) moment(Date) -> DateTime.fromJSDate(Date) 追加のデータファイルなしでタイムゾーンを扱いたかった Intl API を使って国際化の仕組みを再考したかった ⏰ Moment.js に劣っていること 最新ブラウザの機能を使うと古いブラウザのための互換性対応をしなければならずコードが煩雑になる 国際化された文字列を
3 step wallet を作成した話 設計図編（製作者の思い） - Qiita
エンジニアじゃないけどアプリが作りたかった こんにちは。まつもとかづまさと申します 僕はこの記事を書いている現在は障害者支援施設で支援員として働いています。 今回は３ step wallet という知的障がいの方でも「暗号通貨決済をできるようにする」という目的で作成したアプリの話です 3 step walletはこちら 今日の記事の流れ ３step walletの作成のテーマがあります まずその１ これは知的障がいの人を支援してきた経験から思いついたのですが、みんながみんな文字を読めて、理解できるという世界にいなかったからこそ、この発想になったんだと思います。 逆に言い換えるならば文字を使わない直感的な操作のみで決済を済ませるという買い物ってそういうものだったよね。という観点で作っています。 その２ 自閉スペクトラム症を持っている方でよく聞くそして支援中に体験する話として、「こだわりが強い
分散型ウェブSolidをMac上で動かす - Qiita
最初に World Wide Webの創始者、Tim Berners-Leeが新しいプロジェクトをはじめましたね。 その名もSolid ロゴかっこいい。 GitHubに書いてあるとおり、分散型ウェブを作ろうとしているようです。 Re-decentralizing the web ここで思い出すのは、人気ドラマシリコンバレー。 主人公率いるスタートアップ企業「パイドパイパー」はまさに分散型インターネットである「新インターネット」を作ろうと奮闘します。 このドラマが大好きなので、ぜひ新しいインターネットを触りたい！と思い、本エントリーを書きます。 動かしてみる 幸いなことに、Solidは自分の大好きなNodeJsで書かれているようです。早速npm pkgをインストールしましょう
Node.jsの開発環境をとっとと立てる@ホストはWindowsで - Qiita
いろいろ忘れていたのでちゃちゃっと環境構築した際のメモ tl;dr Vagrant - VirtualBox でCentOSをホストする nvmインストールして好きなnodeのバージョン入れる yarnはスクリプトでさくっと入れる、使うかはわからない 経緯 ちょっとした事情から Nuxt.js を勉強しようと思った。 普段使うマシンがWindowsなのでUnix系をどこかに用意しようと思った。 dockerで作ると何かでコケたときに中でいじったファイルの復帰がめんどい。 GCE無料枠あるからvagrantとどちらがよいかなと考えたところ、以下からvagrantを選択 インスタンス作る壊すならGCEが楽 容量的にはvagrantの方が余裕がある ローカルファイルの共有はvagrantの方が楽 しばらく使ってなかったのでとりあえず最新化しよう ← ここからが記事の内容 環境 ターミナルは手抜き
TypeScriptの勉強メモ - Qiita
Vue + TypeScript + Nuxtの書き方 概要 Vue使いたい！Nuxt使いたい！Vue3系からは、Typescriptを利用しているらしい！ ということで、TypeScript使ったことないので、勉強がてらメモ & リンク集。 （TypeScript部分は動作確認を全てしているわけではないので注意！） TypeScriptとは？ マイクロソフトが開発したaltJS（JavaScriptの代替言語、コンパイラーによって、JavaScriptに変換される） 特徴を簡単に言うと、静的な型システムとクラスベースが使えるJavaScript（ただ、クラスベースの開発は、ES2015でもできる） 基本 変数の定義時には、型を宣言する。 デフォルトでは、全ての型に対して、null / undefinedを代入可能。これは、tsconfig.jsonで代入不可能に変更可能。 let nam
TypeScript 3.1 の Mapped Tuple Typeについて
気付いたらTS 3.1.1がしれっとリリースされていたので、今回導入されたMapped Tuple Typeについて書いてみようと思います。 対応するPRはこちら。 今回のMapped Tuple Typeは、TypeScript 2.1で導入されたMapped Typeの強化版です。 ちなみに「Mapped Type is 何」という人は、以前に解説記事を書いたのでこれを読むと良いかと。 さて、Mapped Tuple Type、別に新しい記法とかが追加されたわけではありません。 次のコードは上記のPRに記載されているサンプルです。 type Box<T> = { value: T }; type Boxified<T> = { [P in keyof T]: Box<T[P]> }; type T1 = Boxified<string[]>; // Box<string>[] type
単体テストで開始時にモックサーバを起動し、終了時に停止する: その 2 - Qiita
やりたい事 前回の、単体テストで開始時にモックサーバを起動し、終了時に停止する - Qiita では json-server をライブラリとして使ってサーバを起動・終了する手順を書きました。 json-server はコマンドラインからの実行もできるので、そちらを利用した書き方です。 前回の記事は、mocha 単体では実行できたのですが mocha-webpack を使った時に、うまく動かなかったので、そういう場合の回避策として調べました。 どうやるか child_process.spawn を使ってコマンドを (background で) 起動し、標準出力への出力内容から起動したかどうかを確認します。 終了は、起動時の PID を記録しておき、それを kill することで実現します。 実装例 import * as child_process from "child_process";
nycのカバレッジにwebpackでビルドしたソースが含まれるのを阻止する - Qiita
概要 自分のライブラリのカバレッジがとても低く、何故なんだろうと思っていて調べたのですが、webpack側で作ったソースが含まれていたのが原因でした。 今回はその対応するために結構苦労したのでメモしておきます。 webpackのソースが含まれている時のカバレッジ(間違い) 自分のソースのみのカバレッジ(正しい) webpackでソースマップの出力をする devtool: 'inline-source-map'って所です。この設定を有効化することによってビルドファイルの中にソースマップを含めることができます。 この設定をしないとnyc側で元のソースを辿って正しいカバレッジを取得することができません。注意しましょう。 var nodeExternals = require('webpack-node-externals'); module.exports = { mode: 'developm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptでFunction.bindを使うのはよくない - Qiita
TypeScript3.1 で ReduxAction型定義は不要になりました - Qiita
jQueryに追加した関数のTypeScript型定義を作成する - Qiita
OctoberCMSのAjax用関数($.request)をTypeScriptから使う - Qiita
RxJS6のカスタムオペレータを作るのが簡単なので、redux-observableで利用する - Qiita
リモートホスト上のNodeJSからローカルのchromeでデバッグする - Qiita
Node.js/Ruby/Pythonのバージョン管理は-env系で統一 - Qiita
[MAC] Node.js + MongoDB - Qiita![[MAC] Node.js + MongoDB - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e79d0e837b315b9c6b0984178a239e28c2fb21b/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMyLmdpdGh1YnVzZXJjb250ZW50LmNvbSUyRnUlMkYzMDY4NjA0NiUzRnYlM0Q0P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTY4Yjg1YzFkMDk2OTg4NTliMTI2ZGUyNDdiNDY1MmQ0%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7cefd346f5bb5e009fb0cb4f37bbff8c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTUFDJTVEJTIwTm9kZS5qcyUyMCUyQiUyME1vbmdvREImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00YWIzMDRiNmRiZGU4ZWUyNmNkMWZlMWJhNzFiNjgyNg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBpd2FuYWdhdDg1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmE4MTQ3MWFhZGViZjA2Nzg2ODMwZWY4MjNjZjFiNGY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D7c9250e11326b68323390982900de83e)
渡されたパスにディレクトリが存在しない時に、空のディレクトリを新規作成するアロー関数/Lambda関数 - Qiita
NodeでMySQL8.0 - Qiita
【mac】firebaseインストールのすべて - Qiita
