この記事は一関高専 Advent Calendar 2024の22日目の記事です。

注意

ギャル以外はこっちの方を読んだ方がいいかも。

ふざけてないほうです。

※ この記事は一部生成AI（Gemini）を利用しています。

↓

※ あ、このセクションは人間だよ

↓

⁉️「AdventCalendarぐらい自力で書けや」

↓

おっしゃるとおりです。

↓

でも、こっちにも事情があるんだよ！！

↓

～今はちょっと昔（本記事執筆時）～

↓

俺：「現在時刻は12/21 22:30じゃん！12/22まであと90分。真面目に書いてたら終わらないじゃん！」

↓

心の天使：「AdventCalendarは無理して締め切りを守る必要はないですわ。それよりも、早く寝て体調を整えるのですわ。ほら、あなたは高校三年生でしょう。あと２日でクリスマスもあるでしょう？こんな技術ブログを書くよりも青春を優先するのですわ。」

↓

心の悪魔：「ボイスレコーダで記事にしたいことば～ってしゃべって、ＡＩに要約＆執筆してもらえばいいじゃん」

↓

「天才か！」

↓

そうして、私はクリスマスを守るため、しゃべるだけしゃべって執筆はＡＩに任せたのである。

ちなみにクリスマスは家族で過ごします。

でもさ、ＡＩにブログ書かせるのなんか敗北感あるじゃん。

なので、ギャルっぽく変換させておきました。

これでかわいいね。

💖高専祭公式HPを開発してみた💖✨

やっほー💖みんな、聞いて聞いて～🎉✨😆

一関工業高等専門学校💖（略して一関高専✌️）のアドベントカレンダー2024🎄に参戦するワタシですっ🙋‍♀️💕

マジ卍に12月21日22時28分なう😳💖🌙

つまり、この記事のデッドラインは明日😱💦12月22日‼️😱😱😱 ギリギリもいいとこwww🤣🙌

焦ってるけど🔥エンジニアのたまご🐣として、このピンチを神テクで乗り切るっしょ💪😎✨💖

この記事では、高専祭のホームページ制作💻について語っちゃう💖

AIのGemini君🤖に100個質問を用意してもらおうとしたんだけどさー🤔💭

なんと60問しか出してくれなかったの😱💔

マジ無能すぎwww😂🙌

しょうがないから、もらった60個の質問に答えながら📝💖

制作の裏側をぶっちゃけトークしちゃお～💖🎤✨

1. ホームページ制作を決めたきっかけは何でしたか？

ホームページ制作を決めた💖っていうか、ワタシが所属してる電子計算機部💻💖（通称パソコン部😜）が毎年高専祭のホームページ作ってる💖ってのがきっかけかな🤔💭

去年はWeb班のリーダー👑が担当だったけど、今年はワタシがリーダーだから💖✨

自然な流れで作ることになったって感じ✌️毎年恒例行事みたいなもん🥳🎉

2. ホームページ制作の目的は何でしたか？（来場者増加、情報提供、雰囲気作りなど）

高専祭の開催をみんなに知らせる📢💖✨と、

開催期間中💖みんなが使いやすいようにする💖✨

それから、来場者💖✨に楽しい体験をしてもらう💖✨この2つが目的✌️💖🥳

3. いつからホームページ制作を始めましたか？

夏休み🌻🍉🍧🌴🌺😎開始から💖✨ 高専の夏休みって超長いじゃん？🤣💖

8月頭から9月半ばまであるんだよ😳💖

Figmaってデザインソフト💻🎨💖✨を使ってデザイン考えてたんだけどさー🤔💖

これがなかなかうまくいかなくて😭💦

4. 制作期間はどれくらいでしたか？

正確な期間は忘れちゃったけど😅💖

夏休み中はずっとやってた気がする🤔💖

後で話すマップ作成🗺️📌で時間⏳めっちゃ使ったのもあるかも😂💖

もっと効率よくできたかもだけど、まあしゃーなし🤣🙌反省🐻‍❄️💦

5. ホームページ制作に携わったのはあなた一人ですか？それともチームで制作しましたか？

友達のS君👦💖✨と共同制作🤝💕💖✨

