プログラミング ChatGPT × Flask でアプリを作ってみませんか? OpenAIのAPIとPython、JavaScriptを使ったチャットボットアプリのソースコードを使って派生作品を作りませんか?GitHub上のソースコードをローカル環境で実行する方法について解説します。 2023.04.06 プログラミング
プログラミング 【無料】Whisperを使って音声をモールス信号に変換するWebアプリを作ってみた【OpenAI】 しゃべった声を文字起こしし、それをモールス信号に変換してモールス音を再生するアプリを作成したのでその遊び方を紹介します。OpenAI社のWhisperAPIを使用しています。Flaskを使ってPythonとJavascriptで作成した無料Webアプリです。 2023.04.06 プログラミング
プログラミング ChatGPTに三目並べを作らせてみた【マルバツゲーム】【Tic Tac Toe】 OpenAIのAIチャットボット「ChatGPT」はプログラミングができますが、それなら質問だけでゲームは作れるのか?というのを検証しました。HTML, CSS, JavaScriptを使って完成した三目並べ(マルバツゲーム)を遊べます。 2023.02.18 プログラミング
JavaScript 【CSS】画像を中央揃えする方法 left 等を使って画像の位置を調整しているときに、画像を水平方向に中央寄せしたい(原点を画像の中心にしたい)。transformプロパティの値をtranslate(-50%, 0)とすることで実現できる。同様にすれば垂直方向にも中央揃えできる。 2022.07.01 JavaScript
JavaScript CSS で画像の位置が変えられないとき CSSのtopやleftの値をいじっても、画像の場所が変わらないときの対処法。JavaScriptで画像の位置が変えられないというときも、こちらが原因かもしれません。 2022.06.26 JavaScript
プログラミング 「コムドットが通るから道をあけるゲーム」を作りました 勝手ながら「コムドットが通るから道をあけるゲーム」というのを作ってみました。スマホ、パソコンどちらでも遊べます。この記事では、その遊び方を画像を使って分かりやすく説明します。 2022.06.25 プログラミング
JavaScript JavaScript で CSS を動的に変更できないとき JavaScriptから画像やテキストのstyleを変更しようとしても反映されない場合の解決法。 2022.06.24 JavaScript