「え？建築から開発者に？」図面じゃなくてコードを書くようになった話

> 「建築設計の図面と今書いているコード、どちらがより形ある未来を描くのか？」
> そんな問いが、毎夜私を眠られなくさせた。
> コンクリートからキーボードへ――未経験でも挑戦すれば、新しい世界が開けるかもしれない。

**TL;DR:**

* 🌱 建築学科出身・未経験からコーディング学習をスタート。
* 🔧 ServBayでPHP開発環境を一瞬で構築し、挫折寸前の壁を突破。
* 📝 最初の作品はシンプルなPHPブログ、自分でログインやコメント機能を追加。
* 🧰 学習はYoutubeのチュートリアルとChatGPT、VSCodeやGitHubなど無料ツールで独学。
* ⏳ 費用はほぼゼロ（無料ツール中心）、開発時間もスキマ時間で効率的に進めた。
* 🚀 結果、短期間で実用的なサイトを完成させ、自信を得ることができた。


---

## 背景：建築業界での迷い

私は建築学科出身で、設計事務所や工事現場で働いてきました。しかし、繰り返される徹夜の図面修正やクライアント対応に疲弊し、このままでは先が見えないと感じていました。あるとき、留学中に知り合った友人がPythonでオンライン案件をこなし、私の数週間分のアルバイト代を稼いでいる話を聞き、衝撃を受けました。その夜、私はベッドで眠れず「なぜ自分だけできないのか」と真剣に考え始めました。

そんな中で「建築スキルも武器になるかもしれない。未経験でも挑戦してみよう」と決意し、コーディング学習を始めることにしました。正直、最初は何から手をつけていいか分からず、HTML・PHP・Pythonのチュートリアルを彷徨いましたが、迷いは大きかったです。

## きっかけ：挫折寸前の環境構築

プログラミング学習で最初につまずくのが開発環境の構築でした。PHPのサンプルコードを動かすだけなのに、「サーバー」「データベース」「コマンドライン」…専門用語ばかりが並び、何をどうすればいいのか全く分かりませんでした。XAMPPをインストールしてもApacheが起動せず、Dockerは用語すら理解できずにシステム設定を壊してしまう始末。毎日「エラー→検索→再インストール」の無限ループで、すっかり心が折れかけていました。

そんな時、偶然見つけたのが**ServBay**というツールです。まさに転機。ServBayはボタン一つでMacの開発環境（PHP・MySQL・Nginx含む）を丸ごと構築してくれると知り、さっそく試してみました。すると、本当に一瞬で環境が完成し、複雑なコマンドは一切不要でした。自分では半年かかっても設定できなかった作業が「クリック2回で完了」という衝撃…。この瞬間、私は「これさえあれば本気でコードを書ける！」と確信し、開発を続ける勇気を取り戻しました。

## 作ったもの：はじめてのPHPブログ

初めての作品は、学習記録用の簡易ブログサイトでした。最初はチュートリアルのコードを真似るだけで手一杯で、「コピーしたコードでさえミスばかり」という状態。それでも少しずつ機能を追加していきました。例えば、ユーザー登録やログイン機能、コメント欄、タグ機能などを自分で実装し始めたことで、大きな達成感を得ました。コードはまだ見栄えが良くないところもありますが、**初めて一からサイトを完成させた喜びは格別**でした。

* 🔐 **ユーザー登録・ログイン**
* 💬 **コメント機能**
* 🏷️ **タグ付け**

こうした機能を、サンプルを参考に少し改変して実装していきました。最初は「ここをこう変えたら動くかな？」と、いちいち試行錯誤の繰り返しです。手間はかかりましたが、一歩一歩積み重ねたことで自信がつきました。

## 使用技術・ツール

私が学習・開発に使った主要ツールと技術を一覧にまとめると次の通りです。基本的に無料で使えるものを中心に揃えました。

| 技術/ツール          | 用途                                |
| --------------- | --------------------------------- |
| **ServBay**     | ローカル開発環境の一括構築（PHP, MySQL, Nginx等） |
| **PHP & MySQL** | サーバーサイド（ブログ構築）                    |
| **VS Code**     | コードエディタ                           |
| **GitHub**      | バージョン管理・コード共有                     |
| **ChatGPT**     | わからない時の質問・コード補助                   |
| **Youtube**    | 無料オンラインチュートリアル視聴                  |
| **TabNine**     | AIコード補完プラグイン                      |
| **Figma**       | UIデザイン（元々デザイン背景あり）                |

