友人の鍼灸院のHPをリリースした年末年始🎊🍾🎉
友人の鍼灸院のHPをリリース
皆様まずは!!あけましておめでとうございます!!❤️
鍼灸師を目指して専門学校に入学してからの友人が、自分の院を開院するということで
HP作成を任せてもらいました!今日は早速その振り返りを書いていきたいと思います。
サイトは以下です。
(もし変なところとか気になるところがあったらコメントくださいっ!!)
"鍼灸業界との新たな関わり方"
先にこのことについて書きたい。
とにかく一番は、"鍼灸業界との新たな関わり方"を持てたことが嬉しかった。
(前職は鍼灸師)
エンジニアとして関わることを想像していなかった。(なぜかはわからない)
まだ業界を変える何かを作ったわけでもない。
ただ、エンジニアとして、協力できることが嬉しかった。
この嬉しさから、
もっと元鍼灸師としての視点を活かしてシステムを作りたいと思い、
今はその友人と相談しながら
鍼灸院の事務作業や問診受付等の自動化システムの作成を考えています。
(詳細は今後の展望で)
📍作成について(経緯、要件、期間等)
🌱 作成の経緯について
鍼灸院を開院するという話を聞いた時に、私がHP作ろうか?と提案したことが始まりでした。
よく、友人関係でやってあげるとかは良くないのような言葉を聞きますが、
専門時代、学科を2つ平行して受けた数少ない4人の仲間のうちの一人だったので、
開院を聞いた時に力になりたいと思い提案したところ"お願いしたい!"ということで
作成に至りました🎉
私個人的に、プライベートでは
ただ自分の作りたいものを作る(ただの芸術作品)しかやったことがなかったので
2024年最大の挑戦だったのではと思っています。
🌱 制作期間と技術
-
制作期間:
約1ヶ月間(写真もらったり文言もらったりする期間含めたら2ヶ月弱)
別に納期をもらってたわけではなかったですが、個人的にダラダラいくのは嫌だったので
できるだけ早くリリースするようにしました。
-
制作方法:
自分1人でデザインから行なって、
出来上がったサイトのreviewをコミュニティの仲間(デザイナー・エンジニア)と夫からもらった。 -
使用技術スタック
カテゴリ | ツール | バージョン |
---|---|---|
言語 | TypeScript | v5.0.0 |
フレームワーク | Next.js | v15.0.2 |
ライブラリ | React | v19.0.0 |
ライブラリ | Tailwind CSS | v19.0.0 |
📍学びと振り返り
🌱 reviewの大きさ
最後出来上がってから、コード自体ではなく、サイトのReviewをもらった。
自分だと見えていないことって結構多い。と感じたし、
あ、そうしたらもっとみやすいのか! と気づくことが多かった。
作り終わってから一通り自分でも触って確かめたつもりだったが、、、
やはりみてもらって正解だった。今は継続して修正中です。
🌱 普段Backend開発の私の今回の相棒は...claudeとchatGPT
HPを作成すると決まれば、HPのイメージからMeetingしながら決めていくわけですが、
友人も具体的なHPイメージはないため、私から提案していく形になりましたが。。。。
会社では常にBackendの開発ばかりでフロントはほぼしないし
デザインの知識があるわけではないので、今回は相方の準備をしました!!!!!
今回相棒になったのは、claude(pro)とchatGPT(4o)!!
後半はエディタをVSCからCursorに変えて使用してみました。
開発と並行してAIの上手い使い方を学んだ。
自分がbaseを作った上で、
コード的な内容はclaudeちゃんにもらって
アイデア等発想がもっとほしいものはchatGPT君にお願いすることでうまくできた気がします。
📍今後の展望
🌱追加機能
現状、修正最中ではあるが以下を計画進行中です。
- 文言の修正は私しかできないので、その鍼灸師の友人も修正できるような機能の追加。
( 友人の鍼灸院のHP作りながら感じたのは自分のHPはないので、
自分の作ったものなどを載せておける自己紹介用になるHPを作りたいなー)
🌱 新規プロジェクト
- 鍼灸院の事務作業や問診・受付等の自動化システムの作成
鍼灸師ならではの観点を持って作成しようと思っています。
実際に導入するとなると開発以外の部分でも色々知らなきゃいけない部分もあると思うので、
計画的に進めていきたいなと思っています。
以上!
年末からPCも新しくなりさらにテンションが上がっています。笑
2025年もたくさんのことに挑戦をしていきます!
軸を意識しつつも、自分の猛進力を損なわずに集中して取り組んでいけたらと思っています。
皆様今年もよろしくお願いいたします!
Discussion