【はじブロ】専門知識0でもWebサイト作れたよ編
| Posted by |  |
吉永秀良 Hiiro Yoshinaga |
みんさんこんにちは！
ルービックキューブにハマってる秀良です。
事件が起きたのは福岡から帰省してきた妹とかるたで遊んでいた時の事。
読み手だった母が出かけることになり試合の続行が不可能になってしまいました。
そこで僕は読み上げてくれるツールを作れないかと考えたのが全ての始まりです...
ChatGPTにダメ元でプログラミングをできないか聞いてみたところ
ものすごい勢いでたくさん情報を書いてくれたのですが難しい内容だったので
簡単にまとめて手順を振り返っていきます！
①作りたいものをイメージする
・かるたの読み上げツールを作りたい
・スマホやパソコンなどどの媒体からでも遊びたい
・◯◯機能のボタンが欲しい
みたいに自分が考えていることを伝えることで最適な制作手順を考えてくれます。
②プログラミングのコードを分けて考える
・HTML（index.html） ボタンや読み札の位置など画面構成を担当
・CSS（style.css） 文字の色や大きさ、フォントなどデザインを担当
・JavaScript（app.js） ボタンを押した時の動きなど動作を担当
・CSV 読み札の元データを管理
作りたいサイトの内容で異なると思いますが、今回はこの4種類を分けて考えました
（実際の制作画面）
③エラーになっても諦めない！
個人的に1番大事たった点ですが、書き出されたコードを反映したら
思ってた動きと違ったり画面が真っ白になったりすることがありました。
なのでこまめにコードを保存したり修正点をこまかくChtaGPTに伝えて乗り越えました。
読み上げサイトを作っていく中で
1500行以上のコードを一度に書き出してくれるAIの進歩には驚きましたが、
回答が必ずしも正しいとは限らないし、伝え方で回答が変わったりしたので
AIとの付き合い方のお勉強にもなったいい機会でした！
最後までご覧いただきありがとうございました。
|
|
Posted by Hiiro Yoshinaga
鹿児島中央 テクニカルディレクター 吉永秀良
|
吉永秀良が書いたその他記事
【はじブロ】専門知識0でもWebサイト作れたよ編
【はじブロ】踊る大捜査線の最新映画が最高すぎる編
【はじブロ】オブジェクト再配色が有能だよ編
【はじブロ】夏はまだまだ終わらない！花火大会に行こう編
【はじブロ】長年通った映画館とのお別れ編
【はじブロ】夏の鹿児島大観光だ！編
【はじブロ】夏といえばおもちゃの大冒険だ！編
【はじブロ】QRコードって凄すぎる編Part2
【はじブロ】QRコードって凄すぎる編 Part1
【はじブロ】吉永秀良について編
【はじブロ】続・グラデーションの凄さについて編
【はじブロ】Film Impactに新エフェクトが追加されたよ編
【はじブロ】イラストレーターのターンテーブル機能が面白い件について編
【はじブロ】プレミアのマスクツールが便利になったんだよ〜編
【はじブロ】プレミアプロに超便利な機能が追加されたぞ！編
【はじブロ】結婚式って雨も縁起がいいんです！編
【はじブロ】かごんまに雪が積もったぜよ！編
【はじブロ】たった1分で写真が馴染む調和機能が凄すぎ編
【はじブロ】重い足を動かせ！編
【はじブロ】人生2回目のアイススケート編
【はじブロ】今流行りのイベントゲームを伝えちゃうよ編
【はじブロ】スーパー戦隊シリーズが終了！？編
【はじブロ】11/11はなんの日だ？編
【はじブロ】新卒東京研修行ってきたよ編Part2
【はじブロ】新卒東京研修行ってきたよ編Part1
【はじブロ】プレミアプロにとんでもないエフェクトが追加されたよ編
【はじブロ】LINEにもAIが搭載されたよ編
【はじブロ】必死の思いでゾンビから逃げてきたよ編
【はじブロ】初めてのパブリックビューイング編
【はじブロ】メジャーのオールスターが熱かった！！編
【はじブロ】意外と奥深い七夕編
【はじブロ】漢字の部首はおもしろい編
【はじブロ】プレミアプロの色ストック機能が便利すぎる編
【はじブロ】母校の授業を見に行ったよ編
【はじブロ】プレミアプロのAI拡張が面白い編
【はじブロ】入社式&ホテル寝込み事件編
【初めてのブログ】新卒最年少の自己紹介編
ブログ 2021-12-19 22:37:00
皆さんこんにちは！ 先日会社のエンタメ研修で チームラボに行ってきました★ 初めて体験しましたが、世界 ...
ブログ 2022-05-20 17:13:00
こんにちは！ 深田雄太です！ 7月23日(土) 福津市スピードパーク恋の浦にて 『ふくつ花火アートイリュージョン』開 ...
ブログ 2023-11-10 16:00:00
こんにちは、瀬元です！ 11/8-9に東京研修に行ってきました！ なんと今回の研修は男4人！！ しっかりエンタメを ...
ブログ 2023-06-29 19:00:00
こんにちは、ほーりーです。 ピークスマインドには新しいカメラ機材が置いてあり、 社員はレンタルして休日に撮影練習も可能。 ...
ブログ 2025-01-27 21:22:00
新たな備忘録です Cursorについての概要 Cursor は、AIが統合された最新のコードエディターです。 プログラ ...
ブログ 2021-01-22 18:19:00
こんにちは @sorasora_14y こと ひなのです 今回は好きな画家をご紹介！ 大学時代ヨーロッパ絵画を専攻して ...
ブログ 2021-03-28 22:00:00
どうもこんにちは山内です★ もうすぐ4月ということでなんと私の子供も小学校デビューします！！！ 小学校にいくということは新しい世界に飛び ...
ブログ 2022-08-26 22:14:00
今回はおすすめ映像！ 実写合成VFX編！ ■Atlanta | Season 4 Announcement | FX ...
ブログ 2024-08-02 11:59:00
気づけば8月ですね 7月半ばから何をしていたか記憶にないですが ただ、ただ看病をしてました? 笑 双子が一気に手足口病 ...
ブログ 2020-04-02 18:15:00
先日めちゃくちゃ美味しいシュークリーム屋さんを 見つけたので紹介したいと思います！！ 場所は赤坂駅から徒歩1分の場所にあります。 ko ...