IT記事

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

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

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

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

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

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

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

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

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

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

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

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

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