[nuxt.js] storeのactionsの中でrouter.pushを使う方法 (way to access router.push in vuex store)

nuxt.jsのstoreのactionsの中でvuerouterのpushを使う方法がネット上に見当たらなかったので、ネットにある情報(このへん)  とか(このへん)とかを調べてもうまくいかない・・・巨大ハマりポイントがありました。 storeのactionsにAPI接続とかを書いて、共通処理としてエラーならリダイレクトさせたい時とか、よくありますよね。

axiosのPromiseの中でthisを使ってもrouterにアクセスできない。

‘./router’をimportしろとか、ネットの情報でthis.appや$nuxtの中にrouterあるでしょ?ってネットに書いてあるけど、ねーよ!ってなってました。 結果うまく行ったのはこのコード。 [crayon-5d358fe928601214969002/] 関係ない部分は省略しています。that = thisにするだけで$routerにアクセスできますよ。それだけのことでした! ... 続きを読む

[javascript] JSONとかのkey-valueオブジェクトの配列から特定のkeyの値だけ取り出して配列にまとめたい(スプレッド演算子とmap())

javascriptでオブジェクトの配列から特定のkeyだけ取り出して配列にまとめたい時

例えば、サーバーからユーザー情報をAPIでJSONで取り出してきました。以下のようなJSONがあったとします。このJSONから、useridだけ取り出したい。よくある処理だけど、毎回ループ書くのは面倒。 data:[
{
“userid”:1,
“name”:”xxx”
},
{
“userid”:2,
“name”:”yyy”
},
{
“userid”:3,
“name”:”zzz”
}
] そんなときはスプレッド演算子とmap()を組み合わせると神になれます。
...(ピリオド3つ) と書きます。
配列ライクなオブジェクト(正確には for of で展開できるオブジェクト)を個々の値に展開することができます。... 続きを読む

vue.js コンポーネントをAPI通信後に非同期で読込、動的に切り替える方法

vue.jsでAPIを叩いて、そのデータを子コンポーネントに注入する際、コンポーネントを初期配置するとデータが受け渡しされません。v-ifディレクティブでAPI通信が終わったタイミングで表示する方法もありますが、動的コンポーネントを使えば以下のようにコンポーネントを遅延配置できます。

このコードで記述すれば、APIの通信結果によって使うコンポーネントを切り替えることも可能です。例えば正常時は表示系コンポーネント、エラー時はエラー表示のコンポーネントを表示させる、など。

続きを読むvue.js コンポーネントをAPI通信後に非同期で読込、動的に切り替える方法

高尾山のバリエーションルートを攻める(宝珠寺尾根~小仏城山~高尾山)

休みの日はフェスのごとく人でごった返す高尾山でも、通常の登山道ではないバリエーションルートなら静かな山歩きが楽しめます。ただし登山初心者にはおすすめできません。

バリエーションルートは通常の登山道ではないので、急傾斜、落石、がけ崩れ、道迷い、滑落、危険生物・植物などに遭遇することがあります。十分な装備と事前準備・調査が必要ですので、踏破スキルに自信がない場合は通常の登山道を利用するべきです。

続きを読む高尾山のバリエーションルートを攻める(宝珠寺尾根~小仏城山~高尾山)

タイトーオンラインクレーンに10万円近く課金してわかった、特徴と実情を話す

最近、オンラインクレーンゲームが流行ってますね。わざわざゲームセンターに行かなくても画面越しにクレーンゲームを操作して、景品がゲットできると無料で送ってくれるというサービスです。 ゲームセンター業界でもオンラインクレーンゲームの流れに乗るように、タイトーやモーリーファンタジーなどの大手も参入してきました。 私はタイトーオンラインクレーンしかやってないのですが、実際のオンラインクレーンゲームの特徴、ゲームセンターのクレーンゲームとの違いなどをお話しします。

実際のオンラインクレーンゲーム景品ゲット集

まずはこちらをご覧ください。実際の私のプレイを録画したものです。 https://youtu.be/myzgLA1qc30

オンラインクレーンゲームって本当に届くの?

ちゃんと届きます。安心してください。