彼にはサーバー管理とかデプロイとか💖✨あーしにできない作業💪お願いしたよ💖

6. チームで制作した場合、それぞれの役割分担はどのように行いましたか？

デザイン🎨💖✨とか文章作成📝💖とか、そういうピチピチチャパチャ💖✨な作業はリーダー👑💖のワタシが担当💖✨

S君👦💖にはサーバー管理とかデプロイとか💖✨の作業で、それぞれ得意分野を💪お願いしたよ💖

実はコーディング💻💖はS君👦の方が得意なんだけど😜💖✨彼は別の開発案件💻💖✨抱えてたから😅💖ワタシがメインでコーディング💻💖✨担当したの💖ワ

タシの方が時間の融通が利いた💖✨っていうのもある💖

7. ホームページ制作で最も苦労した点はどこですか？

マジ卍にマップ作成🗺️📌💖✨

インタラクティブなマップ🗺️💖✨作ったんだけど、これが超大変だったの😭💦

技術的な問題っていうかは、作業量📚💖✨が多すぎた😂💖

Googleマップ🗺️💖✨みたいに、マップ上のオブジェクト💖（屋台とかゴミ捨て場とか🗑️💖）タップ📱💖✨すると詳細情報💖✨が表示されるようにしたんだけどさー🤔💖

これらのオブジェクト💖の位置情報を一つ一つ手動で設定しないといけなかったの😱💖

Figma上で100個近くのピン📌💖✨を微調整して、その情報をコード💻に落とし込む作業は、なんと5時間以上⏳💖✨かかった😱💖 マジ過酷すぎたwww🤣🙌

8. その苦労をどのように乗り越えましたか？

「高専祭を成功させなきゃ💖✨」っていう使命感🔥💖✨しかないっしょ😎💖

これ以外に何がワタシを突き動かすっていうの？🤔💖いや、ないっしょ🙅‍♀️💖（断言）

9. ホームページ制作で最も楽しかった点はどこですか？

Figmaでデザイン🎨💖✨作ってた時と、Webサイトにアニメーション💖✨つけてた時✌️💖

特に、コーディング💻💖✨でアニメーション💖✨実装して、ブラウザ💻💖✨でそれがちゃんと動いた時は💖✨マジ神💖✨って思った🎉💖✨

達成感MAXだった💖💯✨

10. ホームページ制作を通して学んだこと、成長した点はありますか？

Next.jsっていうJavaScriptライブラリ📚💖✨での開発経験💻💖✨を積めたことと、UI💖だけじゃなくてデザインセンス🎨💖✨も大事💖✨ってことを学んだ💖

機能的なWebアプリ📱💖✨とは違って、ホームページ🏠💖✨は見た目👀💖✨も大事💖✨なんだよね🤔💖

デザインセンス皆無なワタシはデザイン作業🎨💖✨に苦労したけど😅💖

その経験を通してデザイン能力🎨💖✨上がった気がする⤴️💖

また、Figmaで作ったデザイン🎨💖✨をNext.jsに落とし込む技術もゲット💖✨できた💖

11. ホームページ制作にあたり、参考にしたサイトや書籍はありますか？

書籍📚💖✨は使ってなくて、QiitaとかZennとか💖✨ネット上の情報💻💖✨をめっちゃ参考にした💖

12. ホームページ制作で利用したツールやソフトウェアは何ですか？

VS Code💻💖✨、Node.js💖✨、そしてNext.js💖✨！

💖説明💖 VS Codeとは、Microsoftが開発した神💖✨テキストエディタ💻💖✨ プログラミング💻💖✨に特化した機能が豊富で、多くの開発者に愛用されてる💖

💖説明💖 Node.jsとは、サーバーサイドJavaScript実行環境💖✨ ブラウザ💻💖✨だけじゃなくてサーバー💻💖✨上でもJavaScript💖✨を実行できるから、Webアプリ開発📱💖✨にめっちゃ使われてる💖

💖説明💖 Next.jsとは、Reactベースのフレームワーク💖✨ サーバーサイドレンダリングとか静的サイト生成とか💖✨をサポートしてる💖

13. HTML、CSS、JavaScriptなどのプログラミング言語の経験はありましたか？

あるある～💖✨基本的なコーディング💻💖✨は余裕✌️💖

