はてなブックマーク

Nuxt を用いてグローバルな状態管理を行う場合、一般的な選択肢は Vuex かと思います。 一方で Vuex を使って状態管理をしようとすると、TypeScript による型の恩恵を受けにくいというデメリットがあります。昨今は Vuex 4 系での TS 対応など、以前に比べると環境が改善されてきている印象ですが、それでも完全とはいえない状態です。 というわけで Vuex に代わる TS と相性が良い状態管理の方法を調べていたのですが、nuxt-typed-vuex が良さそうという結論になりました。 ドキュメント: nuxt-typed-vuex リポジトリ: danielroe/typed-vuex: 🏦 A typed store accessor for vanilla Vuex. nuxt-typed-vuex とは？ nuxt-typed-vuex は内部を見た感じ Vue

今、個人で開発しているサービス にメールの配信基盤を整えようと思って色々調べていたので、その結果わかったことを備忘録としてまとめておきます。 メールの配信停止設定で最低限やっておきたいこと メールの配信設定を行うにあたって、以下の項目が守られていることが個人的に望ましかったです。 簡単にメールを配信停止できること 自分のサービスとメール配信サービスでメールの配信停止設定を共有できること 1. 簡単にメールを配信停止できること まず、送られるメールは簡単に配信停止できるようにすべきです。配信停止のベストプラクティスと、SendGrid の便利な機能 にも以下のように書かれています。 簡単に配信停止できるようにする 配信停止の手順が簡単であればあるほど、受信者と送信者、双方にとってメリットがあります。配信停止のボタンやリンクをどこに置くか決める時、隠すように配置してはいけません。また、リンクが

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

こんにちは、@y_temp4 です。 自分は ALIS という会社で主にフロントエンドまわりの実装を Nuxt.js を用いて行ってきたのですが、今回はそこで得た知見について共有しようと思います👍 内容としては以前 JSer.info 400回記念イベント にて発表した Vue + Nuxt + Serverless の開発で得た知見 (主につらみ) を元に、そこでは話しきれなかった点や、新たに得た知見などについてご紹介します。 Nuxt を選定した理由 実際の開発の話に入る前に、Nuxt の選定理由について触れておきます。 ライブラリ・フレームワークを選定するときにはさまざまな観点がありますが、ALIS が Nuxt を選定した理由は主に以下の2つです。 開発速度を重視したかった 技術選定をする際に候補として React / Next なども挙げられましたが、Vue / Nuxt を

Puppeteer RecorderというChrome拡張がリリースされたので試しに使ってみました。 GitHub: checkly/puppeteer-recorder 概要 Puppeteer Recorderは、ブラウザで行った操作を記録してPuppeteerのコードを出力してくれるChrome拡張です。 似たようなChromeの拡張にSelenium IDEがあったりします。 使い方 READMEの画像にあるように、拡張機能を入れて「Record」をクリック、その後試したい操作をしてから「Stop」をクリックするとコードが出力されます。 実際に使ってみた感想 すでに使ってみた感想を書いてくれている記事（「Puppeteer Recorder」を試してみた - masalibの日記）がありますが、自分もだいたいこの記事と感想は同じでまだ不安定なところがあるな、という印象です。 例えば

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

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

Atomはcmd + shift + fでプロジェクト内検索（Find in Project）ができるのですが、たまに古いパッケージが原因で検索できないことがあるのでその対処法をメモしておきます。 自分のエラー原因 自分の場合、default-encodingというパッケージが原因でした。 プロジェクト内検索をした段階で、cmd + shift + iでデベロッパーツールを開き、consoleで警告が出ているのを参考に対処しました。 今はauto-encodingを使っています。 https://github.com/russlescai/atom-default-encoding/issues/2 あたりが原因かな、と思うのですが正直詳しいところはわかりません。 今はとりあえず原因がわかり、対処できてほっとしています

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

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

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

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

新生活応援ということで、新しくプログラミングを始める方や、エディタを変えようとしている方を対象に私のおすすめするエディタを紹介しようと思います。 紹介するエディタはAtomで、最近（2016/3/17）バージョン1.6.0がリリースされてより使いやすくなりました 今回はそんなAtomの良さを、一部Sublime Textとも比較しながら説明していこうと思います。 私のエディタ事情 個人的な話になりますが、自分はこれまで主にSublime Textを使ってきて、わりと最近Atomを使うようになりました。 Atomが出た当初の感想としては、 起動が遅い 動作が不安定 ということもあって、少し使ってすぐ「やっぱりSublime最高！」となったのですが、少し前から逆にSublime側の動作の不安定さや、細かい設定などでの不具合が気になってAtomをちょくちょく使うようになりました。 そして、今では

vimの使い方を学ぶ際、おすすめの方法の１つとして"vimtutor"コマンドを使う、というものがあります。 今回はそのvimtutorについて、簡単に説明してみます。 対象読者 h j k lで移動できることは知ってる iを打つと文字を打てるようになることは知ってる :wqで保存して終了することは知ってる 要はvim初心者です（自分もですが）。vimで最低限のことはできるけど、もう少し編集効率を上げたい、色々な操作方法を知りたい、という人が取り組むと、ワンランク上のvimmerになれるかと思います。 vimtutorの使い方 =============================================================================== = V I M 教 本 (チュートリアル) へ よ う こ そ - Version 1.7 = =====