タイトーオンラインクレーンの場合、景品ゲットから1-2週間で佐川急便で届きますよ。有料のお急ぎ便もありますが、使った事はありません。

違う日にまたがって別の景品が取れた場合は?

一度景品が取れた後日に、追加で景品が取れても、先に取れた景品の発送日にあわせて後の景品が同梱されるという事はないようです。

オンラインクレーンゲームの操作性は?

オンラインで画面上で操作するという性質上、ラグがあります。またカメラで映しているため、遠近感がわかりにくいですが、前面と側面両方から確認できるようになっています。 タイトーオンラインクレーンの場合は、制限時間内であれば何度でもクレーン位置を調整できるので操作ミスをした、という事は少ない印象です。

ゲームセンタークレーンゲームとの最大の違いは全て実力台であるということ。

最近のゲームセンターのクレーンゲームは、お金がある程度入らないと絶対に取れない仕組みになっています。 特にこういう三本爪のタイプは、一旦持ち上がってストンと落ちるタイプのクレームゲームばかりですね。 予め機械に設定してある金額に到達するまではクレーンに力が入らないようになっていますので、何の面白みもありません。 オンラインクレーンゲームの場合、こういう設定ではなく、ある程度クレーンに力があり、台にもよりますが正しく手順を踏めば落とせるようになっているので、楽しいですよ。 大体の場合は10-20手で落とせるようになっており、初期位置から少しずつずらして行って最後は押して落とす、という風になっています。

それでも取れない場合はスタッフアシスト(神の手)がある

それでも取れないときは、粘り強くお金を入れ続けていると、スタッフアシストという神の手が出てきます。 3000-4000円ぐらいハマっていると、スタッフが呼び出されるようになっている印象ですね。 タイトーオンラインクレーンゲームは24時間営業なのですが、深夜でもちゃんとアシストしてくれます。 ちょこちょこ位置をずらすゲームセンターのアシストと違って、オンラインクレーンのスタッフアシストは1手で確実に取れる位置へ移動してくれますよ。 ゲームセンターのお金を使ってるのに取れないアピールやわざわざ店員を呼んだりしなくでもいいんです!

クレーンゲーム好きなら、オンラインクレーンゲーム一度遊んでみてくださいね。

オンラインクレーンゲームはゲームセンターのクレーンゲーム好きなら普通にオススメできるサービスです。 一度遊んでみてくださいね。課金金額が恐ろしいことになっても責任は取れませんが…。... 続きを読む

コンビニの冷凍フライドポテトを3社食べ比べ&徹底レビュー!一番美味しいのはローソン!

コンビニエンスストアで買える冷凍フライドポテトが大好きです(息子が)1つ100円程度で買えるのと、電子レンジで加熱するだけですぐに食べられる手軽さがいいですね。今回は、セブンイレブン、ファミリーマート、ローソンそれぞれの冷凍フライドポテトを買って食べ比べてみました。各社特徴が違っているのでコンビニエンスストアの冷凍フライドポテト選びに役立てていただければと思います。

続きを読むコンビニの冷凍フライドポテトを3社食べ比べ&徹底レビュー!一番美味しいのはローソン!

冬の乾徳山(雪あり)3月 山梨百名山の有名な鎖場へ行きました。

頂上直下の20mの鎖場が有名な、冬の乾徳山に登りました。春秋のシーズンは渋滞ができるほどの人気の山ですが、冬は人が少なく雪歩きも楽しめて、雪山初心者にもおススメでした。

冬シーズンと平日の乾徳山登山口への電車とバスでのアクセス(JR塩山駅より)

冬シーズンと平日は、塩山駅からのバスダイヤが変わっており、乾徳山登山口への直通バスが無くなっています。

新宿駅から特急あずさ3号で塩山駅へ

まずは、新宿駅午前7時30分発の特急あずさ3号に乗車して、塩山駅へ向かいました。8時53分に到着です。

あずさ3号の指定席は平日でもほぼ満席。前日までの発券が無難

2019年3月のダイヤ改正で、あずさ3号は塩山駅に止まらなくなります… ダイヤ改正後は大月駅8時46分発の普通電車に乗り換えて塩山駅に到着するのは9時25分です。

塩山駅前 バス乗り場1番 山梨交通バス