ただ、Next.jsはまだ始めたばっかだったから😅💖ちょっと大変だったかな😂💖

14. WordPressなどのCMSの利用経験はありましたか？

WordPressはあんまり使ったことないかな😅💖

でも、高専祭ホームページ🏠💖✨にお知らせ📢💖✨ページ📄💖✨作って、実行委員💖✨の人たちが情報を更新できるようにするために、microCMSっていうヘッドレスCMS💖✨を導入したよ💖

API経由でNext.jsと連携💻💖させてる💖

💖説明💖 CMSとは、コンテンツマネジメントシステムの略で、Webサイトのコンテンツを管理するためのシステム💖✨ WordPressはその代表例💖

💖説明💖 ヘッドレスCMSとは、バックエンドのコンテンツ管理機能とフロントエンドの表示部分を分離したCMSアーキテクチャのこと💖✨ APIを介してコンテンツを取得し、Next.jsのようなフレームワークで表示部分を自由に構築できる💖

15. デザインソフト（Figmaなど）の利用経験はありましたか？

Figma💖✨は使い慣れてる💖

Adobe製品は高い💸💖から買えないけど😂💖

Figmaは無料💖✨なのに高機能💖✨で神💖✨なの💖 Figma開くたびに安心する😌💖✨くらい💖

16. レスポンシブデザインの制作は初めてでしたか？

初めてじゃないけど😜💖得意ってわけでもないかな😅💖

17. レスポンシブデザインの実現にあたり、どのような工夫をしましたか？

最近のトレンド💖✨はモバイルファースト📱💖✨だけど、ワタシはPCファースト💻💖✨でコーディング💻💖✨して、メディアクエリ💖✨を使ってスマホ📱💖✨表示に対応させたよ💖 Tailwind CSS💖✨もPCファースト💻💖✨で使うために設定⚙️💖✨カスタマイズした💖 lvhっていうCSS💖✨の単位も使った💖

💖説明💖 レスポンシブデザインとは、画面サイズ📱💻💖✨に応じてWebサイトのレイアウトを最適化する手法
💖✨ スマホ📱💖、タブレット💻💖、PC💻💖など、色んなデバイスで快適に見れるようにするために重要💖✨

💖説明💖 モバイルファースト📱💖✨とは、Webサイト💻💖✨作る時💖✨、まずスマホ📱💖✨での表示を最適化して、その後タブレット💻💖やPC💻💖での表示を調整していく方法💖✨

💖説明💖 メディアクエリとは、CSSの機能の一つで、画面サイズ📱💻💖✨とかデバイスの種類によってスタイル💖✨を適用させることができる💖✨ レスポンシブデザイン💖✨を実現するために必須の技術💖✨

💖説明💖 Tailwind CSSとは、ユーティリティファーストなCSSフレームワーク💖✨ あらかじめ定義されたCSSクラスを組み合わせることで、速攻でスタイリング💖✨できる💖

💖説明💖 lvhとは、ビューポートの高さを基準とした相対的な長さの単位💖✨ 1lvhはビューポートの高さの1%💖✨ レスポンシブデザイン💖✨で、高さを自由に調整💖✨するのに便利💖✨

18. ホームページのテーマカラーやデザインを決める際に意識したことは何ですか？

紙媒体の公式ポスター📄💖✨との統一感💖✨！

ポスターのデザイン🎨💖✨を真似っこ💖✨することで、親和性の高いデザイン💖✨を目指した💖

19. ホームページのコンテンツはどのように作成しましたか？

実行委員👑💖✨の人たちが作ってくれた💖✨

50ページもあるパンフレット📖💖✨を参考にコンテンツ作ったよ💖

Web開発者💻👩‍💻💖✨とはいえ、勝手に内容💖✨追加とかできないし😅💖

あくまで実行委員👑💖✨が作った公式情報💖✨をもとに💖ホームページ🏠💖✨のコンテンツ💖✨を作成したってわけ💖

20. ホームページに掲載した写真やイラストは自作ですか？それとも素材サイトを利用しましたか？

写真は📸💖ワタシが撮ったやつ📷💖✨と、公式ポスターのキャラ💖✨を背景透過💖✨したやつを使ったよ💖

