webpackに比べ高速と評判のViteを用いてReact開発環境を作成しつつ、ESLintを導入して更にDXを上げたReactの開発環境の作成方法をご紹介しま…
2018年にリリースされたプログラムの曲で構成された、BB2 2018!1年以上ぶりに受けた私の感想はBB2の皮を被ったBB3だ・・と思うぐらいに強度が高いです…
自分のみ/社内のみに公開して複数のリポジトリから使えるプライベートなライブラリを公開したい。そんな場面に遭遇した事はありませんか?そんな時に便利なのがGitHu…
腕に重点的に効かせるBSBシリーズのジャズ系の楽曲のみで構成された、BSB Jazz 1!「THE・腕の修行」というのが初めて受けた時の感想でした。笑 ぷちB…
ウエストに特化したBSWのJazzの曲のみで構成されたBSW Jazz 1!Jazzと言いつつも結構ノリのいい曲が多くHous系が好きな人は刺さる曲が結構あるん…
Go製のインクリメンタルサーチ用のコマンド fzf。tmux や vim にも導入が出来て、豊富なオプションも用意されていて使いやすいコマンドです!特にプレビュ…
Rust製のGitリポジトリのサマリを表示するライブラリ、onefetch。開発が捗る!といったライブラリではないものの「どういうリポジトリだったっけ?」という…
Jazz系の曲のみで構成された、BB2 Jazz 1!Jazz x Feelcycleて合うのかな、、と受ける前は正直疑ってしまってましたが想像以上に楽しい!ノ…
BSWの中でもよりウエストに効かせるBSWi HH 1!全11曲、うちクランチ3曲。ダンベルなし、RUNなし。BSWi Hous1・2に比べると立ち漕ぎが多く休…
BSWの中でもよりウエストに効かせるBSWi Hous 2!前作BSWi Hous1と同じく、大人気プログラムの1つな気がします。曲数が12曲と多く、BSWiの…
GoogleのAPIを利用する際認証方法にOAuth2.0を用いたやり方があります。OAuth2.0を用いる方法は1度覚えれば様々なGoogleが提供しているA…
腕に重点的に効かせるBSBシリーズのレゲエ系の楽曲のみで構成された、BSB Regg 1!明るいレゲエ・陽気なレゲエの楽曲ばかりな上、曲のノリが良いものばかりで…
Macのキー入力をディスプレイに表示したい、そんな要望に答えてくれるのがKeyCasterです。この記事ではキー入力をディスプレイに表示するKeyCastrのイ…
みんな大好きGoogleカレンダーの情報を自分のアプリケーションで取得・表示する機会がありました。カレンダーの情報を取得する Google Calendar A…
レゲエ系の曲のみで構成された、BB2 Regg 1!強度的にもBB2を漕ぎ始めた人にも楽しい内容になっています!明るいレゲエの曲に合わせて漕いでいるとあっという…
Rust製のcatを便利にしたコマンド、bat。シンタックスハイライト・Gitの差分が分かる機能をcatに追加したものです。この記事では bat の使い方、設定…
レゲエ系の曲のみで構成された、BB2 Regg 2!個人的にかなり楽しいおすすめプログラム!コリオが豊富で飽きません。ただし「BSLか?」と思うぐらいに脚がキツ…
満を持して登場したBSBシリーズのインテンシブシリーズBSBi Hous 2!BSBi Hous 1が2018年11月リリースなので、実に4年ぶりのBiシリーズ…
脚に重点的に効かせるBSLシリーズのHitシリーズ、BSL Hit 7!BSL入門、と言ってもいいぐらいに強度は低めで漕ぎやすいプログラムになっています!曲も穏…
脚に重点的に効かせるBSLシリーズのHitシリーズ、BSL Hit 6!BSLらしいシンプルなコリオが多く、Deepかしら?と思うぐらいに1つのコリオを繰り返し…
脚に重点的に効かせるBSLシリーズのより身体に集中出来る構成のBSL Deep 2!BSL Deep 1に比べDeepらしさマシマシで、曲の起伏が少なく同じ動作…
BSLのHousシリーズの第2段!さすが人気のエルハ第2段ということで、盛り上がるところでしっかり盛り上がって楽しく漕げる、期待を裏切らない内容になっています!…
脚に重点的に効かせるBSLシリーズのより身体に集中出来る構成のBSL Deep 1!Deepシリーズは曲に対して苦手意識がある人もいるかと思いますが、BSL D…
クリスマスシーズン限定プログラム、BB2 XMAS 3!オシャレなクリスマスディナーに行ったら流れてそうな大人オシャレな曲ばかりが揃ってます!そんな大人オシャレ…
PENTATONIX(ペンタトニックス)とのアーティストコラボ、BB2 PTX!クリスマスシーズンのみ提供のプログラムです。1度は耳にした事があるようなクリスマ…
脚に重点的に効かせるBSLシリーズのHousの楽曲のみで構成された、BSL Hous 1!通称「エルハ」。BSLの中でかなりの人気プログラムで、いい楽曲が揃って…
腕に重点的に効かせるBSBシリーズのロック系の楽曲のみで構成された、BSB Rock 1!チューブはキックバックのような脚のリズムを合わせながらの動きが登場せず…
腕に重点的に効かせるBSBシリーズのHousの楽曲のみで構成された、BSB Hous 1!選曲の良さ・コリオの楽しさが秀逸で、BSBの中でかなりおすすめ&お気に…
腕に重点的に効かせるBSBのHitシリーズ、第7段 BSB Hit 7!チューブ2曲 + ダンベル1曲 + その他8曲、BSBにしては珍しくエルボーが多めな印象…
腕に重点的に効かせるBSBのHitシリーズ、第5段 BSB Hit 5!チューブ2曲 + ダンベル1曲 + その他7曲、腕に効かせるのはもちろん、脚にも結構負荷…
腕に重点的に効かせるBSBのコンピレーションシリーズ、BSB Comp 1!チューブ2曲、ダンベル1曲、それ以外8曲の構成。爽やかめな曲が多い印象で個人的にお気…
Beyonce(ビヨンセ)とのアーティストコラボ、BB2 BEYONCÉ!2022年最新アルバム『RENAISSANCE』の曲のみで構成されたプログラムです!2…
ウエストに特化したBSWのコンピレーションシリーズ第2段、BSW Comp 2!BSWらしくクランチが1曲入ってますが、なんと6分超え!そして特徴としてはオフビ…
ウエストに特化したBSWのレゲエの曲のみで構成されたBSW Regg 1!選曲の良さ、曲とコリオのマッチ具合がとっても良くてノリノリになって漕げます!また変わっ…
ウエストに特化したBSWのロック系の曲のみで構成されたBSW Rock 1!BSWらしくクランチも1曲あり、ウエスト周りに効かせるのはもちろん、脚にもくる場面も…
Adele Laurie Blue Adkins(アデル・ローリー・ブルー・アドキンス)とのアーティストコラボ、BB2 ADELE!DEEPのように同じ動きを繰…
ウエストに特化したBSWのHitシリーズBSW Hit 7!数あるBSW・BSWiのプログラムの中でも1番強度の高い部類に入ると感じました!ウエストに効かせる動…
ウエストに特化したBSWのHitシリーズ。ウエストに効かせつつも、基本的な動作が多く珍しい動作はほぼ出てきません。強度もそこまで高くないのでフォームの確認にもち…
ウエストに特化したBSWのHitシリーズ。BSW Hit 5の強度はかなり易しく、BB1をほんの少し難しくしたぐらい。その一方で他プログラムで中々お目にかかれな…
Martin Garrix(マーティン・ギャリックス)とのアーティストコラボ、BB2 MTGX!BB2の中では易しめ、BB1から次のステップに移りたい人にはちょ…
David Guetta(デヴィッド・ゲッタ)とのアーティストコラボ、BB2 DVGT!David Guettaらしいカッコいい曲が揃っていて、ノリノリになって…
EDMの曲のみ集めた、BB2 EDM!強度は一般的なBB2と比べると明らかに高強度で、BB2の中だと最難関の1つです。2022/10現在、リザレクション期間しか…
Madonna(マドンナ)とのアーティストコラボ、BB2 MDNA!マドンナの楽曲やカバー曲で構成されています。BB2の中ではかなり易しめでBB1を少し難しくし…
Fedde Le Grand(フェデ・ル・グランド)とのアーティストコラボ、BB2 FLG!アルバム「Something Real」の楽曲を中心に構成されたプロ…
Ariana Grande(アリアナ・グランデ)とのアーティストコラボ、BB2 ARGD!世界の歌姫と言われるだけあり、曲も歌もきれいでかわいい雰囲気の曲も多い…
説明不要の世界的人気DJZEDD(ゼッド)とのアーティストコラボ、BB2 ZEDD!さすがの気持ち良く漕げる曲ばかり揃っています。BB2の中ではかなり易しい部類…
Avicii(アヴィーチー)とのアーティストコラボ、BB2 Avicii!アルバム『Stories』の曲のみで構成されたプログラムです。2022/10現在、リザ…
FEEL ANYWHERE専用プログラム BC OLRD!OLRDは「Olivia Rodrigo(オリビア・ロドリゴ)」の曲のみで構成されたプログラムです。
FEEL ANYWHERE専用プログラム BC CMCL!CMCLは「Camila Cabello(カミラ・カベロ)」の曲のみで構成されたプログラムです。
Nxを使っているプロジェクトでFirebase Functionsを使ってバックエンドを構築する事になりました。NxにはFirebase Functionsを簡…
Nxを使っているプロジェクトでFirebase Functionsを使ってバックエンドを構築する事になりました。NxにはFirebase Functionsを簡…
FEEL ANYWHERE専用プログラム BC SLSN!SLSNは「Silk Sonic(シルク・ソニック)」というブルーノ・マーズとアンダーソン・パークのデ…
FEEL ANYWHERE専用プログラム BC JBST!JBSTは「Jon Batiste(ジョン・バティステ)」の曲のみで構成されたプログラムです。オシャレ…
FEEL ANYWHERE専用プログラム BC Pop3!Pop1・Pop2と同じく、朝一に気持ち良く漕ぐのに向いているプログラムです。
firestoreを使っていてundefinedの値を保存しようとするとエラーが起きる事があります。この記事ではfirestoreで値を保存する際にundeif…
BSWの中でもよりウエストに効かせるインテンシブシリーズの BSWi Metal1!人気のBSWiインテンシブシリーズにまさかのMetalです!期待を裏切らない…
FEEL ANYWHERE専用プログラム BC Pop2!Pop1と同じく、爽やかで朝一に漕ぐのに良さそうなプログラム。Pop1に比べコリオが豊富なので「ストレ…
FEEL ANYWHERE専用プログラム BC Pop1!爽やかなポップスが多く、終わる頃にはジワッと汗をかける、朝一に漕ぐととても気持ち良いプログラムです。
Next.jsでRecoilを使って開発をしているとDuplicate atom key "xxx"というメッセージが表示される事があります。特に問題が起きる・…
腕を重点的に鍛えるBSBi Hous1!腕への負荷はもちろん、脚にもしっかり効きBB3と同じぐらいに強度が高いです。この記事ではBSBi Hous1の難易度や動…
身体と向き合うDeepシリーズのBB3!BB3 Deep1はBB3としては一般的な強度です。RUNはなく全7曲構成。1曲1曲が長く、Deepらしく淡々と漕ぐ事が…
FEEL ANYWHERE専用プログラム BC Hous 1!朝一の漕ぐのにちょうど合うような大変気持ちのいいハウスミュージックが揃っています。また始めたばかり…
腕に特化したBSBのHitシリーズ。脚がキツい場面はほぼなく腕に集中出来ます。feelcycleを始めたばかりの人でも受けやすい強度になっていて、BSBの雰囲気…
Slidevを使うとmarkdownで簡単にスライドを作る事が出来ます。更にVueのコンポーネントを読み込むなど面白い機能が豊富に搭載されています。この記事では…
CodeSeeというサービスを利用するとプロジェクトの全てのファイルの依存関係やPull Requestで変更・追加・削除されたファイルの依存関係が分かりやすく…
BSWの中でも更にウエストに徹底的に効かせるインテンシブシリーズのBSWi Hous 1!ウエストにいい感じにアプローチ出来るのはもちろん、楽しくテンションが上…
AWSの2段階認証はiPhoneのGoogle AuthenticatorなどMacとは別の端末で確認する事が多いと思います。しかしMacでログインした後にiP…
開発をしている時に切っても切りはせないGitのコマンド。Gitのaliasやshに対して設定を行うとGitの操作性を向上する事が出来ます。今までいくつかの記事を…
開発をしている時に切っても切りはせないGitのコマンド。Gitのエイリアス(alias)だけではなく、sh(シェル)に対してもaliasを設定する事で更に素早く…
Apollo Serverをどこかにデプロイして試してみたい!そう思って調べてみるとCloud Functions for Firebaseが対応している事が分…
socket.ioのサーバをリモートで動かして技術検証がしたい。サクッと動かせるsocket.ioに対応したサーバがないかな、と調べた時Herokuが対応してい…
JavaScriptに関するプロジェクトではnpmかyarnを利用する事が多いです。npm(package-lock.json)で始めたプロジェクトをyarn(…
開発をしている時に切っても切りはせないGitのコマンド。Gitの設定ファイル、gitconfigを見直す事でGitの操作が劇的に改善され操作が速く便利に出来るよ…
開発をしている時に切っても切りはせないGitのコマンド。Gitのエイリアス(alias)を設定する事で素早くGitのコマンドを実行する事が出来るようになります。…
socket.ioの確認がどうにか簡単に確認出来ないかと調べていたところPostmanで簡単に出来る事が分かりました!この記事ではPostmanでsocket.…
Web Socketを使うプロジェクトを始める上でまず技術調査を行いたく、express + socket.io のサーバをローカルに作ってみました。備考録も兼…
npmやyarnでグローバルでインストールしたパッケージをnodeコマンドで使おうとした際にCannot find moduleエラーが起きました。この記事では…
エンジニアリングをする際に切っても切りはせないのがGit操作。そんなGitを扱うのを便利にするライブラリをご紹介します。
ジャンル問わずの色々な曲を集めたBB3のHitシリーズBB3 Hit 2。リザレクション期間しか受けられませんが、feelcyle1高強度と言われているダンベル…
ローカルでのGitリポジトリ管理の心強い味方、それがghq!ghq単体だとそこまで便利さを感じないのですが、peco・fzfといった「インクリメンタルサーチ」が…
AWSの2段階認証はiPhoneのGoogle AuthenticatorなどMacとは別の端末で確認する事が多いと思います。しかしMacでログインした後にiP…
ジャンル問わずの色々な曲を集めたBB3のHitシリーズBB3 Hit 3。リザレクション期間しか受けられませんが、渋めの曲が多い印象ですがHitシリーズの中でク…
ウエストに特化したBSWのHitシリーズ。HitなのでロックやHip Hop系の曲もありつつ、トロピカル・ハウスのようなふわっとした曲が多いのが特徴。コンビネー…
Next.js ver.12からMiddlewareが導入されました。これによりライブラリを使わず簡単にBasic認証を設定することが出来るようになりました
RDBを使ったサービスを作りたい。でもAWSやGCPだといくらかかるか分からないし、Herokuは無料だと使わないとDB止まってしまうし。。そんな中で手軽にRD…
BB3初のコンピレーションシリーズ、BB3 Comp 1!非常に聞きやすい選曲、コリオの良さが光るプログラムです。BB3としては楽な部類としてもそれでもBB3、…
BSWの中でも更にウエストに徹底的に効かせるインテンシブシリーズのBSWi Hous 1!ウエストにいい感じにアプローチ出来るのはもちろん、楽しくテンションが上…
gitを使う際に最初に行いたい設定の中に、誰がコミットしたかを判別するためのユーザ名とemailを設定する、というのがあります。この記事では設定方法とtigやG…
feelcycleの初BB3!BB3 Hit1!!2014年ぐらいリリースの本作ですが、古臭さは全くなくBB3らしい強度の高さと面白さを兼ね揃えたプログラムにな…
TypeScriptでは型を様々な方法で定義する事が出来て、型による恩恵を受ける事ができます。この記事ではその中でもobject(オブジェクト)に焦点を当てて型…
Serverless Frameworkを使ってAPI開発を行っていると「オリジナルドメインをAPIに設定したい」という事は良くある事例だと思います。この記事で…
GitのdiffをGitHubのように文字単位で表示してくれるdiff-highlight!導入方法、またtigでも同様に使えるようにする方法を記載します
Route53に登録した独自ドメインをVercel上のWebサービスに設定する方法について記載します。
お名前.comでドメインを購入してRoute53に登録する、という作業がごく稀に発生します。毎回やり方や料金体系を忘れてしまうのと、いまいちやっている内容の理解…
Webサービスを作っているとキーボードの特定のキーを押下時に何か処理を行いたい事があります。この記事ではReactで特定のキーを押下した際に処理を行う方法につい…
腕にフォーカスするBSBのHitシリーズBSB Hit 6!腕以上に脚もキツいのが特徴ですが、大人ぽい雰囲気の曲が多く集中して楽しめて、腕も脚も鍛えられる良プロ…
Gitの操作に慣れてくるとrebaseは欠かせないコマンドになってきます。autosquashを設定するとrebase時のsquash・fixupが格段に速くな…
フォームの処理などを実装していると特定のキーの組み合わせで処理を実行したい事があります。この記事ではReactで cmd + Enter もしくは ctrl +…
Gitの操作に慣れてくるとrebaseは欠かせないコマンドになってきます。rebaseはデフォルトだとcommit/stashを行うファイルがあるとrebase…
git pullを実行する際に--ff-only(fast-forward only)というオプションがあります。このコマンドを設定しておく事で不要なマージコミ…
Gitの設定ファイルgitconfigにはどのリポジトリのフォルダにまで影響を及ぼすか、という設定範囲(system, global, local, workt…
Nuxt.jsで特定URLへのアクセスをリダイレクトさせる設定方法をご紹介します。
2つの色が似ている色(人の目で違う色と判断しづらい色)かを判定するnodeのライブラリを作成して公開しました。ライブラリの内容や使い方についてご紹介します。
Nuxt.jsのプロジェクトでSEO対策の一環として、"/"のURLを常に"/"なしのURLにリダイレクトする。という対応を行いました。その方法をご紹介します。…
Nuxt.jsのプロジェクトでSEO対策の一環としてgoogle推奨の構造化データマークアップ(JSON-LD形式)に対応しました。TypeScriptによる型…
Next.jsでBASIC認証(ベーシック認証)を導入する方法をご紹介します。最終的にローカルではBASIC認証がかからないけど、VercelではBASIC認証…
feelcycleの中でも異質なBB3 WORLD 1!民族音楽のようなエキゾチックな曲が多いです。全曲強度が高く、かなり難易度の高いプログラムの1つです。この…
Nuxt.jsのプロジェクトで常時SSL化(http → httpsにリダイレクト)するという事を行いました。その方法を記載します
Tailwind CSSを使っているNext.jsのプロジェクトで、Storybookを導入しようとしたところエラーが起きました。解決方法を記載します
ジャンル問わずの色々な曲を集めたBB3のHitシリーズBB3 Hit 5!前半は立ち漕ぎが多くキツさを感じやすく後半がBB3として控えめという構成になっています…
feelcycle最強の1つと名高いプログラム、BB3 Soul 1!全体を通して極度が高く、修行感が高い高強度プログラムになっています。この記事ではBB3 S…
ジャンル縛りシリーズのBB3でヒップホップの曲のみを集めたBB3 HH 1!。BB3 HH 2に比べ明るいヒップホップが多く「ソウルフルな曲が多いなぁ」と感じま…
ジャンル問わずの色々な曲を集めたBB3のHitシリーズBB3 Hit 4。リザレクション期間しか受けられませんが、曲もノリがよくコリオも曲に合っていて楽しいプロ…
ジャンル問わずの色々な曲を集めたBB3のHitシリーズBB3 Hit 6。BB3の中でも変わった動作が多いのが特徴の高強度プログラムです。この記事ではBB3 H…
Vue.jsで画面を開いた際にtransition-groupでアニメーションさせる方法をご紹介します。最後はanime.jsと組み合わせて複雑なアニメーション…
feelcycle最強難易度と名高いBB3 Regg 1!そのように言われるだけの超強度プログラムでありつつ、曲もコリオも洗練され楽しいのが特徴のプログラムです…
コンポーネントの見え方・使い方などを管理するのに便利なstorybook。この記事ではReact or Next.jsのプロジェクトにStorybookを導入す…
コテコテのバンドサウンドが多い、ザ・ロックンロール!なBB3、BB3 Rock 1。コリオにクセの強い曲が多く、ロックがゆえのテンポのゆらぎも多い高強度プログラ…
BB2の中でも強度がとても高く、簡単なBB3より難しい、と評判のBB2 Hous 3!難しさにフォーカスされがちですがトロピカルハウス、ハードハウスが半々といっ…
Nuxt Contentで@nuxtjs/sitemapというパッケージを用いてサイトマップ(sitemap.xml)を自動的に作成する方法を記載します
BB3の中でも強度高めのBB3 Hous 3!「Hous」とはいえノリノリで爽やかな曲はほぼなく、激しめの曲・DEEPのように無機質な曲が多く修行感の強いプログ…
電子音を使わないUnpluggedな曲のみで構成されたBB3、BB3 UPGD 1!1曲とてつもなく難しい曲がありますが気持ちよく漕げる曲が多い高強度プログラム…
Homebrewを使っていたところ「formulae require at least a URL」というエラーが発生しました。エラーを解消するために行った事を…
Nuxt.jsを使いつつ、ブログのような静的なページを作るのに適したNuxt Content。 そのNuxt ContentをNuxt.jsのプロジェクトに導入…
2020年にリリースされたヒップホップの曲を集めたBB3のBB3 HH 2!ヒップホップの曲の中でもダークでカッコいい雰囲気の曲が多いのが特徴の高強度プログラム…
Nuxt(SSR)のプロジェクトをVercelにデプロイしBasic認証をかける方法を記載します
Serverless Frameworkの開発でURLを用いてGET・POSTなどのアクセスしたい事があります。それを実現するためには serverless-o…
Nuxt.jsのプロジェクトにUIフレームワークのAnt Designを導入する方法を記載します
BB3の中では易しめのBB3 Hous 2。BB3を初めて受ける人にももってこいのプログラムで、曲も爽やかなで気持ちの良い曲が多いのが特徴です。この記事ではBB…
SequelのようにGUIベースでDynamoDB Localの操作をする事ができるdynamodb-admin。CRUD操作をGUIで出来るため開発効率を上げ…
ロックの曲のみを集めたBB3らしい高強度プログラムのBB3 Rock 2。コリオにクセが少なくBB3として難し過ぎる曲もないため、BB3の中でよくおすすめされる…
BB3らしい難易度のハウスソングを集めたプログラムBB3 Hous 1。足もさる事ながら腕への負荷もキツくバランスが取れた良プログラムです。この記事ではBB3 …
Serverless FrameworkでDynamoDBを用いる方法をご紹介します。 この記事では、最終的にServerless FrameworkでDyn…
Nuxt.jsのプロジェクトに全文検索サービスのAlgoliaを自分でコンポーネントを用意しつつ導入する方法を記載します
Nuxt.jsのプロジェクトに全文検索サービスのAlgoliaを導入する方法を記載します
react-scripts startでローカルサーバ、STGサーバそれぞれコマンドによって別のサーバに繋げたい、ということがありました。 ここでは違う .e…
Nuxt Contentの記事でコードのシンタックスハイライト部分に行番号を表示する方法を記載します
.zshrcや.gitconfigといったドットファイル(dotfiles)を、homesickというパッケージを使って複数のMacで同期出来るようにする方法を…
GitHubとSSHでやり取り出来るように公開鍵/秘密鍵の作り方、GitHubへの設定の仕方を記載します。
私のサイトの表示速度がやたら遅い。。🤯 構成としてはNuxt Contentを使ってSSG、UIフレームワークとしてVuetify、デプロイ先としてNetli…
Apple SiliconのMacが登場してアプリやコマンドがApple Siliconに対応しているかそれともIntel版のものか、を意識する必要が出てきまし…
M1 Macはarm・x86_64というアーキテクチャの違いを意識してパッケージを導入する必要があります。その差異を意識せずにパッケージを導入出来るMacPor…
M1 Mac(Apple Silicon)でHomebrewを使う方法を記載します。M1 Macではarm・x86_64というアーキテクチャを意識する必要が出て…
Nuxt.jsのプロジェクトでstyle-resourcesというパッケージを使って、グローバルなscssをimportを使わずに使えるようにします
NuxtのプロジェクトにGoogle AdSenseを導入する方法を記載します。
足元を温めるホットマット(ホットカーペット)を買いました。 2週間ほど使ってとても良い買い物が出来たと感じたのでご紹介します!
Reset.cssをNext.jsに導入します、ここでは2つのやり方をご紹介します。 cssファイルをDLしてプロジェクトに配置する Nodeのパッケージとし…
Nuxt.jsでFont Awesomeを使用する際に使うパッケージのnuxt-fontawesome。書き方次第では全てのフォント読み込む容量を食うため、必要…
Nuxt.jsのVuetifyでdefaultAssetsをなくしてMaterial Designのリソースを読み込まなくする方法を紹介します。
Nuxt.jsのプロジェクトにGoogle AdSenseで必要なads.txtを追加します
Nuxtのプロジェクトで画像などのリソースに対してLazyLoadを設定してみます。
ReactでChromeのExtension開発をしている際に、開いているページ(タブ)のURLとタイトルを取得します。
Nuxt Contentで作っているサイトに目次を追加します。
静的サイトをデプロイするのに便利なNetlify。そのNetlifyにNuxt Contentで作ったサイトをデプロイする方法をご紹介します。
AlfredのワークフローをNode.jsを使って作成します。AlfredのワークフローはデフォルトでNodeをサポートしていないため Alfy というパッケー…
Next.jsで$yarn run dev(next) した際に、 .env.local と .env.staging を使い分けられるようにします。
Serverless Frameworkを使ってAWSがサポートする認証方法の1つ「x-api-key」をAPI Gatewayに設定します。
Nuxt.jsのプロジェクトに@nuxtjs/storybookで入っているデフォルトのAddonを変更、もしくは追加する方法を記載します
GitHub Actionsでjestのテストを実行出来るようにします。
GitHub製のCIツール、 GitHub Actions を使ってみます。 GitHub Actionsの理解と、最終的に実際に「Hello World!」と…
Nuxt.jsのプロジェクトにStorybookを導入します
create-react-app で作成したプロジェクトの react-scripts start のポート番号を3000番から別のポート番号で起動出来るように…
Nuxt.jsのプロジェクトにGoogle Analyticsを導入します。
Serverless FrameworkでAWSにデプロイした後 Runtime.ImportModuleError というエラーが起きたためその対処方法を記載…
Node.js(TypeScript版)でServerless Frameworkの環境を作っていきます。
Nuxt.jsでの開発時のデフォルトのポート番号は3000です。そのポート番号を変える方法について記載します
Moment.jsという日付を扱うのに特化したjsのライブラリがメンテナンスモードになったため代替えとして上げられる Day.js に以降する事にしました。Mo…
久しぶりにSwiftを触るにあたり「そうだ、Cocoa Podsのバージョンを上げよう!」と思ってつまづいたので備考欄を兼ねて残します。
Nuxt.jsのプロジェクトにFont Awesomeを導入します。
スネークケースのオブジェクトを簡単にキャメルケースのkeyに変換したオブジェクトを作れる、npmパッケージの humps。この記事ではhumpsの導入の仕方、使…
Nuxt.jsで早期アクセスのGoogle Fontsを使っていきます
nuxt-webfontloaderというパッケージを使ってNuxt.jsのプロジェクトでGoogle Fontsを使う方法ご紹介します
Nuxt.jsで.envを用いて環境変数を使います。
ReactのUIフレームワーク Grommet をNext.jsのプロジェクトに導入する方法をご紹介します。
Nuxt.jsのプロジェクトにUIフレームワークのVuetifyを追加する方法について記載します
reset.cssをNuxt.jsのプロジェクトに導入する方法を書きます
VueでのCSS Modulesの様々な書き方について、またScoped CSSとの違いについてご紹介します。
Nuxt.jsのプロジェクトにCSS Modulesを導入します。
npm/yarn を使ったプロジェクトに導入しているパッケージのバージョンを調べる方法をご紹介します。
Nuxt Contentでフロントマターを使ってタグを設定します
Nuxt ContentでMarkdownを書く記事に、Vueのコンポーネントを読み込んで利用する方法を記載します
Nuxt/Contentの公式ページのようなテーマにする Nuxt/Content-theme-docs をNuxt Contentのプロジェクトに導入する方法…
Nuxt Contentの記事を配置するcontentフォルダの階層を深くしつつ、記事を読み込み表示する方法をご紹介します
Nuxt ContentでTypeSciprtを使った際に「Property '$content' does not exist on type 'Contex…
Netlifyでステージング環境を作る方法をご紹介します。手順の最後ではベーシック認証をかける(Proプランが必要)方法も合わせてご紹介します
Netlify x Next.jsのプレビュー環境にBasic認証を設定してみます。注意点としてベーシック認証はProプラン以上ではないとかけられません。
Next.jsのプロジェクトをNetlifyにアップロードする方法をご紹介します
Serverless FrameworkでCloudWatchに不要なログを残さないよう有効期限を設定します
© 2020 Yuki Takara ALL RIGHTS RESERVED