Information Technology

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のインスト ...

Thumbnail of post image 155

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 157

AWS Amplify,IT記事

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

Thumbnail of post image 010

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から一緒にインストールされるようだ。しかし自分 ...

IT記事,日記

動画の切り抜きの方法。あわせて生放送から切り抜くときの方法も。 事前準備 カメラ 動画を取るカメラ パソコン メモリが多く、GPUがある方が良い。 動画編集ソフト ・Adobe Premire Pro とりあえずAdobe Premire ...

AWS Amplify,IT記事

前回公開したアプリでは、ログインした人たちが投稿と投票をできて、ログインしていない人もどういう投稿がされているか見ることができます。つまり、認証と公開(パブリック)設定の複数認証になっています。 今回はその部分、AWS AmplifyのAP ...

Thumbnail of post image 005

IT記事,制作物

アドレス 画像のような投票所を作れるサイトを作ってみました。聴衆がいる場面で使うイメージです。 コロナ禍のコミュニケーションツールの一つとして……と言いたいけどまだいろいろ出来てないのでアルファ版です。登録されたデータも予告なく消されること ...