塩山駅前、1番バス乗り場から9時05分発、西沢渓谷行きのバスに乗り、窪平まで行きます。ちなみにタクシーで行く場合、約4000円です。 交通系ICカード利用可能。 ダイヤ改正後はあずさ3号では間に合いませんので、あずさ1号に乗車することになります。 土日祝のシーズン中は乾徳山登山口まで直行できますが、平日やシーズン外は窪平で乗り換えです。

山梨交通バス時刻表

https://www.city.koshu.yamanashi.jp/kurashi/files/20180406/西沢渓谷線.pdf

窪平バス停で山梨市営バスに乗り換え

窪平バス停で、山梨市営バスに乗り換えできます。接続時間は5分。9時25分発の西沢渓谷行きへ乗ります。 料金は200円。こちらは現金のみとなります。乾徳山登山口には、9時44分に到着します。

山梨市営バス時刻表

http://www.yamanashishi-kankou.com/wp/wp-content/uploads/2017/07/fac79db913df843d94b03f8757ddb084-1.pdf

乾徳山登山口(バス停)に到着。

乾徳山登山口という名前のバス停ですが、実際の登山口へはここから少し歩きます。帰りのバスの時間はこちら。 15時36分または16時51分ですね。ちなみに、ここから塩山駅までタクシーを使うと約4000円ほどかかります。

乾徳山登山口に到着!

バス停から約30分ほど林道を歩き、やっと登山口に到着しました。ここから本格的な登山道が始まります。 乾徳山には水場が2箇所あります。最初に出てくるのが銀晶水。 冬ですが水場は枯れていませんでした。水質は調査されていないようなので、自己責任で。 しばらく進むと、2つ目の水場、錦晶水。冬場ですから冷たくて美味しかったですよ。 さらに進むと国師ヶ原という分岐の広場に出ます。鎖場を楽しむため、尾根に上がるルートを行きます。この分岐の側に、高原ヒュッテという避難小屋もあります。 高原ヒュッテは元々営業小屋だったらしく、薪ストーブもあり、中はとても綺麗です。 このあたりから雪が出てきました。 月見岩という眺望ポイントに到着です。 ここからの眺望は抜群なので、休憩ポイントにちょうど良いでしょう。

月見岩からの眺望

晴れていればこんな風に富士山がどーんと見えますよ!

扇平

手洗石雪が深くなってきました。 髭剃岩というエッジの立った岩があります。 このあたりから、鎖場やカミナリ岩などの難所が出てきます。 胎内という巨石群など、見所が色々。

乾徳山最大の鎖場、鳳岩に到着

この鎖場を乗り越えれば、乾徳山山頂です! 足場はしっかりしているので、冬でも全く怖さはありません。

冬の乾徳山山頂に到着!

山頂は最高の360度の眺望が広がっています。 下りは鎖場を避ける迂回路がありますが、樹林帯を下るルートで冬は特に登山道が不明瞭で迷いやすいので気をつけてください。

下山後の日帰り温泉は宏池荘

が、定番というかここしかやってないみたいです。400円で入浴できます!露天風呂なしですが、加温した源泉と冷たい源泉を交互に楽しむ温冷浴が気持ちよくてオススメ。 http://kouchisou.com

帰りの塩山駅発の特急時刻に注意!

帰りの時間帯の特急は時間が限られているので、気をつけてください。 17時59分のかいじ20号を逃すと、次は19:17、最終の特急は20:19です。(ダイヤ改正後)... 続きを読む

登山装備レビュー「モンテイン ハロゲン33」880gの軽量ULザック

初めての登山で使うザックは、なんとなく店員さんに勧められたモノとか、セール品とかを買うことが多いのでは無いでしょうか。 登山に慣れてくると、そろそろザックを新調したいなぁ〜と思ってきます。収納力や利便性、軽量性など自分の好きな山スタイルに合わせたザックを使いたくなってきますよね。 私も2つ目のザックとしてウルトラライトパッキング系ザック「モンテイン ハロゲン33」を購入しました。 現在、私が使っているザックは、モンテイン社のハロゲン33というウルトラライト系の超軽量ザックです。 モンテインは1993年創業のイギリスの登山用品メーカーで、「究極の環境でも耐久力が必要なアウトドアアクティビィティーの為に革新的で軽量・通気性を備えたウェア・バックパック・アクセサリー」が得意な分野です。特に軽量、ウルトライトの分野に強いメーカーらしいです。

