30代エンジニアのポートフォリオサイト
このサイトは36歳エンジニア未経験のポートフォリオサイトです。
高校3年生の時に「ホームページビルダー」や「無料ブログ サービス」を利用しつつ、約1年間の間、htmlとcssを少し勉強しながら収益を得ていました。その後、関係ない職種に就職。
28歳の時に「wordPress」などを利用しwebメディアを作成し、web広告業として個人事業主として開業をし、生計を立てて今に至ります。 36歳の時にエンジニアの職種に就きたいと決意し、勉強を開始しています。
GitHub:https://github.com/haru0354
Works
オリジナルの自作アプリの一覧です。
「JavaScript/TypeScript」「React/Next.js」「Node.js/Express」「PostgreSQL/MongoDB」
目的を持って作成していますが、基本的に新たなアプリ作成時は「未使用の技術を使用」しており、学習としての意味もあります。
次は「PHP」「Laravel」を使用したアプリ開発をし、それ以降は使いこなせるように、Next.jsの簡単なアプリを複数作成予定。
「旅のメモリーブック」旅程表作成アプリ
「英語が話せない人でも安心して海外旅行に行ける」 をコンセプトに、かつ「旅の記録として残し」見て楽しむことも出来るアプリとして開発しています。
今まで一緒に海外旅行をした友人は「興味はあるけど英語が話せない」を理由に、行ったことが無い人しかいませんでした。また、検索市場でも同じように「行きたいけど英語が話せない」と悩んでいる人の一定の需要もありました。
私の経験を元に作成したアプリで、「私自身が利用する」かつ「海外旅行に興味はあるけど英語が話せない人」の悩みを解決するアプリとして開発しています。
アプリの機能の一部
- 複数の旅行のしおりを作成
- 旅程表の作成
- メモの作成
- 共有が可能(同行者やSNSに共有し認証なしで見れるページの自動作成)
- 撮影した写真をアップロードし旅の記録へ
使用技術の一部
- TypeScript
- Next.js(ServerAction)
- DB: PostgreSQL(Prisma)
- スタイル: TailwindCSS
- 認証: NextAuth.js
- Supabase: (DB/storage)
「メモブックノート」本型メモアプリ
「旅程表アプリと全て違った技術」で作られ、私自身の悩みを解決する為に作成始めたアプリで「エンジニアの学習」「働き始めた時を見据えて」「個人的な部分」の3つの目的の為に開発しています。
他のメモアプリを利用していましたが、見たい位置をスクロールして探すのに時間がかかったり、見やすいように装飾したりと無駄な時間がかかっていました。
個人的な悩みを解決できるアプリが見つからず。「時間の短縮」「見やすい」を目的に作成し、かつ、「働いた時も確認が出来るように」開発しています。
アプリの機能の一部
- 複数の本の作成ができる
- チャプターごとに複数のメモを管理できる
- 目次で何のメモがしてあるか即時に分かる
- 目次で見たいメモにスクロールし即時確認
- 基本モーダルで即時CRUDが可能
使用技術の一部
- JavaScript
- React
- Node.Js(Express.js)
- DB: MongoDB
- スタイル: Emotion
- 認証: Firebase
- 状態管理： Redux/Toolkit
Next.js製のブログ作成アプリ
「作成したアプリの集客用」「個人での利用」
以上の2つの目的に作成されたブログアプリです。
ISRブログ
ISRブログの詳細へ
SSGブログwithMD
SSGブログwithMDの詳細へ
SSGブログwithMDX
SSGブログwithMDXの詳細へ
ポートフォリオ
ポートフォリオの詳細へ
エンジニアとしての技術
自己開発で使用した技術等
- HTML5
- CSS3 (Tailwind CSS/Emotion)
- JavaScript
- TypeScript
- React
- Next.js
- Node.js (Express.js)
基礎を学習または現在学習中の技術(未開発)
- PHP(学習中)
- Laravel(学習中)
- SCSS(基礎を学習)
「教材で学習した程度です。そのため、少し分かる程度で自身のない技術の一覧です。」
その他
- DB(PostgreSQL/MongoDB)
- Firebase(認証)
- Supabase(DB/storage)
- Git/GitHub
- Docker(学習時に少し触れた程度)
- SEO
学習方法・備考
- Udemyで基本教材を学習
- アプリを開発開始
- 日本語や英語(翻訳を利用)で検索
- 公式ドキュメントの確認
学習教材
フロントエンド
- 【2023年最新】【JavaScript＆CSS】ガチで学びたい人のためのWEB開発実践入門
- 【2024年最新】React(v18)完全入門ガイド｜Hooks、Next14、Redux、TypeScript
バックエンド
web開発全般
- 【HTML,CSS,JS,PHP,Git,Docker】ゼロからわかるWebシステム開発（Git/Docker/PHP/Laravelの項目のみ使用）
プロフィール
大学受験予定も家庭の事情で就職の道へ
予備校へ通っていたものの、高校最後の夏に家族の病気の関係で受験でなく就職をすることを決意。その後、食品関係の貿易会社の内定を獲得
高校最後の秋ぐらいに「HPビルダー」や「ブログサービス」を利用しアフィリエイトを開始
就職先も決まり、就労日までの間に収入を得たいと思い、ブログやHPを作成しはじめる。htmlやcssはHPビルダーでの作成やデザインを少しいじるのに学びつつ収益を得ていく。数千円でもと始めたものの、毎月数十万円も収入があり、もっと早く初めていれば受験の道もあったのにと後悔。
1年半ほど働いた会社を退職
内勤の仕事を分かるようになってから、営業へとのことで就職。途中で「PCにちょっと詳しい=何でもできるの周りの認識」により、「excelでの見積書やチラシの作成」・「外部の人と協力し通販サイトの立ち上げに関するコンテンツ制作」など、他の人の内勤業務にプラスして自分専用の仕事がどんどん作られる。営業部長から営業にとの話はあるものの、現状移動は難しくこのままだなと考え始める。だんだんと、働いていく内に営業への興味が大きくなり退職をする。
賃貸の不動産会社へ就職
個人相手の営業に興味があったので賃貸の不動産会社へ転職。
長期労働時間(深夜1時30分自宅到着の6時起き)・低収入(手取り15万)を理由に退職
仕事は楽しかったので職場近くへ引っ越すものの、長く続けてもと思い退職。営業1人で普通の人の3人分を売り上げる人達のみで立ち上げた会社だったので、もう少し頑張って勉強をすれば良かったとも思う。(ただ今でもよほど疲れていないと、深夜3時ぐらいまで眠れない、メリット・デメリットを取得)
アルバイト(人生で最も良くなかった期間)
イベント警備(国際会議・コンサート・展示会・撮影など様々なイベント)の仕事に就く。次の仕事までの繋ぎとして就いたのが間違えだった。イベントにより業務内容も都度変わり、働く場所も毎回違い、なんだかんだ楽しめる部分もあり長く続けてしまった。
Web広告業として個人事業主として開業
高校生の時に行ったwebサイトを作っていたのは、楽しかったのと・ずっと挑戦してみたいと思っていたので、アルバイトを止め開始する。1年ほど経って収入が大きくなったので、個人事業主として開業。(高校生の時にはじめたのは就職してからも1年ほど収入はあったが、副業として続けはせず辞めた)
エンジニアに興味を持つ
コンテンツの作成の部分は微妙なものの、サイトの構成やどう利益を上げるかなど考えたり、デザインなどをいじっているのは楽しかった。そのため、エンジニアの仕事に就きたいなと考えるようになる。
続けられるか学習
売り上げも無くなり転職をしようと考える。どうせならエンジニアに挑戦したいと思い、試しに続けられるか学習して見るも、ひたすら楽しむことができたので仕事にしたいと思う。
現在に至る
エンジニアになりたいと学習したのを除けば、HTMLやCSSを少しいじってwordpressを使いサイト作成やSEOの知識だけ。36歳での未経験のエンジニア志望。色々調べても現実的に考えて難しい・・・。幸いすぐに生活は困らないものの、貯金が減っていくのは悲しいので、厳しそうなら他に働きながら、あきらめられるまで続けるだけ。