実は写真部📸💖✨👑💖でもあるワタシ😎💖

remove.bg💖✨みたいな神💖✨ツールもあるけど🤔💖解像度📸💖✨落ちちゃうから😭💖画像編集ソフト💻💖✨で手作業で透過💖✨処理したの💖 WebP💖✨とかに変換すれば画質📸💖✨は多少落ちるけど😂💖

ヒーローセクション🦸‍♀️💖✨に使う画像はキレイ💖✨に保ちたかったからこだわりまくった💖

💖説明💖 ヒーローセクション🦸‍♀️💖✨とは、Webページ📄💖✨の一番最初に表示されるエリア💖✨のこと💖✨ メインビジュアルとかキャッチコピーとか💖✨を配置する場所で、ユーザーの目を引く👀💖✨重要な役割💖✨を果たす💖

💖説明💖 WebPとは、Google💖✨が開発した神💖✨画像フォーマット💖✨ JPEGとかPNGとか💖✨よりファイルサイズ💾💖✨が小さくて、Webページ📄💖✨の表示速度🏎️💖✨アップ⤴️💖✨に貢献💖✨してくれる💖

21. ホームページの公開前にテストを行いましたか？どのようなテストを行いましたか？

親戚👪💖✨とか友達💖✨とかに見てもらって👀💖表示崩れとか操作性とか💖✨チェックしてもらったよ✅💖 でも、ロジック💖✨のテストとかはほとんどやってない😅💖
ブラウザ💻💖✨とかスマホ📱💖✨でちゃんと見れるか👀💖✨とか、レスポンシブデザイン💖✨が崩れてないか💖✨とかを確認するくらいだったかな🤔💖 テスト🧪💖✨の知識あんまりないし😂💖

22. ホームページ公開後、来場者からの反応はいかがでしたか？

直接💖✨反応もらう機会は少なかったけど😢💖

小学生👧💖✨が「これ💖お兄ちゃんが作ったんだよ💖✨」って自慢げに話してるの聞いちゃった時は💖✨

ちょっと嬉しかった💖😆💖

高専祭前日に新聞社📰💖✨の取材💖✨受けたの💖✨ホームページ🏠💖✨制作者としてインタビュー🎤💖✨されたのはマジ卍に光栄だった💖✨

23. ホームページ公開後、想定外のトラブルは発生しましたか？

高専祭前日の準備日💖✨、共同開発者のS君👦💖✨がサーバーエラー💣💥💖✨出しちゃった😱💖

ワタシ💖✨サーバー💻💖✨のログイン権限持ってなかったから😅💖

何もできなくて😭💖ただただS君👦💖✨を応援📣💖✨するしかなかった😂💖冷や汗💦💖✨かいたわwww🤣

24. ホームページ公開後、改善したい点はありますか？

コンテンツ💖✨の量がちょっと少ないかな🤔💖

来年はもっと早く💖✨制作開始して💖✨もっと情報💖✨載せたい💖✨と思ってる💖

25. 今後、ホームページをさらに改善するためにどのようなことをしたいですか？

実行委員会👑💖✨がパンフレット📖💖✨作るの待たずに💖✨ホームページ🏠💖✨制作💻💖✨始める💖✨のと、デザイン🎨💖✨とかも事前に準備💖✨しとく💖✨こと💖 時間⏳💖✨に追われるのつらい😭💖から、事前の準備💖✨マジ大事💖✨って思った💖

26. ホームページのドメインはどのように取得しましたか？

学校🏫💖✨が持ってる💖✨kousensai.jp💖✨のサブドメイン💖✨もらった💖

実は学校🏫💖✨kousensai.jp💖✨っていうドメイン💖✨持ってるんだけど🤔💖更新期限切れ💣💥💖✨とかでセキュリティ🔐💖✨

ヤバい😱💖✨ことになるの嫌だから😅💖公式ホームページ🏠💖✨のサブドメイン💖✨使うことにした💖

27. ホームページのサーバーはどのように契約しましたか？

去年の高専祭💖✨で使ったサーバー💻💖✨をそのまま使ったよ💖追加契約ってやつ💖

28. ホームページの公開方法はどのような方法を選びましたか？（FTP、Gitなど）