モンテイン ハロゲン33 880gの軽量ザック

厳冬期のハードユースにも対応できる、軽量4シーズンマルチパック。ピッケルやアイゼンを想定した軽量設計、ZephyrFX背面システムなどを採用。 まぁ、とりあえず冬でも使える、とても軽いザックです。

背面のピッケル収納システム

ピッケルを収納する仕組みが背面に備わっています。持ち運び時に揺れたり落ちたりする心配がありませんね。側面のポケットは大きく、ポールやストックなどがしっかりホールドできます。

ハロゲン33の収納力はちょっと弱め

軽さを追及しているため、雨蓋とメイン気室のみ。見た目以上にあんまり荷物が入りません。日帰り装備でギリギリという感じです。 腰ベルトや肩ベルトもかなり細めの作りで、UL軽量化を重視した上級者向けザックですね。 もうちょっと荷物が入るザックが欲しいです。... 続きを読む

ノマドワーカー派のためのWework。月額45ドルのミニマムプランでコスパよく使ってます!

最近東京で大人気のコワーキングスペースと言えばWework。1人で仕事するフリーランスから、Wework内に専用エリアを作るレベルのベンチャーまでスタートアップからスモールビジネスにまで対応しており、メンバー同士の交流が盛んなオープンなコミュニティが人気ですね。 しかし、活発なコミュニティやオシャレなコワーキングスペースなのは良いのですが、利用料金が高い!と言われるのがネック。しかし、1人で働くフリーランスなノマドワーカーなら最小限のコストでWeworkの雰囲気やイベントを上手に使う方法、ありますよ。

Wework新橋 コワーキングスペースの雰囲気

Weworkは、こんな感じでソファーやスツール、オープンデスクなど広いスペースをシェアするタイプのコワーキングスペースです。 個室や専用デスクが欲しい人には向きませんが、ノートパソコン1つで仕事できるタイプのフリーランスなら楽しく使うことができます。

こんなタイプにオススメ

  • 1人で働くフリーランス
  • ノートパソコンがあればOK
  • カフェで集中して仕事できる
  • 誰かと交流したい

こんなタイプにはあまりオススメしません

  • 固定スタッフの席が多く必要なスモールビジネス(オフィススペースもありますが、かなり割高)
  • 書類や個室などが必要な士業など。
  • 人と関わりたくない
  • 個室で集中したい

Weworkと言えばフリービール!

Weworkと言えば、昼間っからビールが飲めるというのが最大の特徴ではないでしょうか。 フリーランスでお客さんに会わないならビールを飲みながら仕事できるって人によっては最高ですよね。 もちろん、お茶やコーヒーも無料です。コーヒーの味は「まあまあ」かな。

WeWorkの1番安いメンバーシッププランを使ってます

Weworkにはいつでも契約拠点のワークデスクが使える「ホットデスク」などのプランから色々用意されていますが、月額にすると7-8万円かかるのがネックという人も多いでしょう。 私は、月額45ドルのミニマムなメンバーシッププランを使っています。このプランは、30分-1時間の会議室(広さによる)または、1日分のワークデスク利用券が含まれており、WeWorkが開催するイベントなどにも自由に参加できます。 概ね、10-14日以上デスクを使うならホットデスクの方が安くなるのですが、10日でも週2回。そんな行かないなぁと思いましたので。 もうちょっと家の近くに拠点ができたらホットデスクへアップグレードするかも。 時々、お客さんとの打ち合わせに会議室を使ったり、イベントに参加したりという使い方をしています。 WeWorkは気になるけど…という方は、まずはこのプランからコワーキングスペースやイベントの雰囲気を感じてみるというのも良いのではないでしょうか? https://www.wework.com/ja-JP/... 続きを読む

カウンターキッチンに水槽を設置すると、排水経路や浄水器からダイレクト給水など便利すぎる(耐荷重に注意)

