はてなブックマーク

はじめに 前回の記事について、トレンド入りしたり色々な反応を見ることができて嬉しかったです！ 需要があることがわかって嬉しいと思っていたら、新しくGPT-4が来たじゃないですか～！進化の速度早すぎ！！ 早速色々な使い方をされている方を見つけたのでまとめさせていただきます。 GPT-4 写真からレシピ提案 webサイトのスケッチ写真から、HTML･CSS･JavaScriptで機能するWebサイトを生成 論文のスクショから内容を要約・解説 「ChatGPT」をテーマにChatbot AとChatbot Bに分かれてラップバトル ジョーク問題に対する理解 文学に対する理解 Todoアプリの作成 ゲーム画面の作成 スクリプトでドラえもん作成 作曲能力 漢詩 AIを利用したサービス / その他AIについて Microsoft BingチャットはすでにGPT-4 DuolingoがOpenAI社のG

はじめに 前回のChatGPTで電卓アプリを作れるか試した件について、Twitter等からも反応を見ることができて嬉しかったです。 おまけの評判が良かったので、私がここ最近で気に入ってるChatGPT関連の情報をまとめさせていただきます。 ※私も前回おまけをまとめていて、本編よりもこっちを見てほしい！！と途中から思っていたので、評判が良くて嬉しかったですｗ ChatGPT 感情回路を埋め込み 大学の授業レポート代行 AlexaでChatGPTとやり取り ロボット制御に応用 Pythonコードを、JavaScriptに書き換え p5.jsで冬の情景を描画 デバイスの傾きで左右に回転する三角形をHTML上で描画 Googleアドセンス合格した方法 VSCodeのChatGPTプラグイン ChatGPTを日本企業はどう使う？ その他AI言語モデル関連 ローカルでも動かせる言語モデル「FlexGe

3.アプリケーションが起動すると、ブラウザでhttp://localhost:3000にアクセスして確認できます。 4.アプリケーションのUIを作成します。srcフォルダの中にあるApp.jsファイルを編集して、電卓のUIを作成します。ReactはJSXと呼ばれる拡張JSの言語を使用してコンポーネントを書くことができます。これは、HTMLのように見えるが、実際にはJavaScriptのオブジェクトに変換されます。これにより、ReactコンポーネントとJavaScriptのロジックを結合できます。 5.電卓のロジックを実装します。電卓の計算ロジックは、JavaScriptで書くことができます。例えば、ユーザーが数字を入力し、それを計算し、結果を表示することができます。 6.stateを使ってUIとロジックを結びつけます。stateはReactアプリケーションの中で管理されるデータです。 st