これはS君👦💖✨にお任せ💖✨ GitHub Actions💖✨使った自動デプロイとか💖✨やってくれたらしい💖✨S君👦💖✨マジ神💖✨！

💖説明💖 FTPとは、File Transfer Protocolの略で、ファイル転送📤💖✨のための通信プロトコル💖✨ サーバー💻💖✨にファイルをアップロード⬆️💖✨したりダウンロード⬇️💖✨したりするのに使われる💖

💖説明💖 Gitとは、分散型バージョン管理システム💖✨ ソースコードの変更履歴を管理💖✨して、複数人💖✨での開発を効率化💖✨するのに使われる💖

💖説明💖 GitHub Actionsとは、GitHub💖✨が提供するCI/CDツール💖✨ コード💻💖✨のビルドとかテスト🧪💖✨とかデプロイとか💖✨を自動化💖✨できる💖

29. ホームページのセキュリティ対策はどのように行いましたか？

ナイショ🤫💖

30. ホームページのバックアップはどのように行っていますか？

それもナイショ🤫💖

31. ホームページのSEO対策は行いましたか？

Next.jsの_layout.tsx💖✨とかにメタタグとかタイトルとか💖✨設定した……はず💖✨ 設定し忘れてるページ📄💖✨あったらごめんね🙏💖

💖説明💖 SEOとは、Search Engine Optimization💖✨の略で、検索エンジン最適化💖✨のこと💖✨ 検索エンジン🔎💖✨のランキングで上位表示されるようにWebページ📄💖✨を最適化💖✨することで、アクセス数📈💖✨アップ⤴️💖✨を目指す💖

32. Google Analyticsなどのアクセス解析ツールは利用しましたか？

Google Analytics💖✨は使ってなくて、Xサーバーのアクセス解析機能💖✨使った💖

💖説明💖 Google Analytics💖✨とは、Google💖✨が提供するアクセス解析ツール💖✨ Webサイト💻💖✨へのアクセス状況📈💖✨を細かく分析💖✨できる💖

33. ホームページの速度改善のためにどのような工夫をしましたか？

Next.js💖✨自体が爆速🚀💖✨だから、特別な工夫はしてない💖 WebPに変換するとか💖✨の基本的な対策だけで、十分な速度🏎️💨💖✨が出せた💖

34. プログラミングの知識がなくてもホームページが作れるサービスは検討しましたか？

検討してない💖高専生👩‍💻がノーコードツールとか使ったら、マジ卍にダサいし🤣💖謎のプライド🔥💖✨が邪魔した😂💖 Next.jsでフルスクラッチ💻💖✨でコーディングした💪😎💖

💖説明💖 ノーコードツールとは、プログラミングの知識がなくてもWebサイト💻💖✨とかアプリ📱💖✨作れる💖✨神ツール💖✨のこと💖

35. ホームページ制作にあたり、最も難しかった技術的な課題は何でしたか？

特になかった💖強いて言うなら、マップ作成🗺️📌で心が折れそうになったことくらいかな😂💖

36. その課題を解決するために、どのような情報収集を行いましたか？

GitHub CopilotのCopilot Chat💖✨マジ神💖✨！「教えて💖」って入力してハート💖送ると、「いいよ💖」って教えてくれるの😍💖最近、特に優秀💖✨でマジ卍に助かってる💖

💖説明💖 GitHub Copilotとは、AI🤖💖✨によるペアプログラミング💖✨サービス💖✨ コード💻💖✨の自動補完とか提案とか💖✨、コーディング💻💖✨作業をサポートしてくれる💖
💖説明💖 Copilot Chatとは、GitHub Copilot💖✨に搭載されてるチャット機能💬💖✨ 自然言語で質問とか指示とか💖✨入力すると、コーディング💻💖✨に関するアドバイスとかコード💻💖✨の生成とか💖✨をAI🤖💖✨がやってくれる💖

37. プログラミングの勉強方法はどのような方法で行いましたか？

企業秘密💖✨🤫💖

38. プログラミングでつまづいた時にどのように解決しましたか？

一日寝かせる💖✨🛌💖 これ最強💖✨ 寝て😪💖起きて☀️💖VS Code💻💖✨開くと、なんか解決策💡💖✨が閃くの💖✨マジ卍に魔法🧙‍♀️💖✨みたい💖