* **[ServBay](https://www.servbay.com/ja)** は非IT系の私には救世主のツールでした。Homebrew不要、コマンド不要で「Mac開発環境を丸ごと構築」。特に「複数バージョン共存・切り替え機能」は、建築プロジェクトでツールを切り替えていた感覚に近く、大きな安心感がありました。
* **ChatGPT** には大変お世話になりました。不明点があればすぐ質問し、コードのロジック説明を手伝ってもらうことで理解が深まりました。
* **Youtube** の動画チュートリアルも役立ちました。特に「ブログサイトの作り方」シリーズは、同じPHP学習者にとって理解しやすく親しみやすい内容でした。

## 費用：ほぼゼロ円

今回の学習・開発は基本的に無料ツールを使い、*お金をほとんどかけずに*進めました。

| 項目               | 費用        | 備考                     |
| ---------------- | --------- | ---------------------- |
| ServBay          | 無料        | インストール&利用料なし           |
| PHP / MySQL      | 無料        | オープンソース                |
| VS Code / GitHub | 無料        | 個人利用は無償プランで十分          |
| 独自ドメイン           | 任意で数百円〜   | 実際には使わず、ローカル開発のみ       |
| ホスティング等          | 任意（あとで考慮） | 必要に応じてCloud/AWS等を利用検討中 |
| **合計**           | **約0円**   | 開発中の出費はほぼゼロ            |

有料ツールは一切使わずに進めました。時間と手間を工夫することで、無駄な出費を抑えられたのは大きなメリットです 😊。例えば、先に紹介した ServBay や VS Code、GitHub はいずれも無料で十分な機能が使えました。**独学に必要なのは、アイデアと行動力であり、大金は不要**という感覚です。

## 開発の進め方：学習から実践へ

1. **学習フェーズ**

   * Bilibili や YouTube の無料チュートリアルで基礎学習。特に「PHPでブログを作る」といった初心者向けシリーズは理解しやすかったです。
   * 分からないところはすぐChatGPTに質問し、理解度を深める。例えば、「なぜこのコードでエラーが出るの？」と聞くと要点を教えてくれるので効率的でした。
   * 動画コースを1～2本購入して、講師と一緒に手を動かしながら学ぶこともしました。

2. **実践プロジェクト**

   * 学んだことを「まずは形にしてみる」ことを重視。最初のブログでは、教科書通りにコピーしてもうまく動かず、その度に修正・実行を繰り返しました。
   * 機能を追加するたびにテストし、動作確認。書いたコードは VS Code でGit管理し、変更履歴を残すようにしました（ターミナルは怖いのでなるべく使わず）。
   * ブログにログイン機能やコメント機能を実装する際も、「こう書いたらどうなる？」と少しずつ動かしながら試行錯誤し、最終的に意図通りの動きを確認して達成感を味わいました。

3. **振り返りと改善**

   * 完成後はコードを見直し、TabNine で補完を試し、変数名を直すなどリファクタリングにも挑戦。最初はコードが雑でも、**書き直しながらだんだんキレイにする**というサイクルを体得しました。
   * 建築で培った「設計の読みやすさ」や「ユーザビリティへの感覚」は、このとき活きました。建築図面では「誰が見ても意図が分かること」が大切ですが、コードでも同様に「他人（未来の自分）が読んで理解できる」書き方を心がけました。

このように、「学ぶ→手を動かす→見直す」のサイクルを繰り返すことで、着実にスキルが身につきました。**一度に完璧を目指すのではなく、小さな成功体験を積む**ことで、モチベーションを維持しました。

## 結果：短期間での成長

* **スキル獲得**：現在はPHP＋MySQLで基本的なサイト構築ができ、ログイン・登録といった機能も自力で作れます。
* **自信**：未経験でも「やればできる！」という実感を得ました。今はLaravelなど次のフレームワーク学習を計画中です。
* **将来の展望**：学んだ開発スキルを建築分野に活かすアイデアも考えています。例えば「建築家向けの素材共有サイト」や「設計図から作品集を自動生成するツール」など、架け橋になるプロジェクトを作りたいと思っています。

全体で数ヶ月の学習でしたが、**開発環境の壁を突破しさえすれば、実作業はスキマ時間でも意外と進められる**ことが分かりました。これからも日々の積み重ねで少しずつ成長していく予定です。

## これから挑戦する人へ

* 🚀 **まずは手を動かしてみること**：完全に学習が終わってから始める必要はありません。練習の一環として小さくてもコードを書いてみましょう。
* 🛠️ **ツール選びは大事**：正しいツールを使うと学習効率がグッと上がります。私もServBayのおかげで挫折せずに済みました。
* 🤹 **完璧は求めすぎない**：最初から完璧な学習プランはありません。必要な機能を作りながら、徐々に学び足りない部分を補えばOKです。
* 📚 **基礎を大切に**：いくら副業や案件を目指しても、基礎がしっかりしていないと不安定です。まずは文法や構造を固めることを忘れずに。

最後に、**大切なのはアイデアと行動力**です💡。
あなたの中にある「やってみたい」という気持ちが、一歩を踏み出す原動力になります。たとえ今が建築の仕事で忙しくても、少しの空き時間とスマホがあれば、コツコツと世界が広がります。

🌱 「いつか」ではなく、\*\*「今この瞬間から」\*\*始めてみてください。あなたの想い描く未来は、きっとコードの先にあります。応援しています！😊✨