IT記事

Notionの方でブログ記事を書き、それを個人ブログのWordpressに投稿できないかなぁと思っていました。 そこでWordpressのプラグインでnotionと検索して、一番上に表示されたプラグインを導入してみました。 WP Sync ...

IT記事,Next.js

記事日付 2023/02/18 環境 Windows11 (WSL) "next": "13.1.6" "tailwindcss": "^3.2.7" "storybook": "^7.0.0-beta.50" storybookのインスト ...

その他,日記

コロナに罹り、ホテル宿泊療養を体験しています。意外と過ごしやすい。 ホテル宿泊療養へ行けるのは 病院で診察してもらったり、自ら検査キットでコロナと確定したら宿泊療養を申し込めます。 参考 : 宿泊療養を申し込むには 自分は勘違いしていたので ...

その他,日記

新しくゲーミングパソコンを自作してから約一か月ほど経過しましたが、非常に快適に使えています。 最初の目的は、FPSゲームを240Hzのリフレッシュレートでプレイしてみたかったことです。そのため、グラフィックカードとモニターの選定が重要でした ...

Thumbnail of post image 038

AWS Amplify,IT記事,React,制作物

ホロライブ名前当てゲームを趣味で作りました。 ホロライブの名前覚えてるか確認できます。

AWS Amplify,IT記事

追記(2021/12/11)--- 更新によりAdmin UIはAdmin Studioへと名前を変えています。 --- AWS AmplifyのAdmin UIを使ってゲーム内のコンテンツデータを管理してみる。データを変更しやすくなったり ...

IT記事,Next.js

前にReactで作った掲示板をNextにしてみる。SSRをまず使ってみる。 nextでプロジェクトを作成 npx create-next-app amplify init ? Enter a name for the project nex ...

IT記事,Next.js

terser-webpack-pluginを使う方法。動いてるっぽい installする npm install terser-webpack-plugin --save-dev next.config.jsに追記する const Ters ...

IT記事,React

Reactでwebpackのterser pluginでconsole.logをビルド時に除去する設定。ごめんよく調べずこの記事書いてるのでメモ程度と思って読んで。 まずcracoインストール npm install @craco/crac ...

Thumbnail of post image 093

AWS Amplify,IT記事

AmplifyのNext.jsへの対応が進んでいる。NextのSSRやさらにISRに対応したらしく話題に(?)なっている。 試してみようと思ったが自分はNext関連は全く触ったことがない。なので前回のコードをReactで書いてみて次回Nex ...

Thumbnail of post image 114

AWS Amplify,IT記事

前にAws Amplifyで匿名掲示板を作った。だが、古くなってきたのと自分の理解も進んだので最初から書き直すことにした。 作成環境は、@aws-amplify/cli@5.1.0、@vue/cli@4.5.13、vue3(Composit ...

IT記事,Vue

Vue Cliでプロジェクトを作ったとして、ビルド時にconsole.logを自動で取り除くにはどうしたらいいか。 参考 : terser-webpack-pluginを使う。 webpack5から一緒にインストールされるようだ。しかし自分 ...

Thumbnail of post image 034

料理,日記

カルボナーラの意味は、「炭焼職人風」。ブラックペッパーが炭焼き職人を連想させたという説があるらしい。 料理としてはベーコンなどを焼いて卵とチーズを混ぜてパスタに絡めたもの。このシンプルさからイタリアでは日本人における釜玉うどんくらい身近な料 ...