【はじブロ】専門知識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-02-11 20:21:00
こんにちは、桑原です。 今回はちょっと季節外れですが、花火の作り方を紹介します。 急ぎ足で作ったのでちょっと雑ですが、、、泣 パー ...
ブログ 2020-03-03 17:22:00
「メッチャポジティブな面白い学生おるよ」って息子銀次からの紹介で2020年1月に会ったのが鹿児島大学大学院生のノブくん。(写真左の子） 喋 ...
ブログ 2023-11-23 09:20:00
11/15〜11/16の1泊2日で23新卒女子3人で東京研修に行ってきました！ 1日目はなんと、東京ディズニーランドと東京 ...
ブログ 2021-01-18 21:54:00
みなさん、街中で流れてる音楽をきいて この曲なんだろう？？と思ったことはありませんか？ ...
ブログ 2022-06-16 18:35:00
こんにちは！ 雨の日が多くなるにつれて、今年もこの季節がやってきたかと 少しだけ憂鬱になってしまう有隅です！ &nbs ...
ブログ 2021-01-28 21:53:00
こんにちは！ かいとです 最近寒くなったり暖かくなったりを繰り返して春が少しずつ近づいて ...
ブログ 2025-05-22 19:30:00
こんにちは、瀬元です。 今回は、Blogに書くかどうかとても迷ったアーティストの紹介です。 アーティスト名は「Siip」 ...
ブログ 2020-02-20 18:09:00
2020年2月18日、鹿児島就活イベント at ザ・ピークプレミアムテラスに参加させて頂きました。この日は桜島が雪化粧してて、「こんなの初め ...
ブログ 2019-11-16 14:58:00
こんにちは、松崎です。 いつもお世話になっているカノビアーノ福岡さんに 明るくてとても思いやりのある笑顔が素敵な 末廣 ...
ブログ 2020-11-27 18:31:00
こんにちは！ 髪と爪を切ってさっぱり気分爽快ルンルンのひなのです！ みなさん 「ハイキ ...