アクアリウム、水槽のメンテナンスをする時、一番悩みになるのは排水、給水などの水回りじゃないでしょうか。カウンターキッチンに水槽を設置すると水回りの悩みがゼロになります! 特にマンションだと、排水経路を確保するために長いホースでベランダまで伸ばしたり…、あるいは大きく重いバケツを用意したり…と、大変ですよね。 水換えは水槽のメンテナンスでも定期的に必ず行う必要があるので、この作業でストレスを感じると即水槽状態の悪化に繋がります。 子供の頃、実家でアクアリウムをしていた頃は、台所から重いバケツを運んで水を捨てての繰り返しで、だんだん水換えをしなくなり…水槽はコケの魔窟になっていました。 そんな経験から、私のアクアリウムはとにかく楽をする!がポリシーです。アクアリウムのためならいくらでも手間暇を惜しまないという方とは意見が合わないでしょう。

カウンターキッチン水槽のすすめ

これが我が家のカウンターキッチン水槽です。60cmスリム水槽をカウンターキッチンの上に設置しています。

気になる耐荷重は?

カウンターキッチン水槽をやる上で、一番気になるのは耐荷重ではないでしょうか。 しかし、この耐荷重はカウンターの素材や寸法、作り付けにより全く異なるので、一概にここまでなら大丈夫…とは言えないのが難しいところです。 あくまで一般的な考えですが、カウンターキッチンに大人がもたれかかったり、多少の体重をかけても壊れることはないように作られているので、大人の平均的な体重60kgの半分、30kgまでならおそらく大丈夫ではないかなと私は考えます。

60cmスリム水槽、30cmキューブなら大丈夫?

60cmスリム水槽や30cmキューブ水槽なら、約30リットルの水量なので、ギリギリセーフかなと思います。 60cmの大きめの水槽や、90cmはリスクが高いと感がえます。 設置の判断は施工した工務店に相談したり、ご自身で考えてください!

60cmスリム水槽をカウンターキッチンに設置後、約1年経過しているが問題なし

当方の環境では、カウンターキッチンに60cmスリム水槽を設置して約1年になりますが、歪みなど問題は今のところ発生していません。 カウンターキッチンの素材が人工大理石、というのもあるかもしれませんが…。

カウンターキッチン水槽のメリット

さて、この設置のハードルを乗り越えることができたのなら、カウンターキッチン水槽はとてもメリットだらけです。

カウンターキッチン水槽は、排水が楽チンすぎる!

裏側はこのようになっています。当然キッチンなので、いくら水を流しても問題ありません。しかも我が家はディスポーザー搭載なので、トリミングした水草もそのまま処分できてしまいます。

カウンターキッチン水槽に、浄水器でダイレクト給水!

キッチンの水栓が浄水器なら、多少のリスクを飲めるならこのように水槽にダイレクトに給水も可能です。

浄水器の水って水槽に使って大丈夫なの?

経験上は問題ありません。ただし、神経質な方やデリケートな生体を飼っている場合はわかりません。 RO水などを使ってる人からしたら顔を真っ赤に木して怒られそうですが。 日本の浄水器の規格では、完全に塩素をゼロにすることはできないそうです。 うちの水槽には丈夫な小型カラシン類やミナミヌマエビなどしかいませんが、今のところこの方法でエビや生体が弱る、死ぬという問題は起こっていません。 順序が逆になりますが、心配なら給水後に中和剤を入れればさらに安心でしょう。最初はそうしてましたが、最近はそれすらやらなくなりました。 水温も厳密に合わせなくても、アバウトに合っていればOK。 個人的には、水換えをめんどくさがって亜硝酸塩や硝酸塩が蔓延してる方が生体にとってリスクだと思いますよ。

アクアリウム初心者にこそカウンターキッチン水槽はおすすめ

リビングのキッチンに水槽を設置する事で、生活上かならず頻繁に目につくことになります。 そのため、メンテナンスを頻繁に行うモチベーションにもなり、そのメンテナンスも楽であるというメリットは初心者に取っても大きいでしょう。 ただし、耐荷重というリスクだけは気をつけてください。それさえクリアできるなら、特にマンションで小型水槽をやるなら最高の設置箇所です。... 続きを読む