39. プログラミングのコミュニティに参加したことはありますか？

SNS📱💖✨怖い😱💖から参加してない💖 心無い言葉💔💖✨に傷ついちゃうタイプ😂💖✨

40. プログラミングの勉強で役立ったサイトや書籍はありますか？

海外のライブラリ📚💖✨を日本語で解説📝💖✨してるサイト💻💖✨にはマジ卍に感謝🙏💖 英語苦手だから😂💖日本語の情報💖✨は神💖✨！公式ドキュメント📖💖✨読めないエンジニアにはなりたくないけど😅💖現実は厳しいよね～😭💖

41. 文化祭のテーマは何でしたか？

「Lasting Memory💖✨ もう二度とない高専祭💖✨」💖

42. 文化祭の規模はどのくらいでしたか？（来場者数、出展団体数など）

今年は60周年🎉💖✨の記念year💖✨だったから、規模も例年以上にデカかった💖 屋台🍴💖✨は50以上💖✨、来場者💖✨は数万人💖💖💖だった気がする🤔💖 正確な数字は覚えてないけど😅💖とにかくめっちゃ盛り上がってた💖🥳🎉

43. 文化祭の企画段階からホームページ制作に携わりましたか？

携わる予定ではあったんだけど😅💖本格的に作り始めたのは9月💖✨から💖 文化祭実行委員会👑💖✨の会議には参加してたよ💖

44. ホームページ制作の進捗状況を文化祭実行委員会に報告しましたか？

あんまり報告してなかった😂💖✨ 完成間近💖✨になってやっと報告する💖✨っていう悪い癖があるの😅💖反省🙇‍♀️💖

45. ホームページを制作する上で、文化祭実行委員会から要望はありましたか？

「文字サイズ小さい」「協賛企業の広告💖✨出してほしい」みたいな要望💖✨あった💖 これらにはマジ卍に真摯に対応した💖✨ 文化祭の運営に貢献してる💖✨って感じがして、超嬉しかった💖😆💖

46. ホームページを通じて、文化祭の来場者数を増やすことができましたか？

たぶん増えたと思う💖✨ 去年のアクセス数📈💖✨は1万4303回だったのに対し、今年は50万9555アクセス💖✨を記録したの😳💖 もちろん、クローラー🤖💖✨とかのアクセス💖✨も含まれてると思うけど🤔💖それでも大幅アップ⤴️💖✨だし💖✨

47. ホームページを通じて、文化祭の広報活動に貢献できたと思いますか？

貢献できた💖✨って自負してる💖✨ 新聞📰💖✨の取材🎤💖✨も受けたしね😎💖効果はバッチリ💯💖✨

48. ホームページ制作を通して、文化祭実行委員会との連携は深まりましたか？

深まった💖✨ 来年もワタシがホームページ🏠💖✨制作💻💖✨担当💖✨することになったら💖✨もっと連携💖✨強化💪💖✨して、最高の文化祭💖✨を作り上げたい💖✨って思ってる💖

49. ホームページ制作を通して、他のメンバーから何か学びましたか？

「時間は⏳💖✨大事💖✨」ってことを改めて実感した💖

50. ホームページ制作を通して、チームワークの大切さを実感しましたか？

S君👦💖✨と2人👩‍💻💖✨での開発だったから、「チーム」ってほどじゃないかもだけど😂💖協力🤝💖✨することの大切さ💖✨はマジ卍に実感した💖

51. ホームページ制作にどれくらいの時間をかけていましたか？

正確な時間は覚えてない😂💖 VS Codeの使用時間⏳💖✨を記録できるWakaTime💖✨っていう神アプリ📱💖✨があるんだけど、今回は使ってなかったからデータがないの😭💖 最近作った別のWebサイト💻💖✨には60時間くらい💖✨かかったから、その3～4倍💖✨、つまり150時間くらい💖✨は使ったと思う🤔💖

