技術系

【Nuxt.js】VuexをStorybookで使う方法 Vue.js

【Nuxt.js】VuexをStorybookで使う方法

Nuxt.js で Vuex を使ってコンポーネント間でデータの受け渡しができるようにしました。ところが Storybook で以下のように記述しても Vuex が使えないとエラーが出てしまいます。 // component.stories.js storiesOf('Store', module)…
【Node.js】npmコマンドを使ってみる Node.js

【Node.js】npmコマンドを使ってみる

npmコマンドは以下の役割を果たします。 Node.jsのプロジェクトを新規作成するNode.jsのプロジェクトに外部のパッケージを追加するnpmのサブコマンドとして様々な操作をワンライナーで実行する Node.jsのプロジェクトを新規作成する $npm init とコマンドを入力すると packa…
nuxt-link を @click で制御したい! Vue.js

nuxt-link を @click で制御したい!

nuxt-linkのクリックイベントで PC表示なら普通にページ遷移するSP表示ならページ遷移しないで何らかの処理を行う …をやりたいと思いました。 しかも幅のサイズによってCSSでデザインを使い分けているため、できれば1つの nuxt-link でPCとSPで違う処理ができるようにしたかったのです…
Node.jsをインストールする Node.js

Node.jsをインストールする

前回Node.jsとは何かをわたしなりにまとめました。詳しくはこちらをご覧ください。 今回はNode.jsをパソコンに導入するところまで学習しました。わたしが使っているパソコンはMacOSであるため、MacOSを使う前提でまとめています。 ndenvのインストール プロジェクトによって使用するNod…
Node.js について調べてまとめてみた Node.js

Node.js について調べてまとめてみた

Node.jsはお仕事で大変お世話になっています。もはやNode.jsなしでは立ち行きません。 当たり前のようにNode.jsを使ってコーディングしたりしていましたが、ある日ふと「Node.jsの正体をわたしは知らない」と気づきました。 というわけで、Node.jsについて調べて憧れの先輩のように使…
コールバック関数とは引数に関数を渡す関数のことだった! 技術系

コールバック関数とは引数に関数を渡す関数のことだった!

「コールバック関数」についてちゃんと理解していなかったので改めて調べなおしました。 JavaScriptの「コールバック関数」とは一体なんなのか こちらの記事に説明が書いてあり、とても参考になりました。 コールバック関数について超簡単にまとめた コールバック関数について超簡単にまとめてしまうと、 「…