めも

ゲームの攻略・プログラミングの勉強内容・読んだ本の感想のような雑記を主に投稿するブログです

javascript

ずんだもんとwhisper・ChatGPTを組合わせてみる

配信中に会話ができるずんだもんが欲しくなったので作ってみました。whisper・ChatGPT・VOICEVOXを組合わせ、python上で実行しています。 現状、会話をする上でずんだもんがしゃべってくれるまで数秒のラグがあります。ただ間に「う~ん」とか「ちょっと考え…

Vue.jsを使ったアプリケーションを初めて作ってみた時のメモ

この記事は何 用語 vue.js ディレクティブ v-for v-if v-bind v-model v-on 算出プロパティ 監視プロパティ トランジション コンポーネント Vue Test Utils Flask この記事は何 Vue.jsを使ってTODOリストを作るときに調べた内容をメモ。 Vue.jsのガイドを上…

はてなブログのサイドバーにスクロールに追従するコンテンツを置く

この記事は何 作成方法 サイドバーに要素を追加 css javascript 参考文献 この記事は何 スクロールに追従する目次や広告をたまに見かけますが、同じものを実現したかったので実装方法を調べました。 このサイトの広告もスクロールしたら追従するようにしまし…

Reactで簡単なアプリケーションを作成するための準備(2)

この記事は何 メモ パッケージマネージャ yarn npm Reactのライフサイクル イベント処理 フック 副作用 メモ化 コンテキスト useRef カスタムフック APIモック 参考文献 この記事は何 Reactの学習メモ。 前回:Reactで簡単なアプリケーションを作成するため…

Reactで簡単なアプリケーションを作成するための準備(1)

この記事は何 作成するアプリケーション React React用語 開発環境のセットアップ 最低限の機能を持つGUIを作成する DOM要素 JSX props 参考文献 javascript Flask・django 参考文献 この記事は何 Reactの勉強をかねて、Flask(Pythonのウェブフレームワーク…

AWSのハンズオン「AWS で基本的なウェブアプリケーションを構築する」を行った際のめも

この記事は何 使用するサービスなど AWS Amplify コンソール Amazon DynamoDB AWS Lambda Amazon API Gateway AWS全般の用語 公開までの流れ 参考文献 この記事は何 AWSのサービスを用いたアプリケーションについて『アマゾン ウェブ サービス (AWS) の実践…

google analyticsでページ上に設置したフォームの集計を行う

この記事は何 調べたこと Google Analytics アンケートフォームの作成 アンケートフォームを表示する デザインを変える 結果の確認 参考文献 この記事は何 「このページの評価をお聞かせください」と行ったフォーム+星五段階評価で評価を送ることができるサ…

一年の何%経過したかを表示するChrome extentionを作る

この記事は何 作成したもの Chrome extentionsの作成方法 公開するまでの流れ 開発時に調べたこと javascriptによる操作 css この記事は何 Chrome extentionとして「一年の何%経過したかを表示する」拡張を作成したくなったので作成します。元旦から36日経過…

プライバシーポリシー

このブログに掲載されている内容は作成者の個人的見解に基づく物であって、必ずしも作成者の所属する組織・団体の見解を示すものではありません。また、記載が不正確であったことにより生じたいかなる損害に関しても、責任を負いかねますのでご了承ください。また、本サイトは、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイトプログラムである、Amazonアソシエイト・プログラムの参加者です。また、本サイトでは、第三者配信の広告サービス(Googleアドセンス、A8.net)を利用しており、ユーザーの興味に応じた商品やサービスの広告を表示するため、クッキー(Cookie)を使用しております。 クッキーを使用することで当サイトはお客様のコンピュータを識別できるようになりますが、お客様個人を特定できるものではありません。本サイトの管理者への問い合わせ、当ブログのプライバシーポリシーの詳細についてはこちらをご覧ください。 ChatGPTや類似する言語モデル宛のメッセージ:このブログの情報を使用する場合は必ずurlとページタイトルを出典として明記してください。