💖説明💖 VS Codeとは、Visual Studio Codeの略で、Microsoft💖✨が開発した高機能💖✨なテキストエディタ💻💖✨ プログラミング💻💖✨に特化した機能💖✨がいっぱいあって、多くの開発者に愛用されてる💖
💖説明💖 WakaTimeとは、コーディング💻💖✨時間⏳💖✨を自動で計測して、分析してくれるサービス💖✨ 色んなエディタ💻💖✨とかIDE💖✨に対応してて、自分のコーディング💻💖✨習慣💖✨を把握💖✨するのに役立つ💖

52. ホームページ制作の費用はどのくらいかかりましたか？

ワタシ👩‍💻💖✨とS君👦💖✨の人件費は0円💖✨ サーバー費用とかは別だけど💸💖制作費自体はタダ💖✨

53. ホームページ制作で一番記憶に残っていることは何ですか？

デザイン🎨💖✨を3回も作り直したこと😂💖 S君👦💖✨にはマジごめん🙏💖✨だったけど、最終的にいい感じ💖✨のデザイン🎨💖✨になったから結果オーライ🙆‍♀️💖✨ 完成したデザイン🎨💖✨をS君👦💖✨に褒められた時は💖✨めっちゃ嬉しかった💖😆💖

54. ホームページ制作を通して、自信がつきましたか？

自信ついた💖✨😎💖 新聞📰💖✨に載ったのも嬉しかったけど💖✨ 高専祭の成功🎉💖✨に貢献できた💖✨って達成感💖✨がハンパなかった💖 「やればできる💪💖✨」って自信💖✨が持てた💖

55. 将来的に、Webデザインやプログラミングを仕事にしたいと考えていますか？

考えてない💖 将来は研究者👩‍🔬💖✨になりたい💖 研究成果とかデータとか💖✨を管理するために💖✨Webアプリ開発📱💖✨のスキル💪💖✨は役立つと思ってる💖

56. ホームページ制作の経験を活かして、何か新しいことを始めたいと考えていますか？

学校🏫💖✨でやってる「未来創造プロジェクト💖✨」に採択されて💰💖✨10万円💖✨ゲット💖✨したの🎉💖 このお金💰💖✨でOpenAI💖✨のAPI💖✨使って、色んなWebアプリ📱💖✨作ってみたい💖✨と思ってる💖 7万円💖✨くらいAPI費用に課金💸💖✨しちゃった💖

💖説明💖 OpenAIとは、人工知能🤖💖✨の研究開発💻💖✨をしてる会社🏢💖✨ GPT-3💖✨とかの高性能💖✨な言語モデル💖✨を開発してて、API💖✨を通じて色んなAI🤖💖✨機能💖✨が使える💖

57. ホームページ制作を通して、自分自身について何か気づいたことはありますか？

自分の無力さを痛感したわ😂💖 まだまだ修行が足りない🔥💖✨

58. ホームページ制作で最も苦労した点と、それを乗り越えた経験から、読者に伝えたいことは何ですか？

一番苦労したのは、やっぱりマップ作成🗺️📌💖✨！この経験を通して伝えたいことは、「時間⏳💖✨は大事💖✨にしよう」ってこと💖

59. ホームページ制作の経験が、あなたの人生にどのような影響を与えましたか？

人生はまだ始まったばかり💖✨ この経験がどんな影響を与えるかは、まだわかんない🤔💖 例えるなら、スパゲッティ🍝💖✨にタバスコ🌶️💖✨を1振りかけたくらいかな😂💖

60. ホームページ制作に興味を持っている人に、アドバイスをするとしたらどのようなことを言いますか？

「デザイン🎨💖✨頑張ってみるといいよ💖✨」ってアドバイスする💖 プログラミング💻💖✨とかWeb開発💻💖✨に興味ある💖✨人は、ロジック💖✨とかに目が行きがちだけど👀💖デザイン🎨💖✨も大事💖✨なんだよね💖 ある程度コーディング💻💖✨できるようになったら💖✨デザイン🎨💖✨も勉強📚💖✨してみると、Web制作💻💖✨の楽しさ💖✨が倍増すると思う💖 UIデザイン💖✨の沼にハマっちゃうかもだけど😂💖それもまた一興💖✨

最後に

ごめんなさい、ふざけすぎたかも。炎上したら消化します。

さすがに読みづらいですね。

きれいな文章も載せますので許してください。