PROJECTS
制作物
Python・FastAPI・WordPressを中心に制作したWebアプリやポートフォリオを掲載しています。
my-react
# 概要 WEBエンジニアのしまぶーさんの動画を参考にして作成したサイトです。 [しまぶーのIT大学 - YouTube](https://www.youtube.com/@shimabu_it) # 目的 WEB制作のフリーランスエンジニアからWEB開発のエンジニアに転身しようとしている中、 求人でよく書かれているReactを学んでおこうと思っていたためです。 # これからどうしていくか 今後は、自分の構想をこちらのアプリに反映させていきたいです。 [自分のブログ](https://ki-hi-ro.com)から旅行に関する記事のみを集めたサイトなど。 # React、Next.jsについての技術ブログ [Reactについての記事](https://ki-hi-ro.com/tag/react/) [Next.jsについての記事](https://ki-hi-ro.com/tag/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0-next-js/)
CASE STUDY →
contact-form7の申し込みフォームで表にチェックボックスを追加するサンプルサイト
# クライアント様のご要望 クライアント様から「講座一覧の表の中にチェックボックスを配置し、 そのまま申し込みできるフォームを作りたい」というご相談をいただきました。 ## 実現前  ## 実現後  # 実現方法 Contact Form 7 の標準機能では実現方法が分かりにくく、調査に時間を要しましたが、 チェックボックスの出力HTMLを活用することで実現できました。 # 公開URLで確認できること [公開URL](https://ki-hi-ro.com/checkbox-table-contact-form7-sample/)では、実際に作成したサンプルフォームと、送信時にどのようなメールが届くのかを確認できます。 # ブログ記事 [contact-form7の申し込みフォームで表にチェックボックスを追加する方法](https://ki-hi-ro.com/checkbox-table-contact-form7/)
CASE STUDY →
自分のブログ
# 概要 2022年頃から続けている自分のブログです。 当時はWEBサイト制作のフリーランスとして働いていました。 WordPressでサイト制作をしていたこともあり、自分自身のブログを作ってみようと思い、作ってみました。 2026年6月現在では、1,500記事を超えました。 自分の内側から溢れる言葉を書き連ねています。 # 開発環境 MAMPです。MAMPは、無料のローカルサーバーです。使用されている技術は、Apache, Nginx, PHP, MySQLです。macOSとWindowsで動作します。 # 最新のデザイン 最新のデザインは、codexに依頼しました。その後に自分で微調整を加えました。 # 機能一覧 - ブログ一覧表示 - ブログ投稿・編集・削除（WordPress標準機能） # 画面のキャプチャ ## トップ ### PC  ### スマホ  ## 記事一覧  ## 記事詳細 
CASE STUDY →