家電をアップグレードしてQOLが向上した年。 Switch * 2 自分用と妻用、2台のSwitchを必死こいて購入。スプラ2、マリオデ、DLソフトなどいろいろ楽しんだ。これによってゲーム熱が高まり、ゲーム用PCを購入するに至った。 ゲーム用Win機 Steamのゲームがやり…

今年はいろいろな面で成長を実感できた年でした。 今年作ったもの GitHub風のdiffを生成するライブラリ 技術記事のコードブロックをdiffにしてみたらどうか、と思いたって作ったやつ。作ったといっても実際はライブラリを2つくっつけただけなんだけど。 gith…

ググっても最小限のサンプルがなかったので調べて試した。node環境を想定。 axiosで叩いてみる npm i axios しておく。 const axios = require('axios') const accessToken = 'xxxxxxxxxxxxxxxxxxxxxx' axios({ url: 'https://api.github.com/graphql', head…

Qiitaに書いた。 qiita.com SFCSSは.vueファイルという1ファイルにtemplate script style の全てが詰め込めるからこそできる命名。 外部ファイルでCSSを書くときにSFCSSを適用するのはあまり利点がないように思う。 コンポーネントの粒度 各種JSのコンポーネ…

version 4.12.5 warning DeprecationWarning: open() is deprecated in mongoose >= 4.11.0, use openUri() instead, or set the useMongoClient option if using connect() or createConnection() and DeprecationWarning: Mongoose: mpromise (mongoose's …

HMRしたい IE11にはEventSourceがないのでwebpackのHMRが動かず、そのままだと手動リロードするハメになる。 nuxt.config.js でpolyfillを読み込ませれば動くようになる。 npm i -D event-source-polyfill 指定はbuildのvendorで。な感じに。 module.exports…

syntax errorの解消 そのままだとsyntax errorでプレビューが動かないので.babelrcでpresetを指定する。 { "presets": ["es2015"] } 作成場所はルートに。 この.babelrcが読み込めている場合、起動時に次のようなログが出る @storybook/vue v3.2.16 => Loadi…

Slackのユーザーステータス、使ってますか？Slack上で絵文字+テキストによって自身の状態を示すことができる機能。 メッセンジャー系ソフトウェアの機能としては目新しいものではないが、コミュニケーションの質を向上させるポテンシャルがあるなと感じてい…

Veturのチカラを試したくてVS Codeに乗り換えようと試みました。 nakajmg.hatenablog.com が、Vueのアプリを書くうえでは、ちょっと耐えられないなという部分があるということで乗り換えをあきらめました。 足りない .vueファイルへの対応 vscはintellisense…

長いこと開発にはWebStormを使っているが、VueのLanguage ServerであるVeturのチカラを試してみたすぎて、VS Codeへ短期間の移行を決意。 Language Serverは各種言語やライブラリの、補完や構文チェックをサポートするやつで、veturをインストールするとVS C…