ここはエンジニアHodaのポートフォリオサイトです。
これまでに手がけた制作物、身につけたスキルをまとめています。
あなたに、私のことをもっと深く知ってほしいと思って作りました。
どうぞお茶でも飲みながらごゆるりとサイト内を散策してください。
ここはエンジニアHodaのポートフォリオサイトです。私がこれまでに手がけた制作物、身につけたスキルをまとめています。あなたに、私のことをもっと深く知ってほしいと思って作りました。どうぞお茶でも飲みながらごゆるりとサイト内を散策してください。
石川県出身のエンジニア。高専で機械工学、技科大で材料工学を学んだのち、メーカーで温度センサーの材料開発・生産に従事。その後ITの技術にひかれ、31才でIT業界へ転職。運用・テクニカルサポートからキャリアをスタートし、AWSクラウドサーバー構築、Webページ作成、Python/djangoのツール改修など、インフラからフロントサイドまで幅広く業務を経験してきました。
腕によりをかけて制作した、愛すべき成果物たちをご紹介します。
Ruby on Railsのチュートリアルに沿って制作したWebアプリケーションです。Twitterのように小さなコメントを投稿したり、ユーザーをフォローして極簡単なコミュケーションが取れます。このチュートリアルを通してテスト駆動開発、CRUD、ユーザー登録などの基礎的な考え方を学ぶことができました。今後は実務レベルでこれらの技術を活用することを考えています。
Ruby on Rails, HTML/CSS(SASS), Bulma, jQuery, Sqlite（開発), Postgresql（本番）, Heroku, SendGrid
WordPressの個人ブログを快適に運用するためのシステムをAWSで構築しました。EC2にDockerのコンテナを建てて、そのコンテナの中でWebサーバーを動かしています。S3とEC2をVPCエンドポイントで結び、S3にメディアファイルを保管しています。さらにCronを利用して、コンテナごとS3へぽいぽい自動バックアップする仕組みを作りました。
サーバーに異常があった場合でもすぐに気づけるよう、MackerelとUptime Robotで監視しています。
AWS EC2/S3/IAM, Docker, Mackerel, Uptime Robot
WordPressのオリジナルテーマを作成し、個人ブログを運営しています。Googleが提唱しているマテリアルデザインを参考に設計しました。スライダーなどの各種パーツは外部のツールに頼らず、軽量化のため自作しました。サーバーはAWSを利用しています。
SSL/TLS証明書の設定やバックアップを自動化し、メンテナンスがスムーズに行えるよう、DevOps面にも気を使っています。
HTML/CSS, jQuery, WordPress, Bootstrap4, Git, GitLab, Docker, Certbot, AWS(EC2/S3/IAM)
このWebページです。HTMLとCSS、jQueryを使用し、1枚のランディングページに仕上げました。プロフィールセクションではドミノ倒しのような爽快感のある表現ができたかなと思います。トップ画面のコントローラーのボタンに色を変更するギミックを仕込みました。取り入れたいアイディアはまだいくつかあるのですが、実現できるスキルがないので保留状態です。手を加えればもっとよくなるサイトです。
HTML/CSS, jQuery, MaterializeCSS, AOS, Chart.js, Git, GitLab, AWS, Docker, Nginx, Cerbot
勉強したらルーシーがSlackのチャンネルで応援してくれるシステムです。勉強した内容をGoogle Formで入力、送信ボタンの押下をトリガーにSpreadSheetとSlackに情報を飛ばします。
ただSlackに投げるだけでなく、SpreadSheetで記録を取ることができます。
詳細は下記リンクをぜひご覧ください
朝活を気持ちよく継続するために「ご褒美システム」を構築したGAS, Slack
20～30代の事務職をターゲットに、エクセルVBAの使い方をまとめるWebサイトをWordPressで作成しました。
清潔感を大事にし、ベースカラーは中性的なイメージの緑色を配しました。
フレームワークはBootstrapを使用、CSS3やJavaScriptによるアニメーションも取り入れ、楽しく閲覧できるサイトになるよう工夫しています。
HTML/CSS, jQuery, PHP, Bootstrap, WordPress, Vagrant, CentOS7
修練のすえ身につけたスキルをグラフィカルにまとめました。広く浅くではありますがフロントからバックエンドまで幅広くスキルアップに取り組んできました。オールラウンドに対応できる点が強みですが、全体的に理解が浅く、専門性の低さを認識しています。今後はバックエンド系の開発（クラウド含む）の業務に携わる比率を増やし、少しずつ専門性を高めていきたいと考えています。
＊業務で実際に使用した技術のみ掲載しております。
チャートの見方としては「1: 軽く使用した程度」、「2: 実務で数ヶ月以上使用しているがもう少し習熟が必要」、「3: 実務レベルで自由に駆使できる」。という感じです。その他、実務で2ヶ月以上使用した経験のある技術について、こちらをご覧ください。
せっかくなので私のこれまでの人生を一緒に振り返りましょう。
サボりながらではありましたが、大学卒業までゆるゆると続けました
光触媒と呼ばれる、太陽エネルギーで有害物質を浄化する材料の研究してました
電子回路のリーバスエンジニアリング、VBAプログラミング、廃材やジャンク品から実験装置を作成したり、技術者としても社会人としても多くのことを学ぶことができました。
しかし生産業務が増えてから、代替の効く一労働者としての働き方に疑問を持つようになります。
電子書籍やライフハック記事を読むようになります。
ちきりんの「未来の働き方を考えよう」、リンダ・グラットンの「WORK SHIFT」、植松努の「空想教室」、「7つの習慣」や「嫌われる勇気」など、影響を受けました。
「アフィリエイトで儲かってノマド生活ができたら最高だなぁ」と思い、WordPressで楽譜の読み方や楽譜作成ソフトの使い方などの情報を発信し始めます。残念ながらこれで生活できるほど稼げてはいません。しかし2017年8月現在、月間80000PVのアクセスがあり、多くの人とWeb上で繋がっています。このブログをきっかけに、私はWebサイト制作の楽しさとIT技術のすごさを実感しました。
「自由にWebアプリケーションを作れるようになったら、もっとすごいことになる！」
一念発起、5年間勤務した会社を辞めました。退職後、職業訓練学校でHTML/CSS, JavaScript, JAVA, SQLの基礎を学びます。
IT企業に拾ってもらい、現在はWebエンジニアとして働いています。
日々の忙しさについ忘れてしまいがちですが、今の私があるのは色んな人たちのサポートのおかげです。退職の際に応援してくれた人、技術的に未熟な私にもお仕事を紹介してくださるエージェント、スキルを磨ける環境で働かせてくださったクライアントに、本当に心から感謝しています。
様々なWebサービスに触れて人生が変わる体験をしたように、今後は消費するだけでなく、体験価値を届けられるようなエンジニアになりたい。私自身が抱えている課題や周りの身近な人が抱えている問題をエンジニアリングで解決できるようになりたいと考えています。
また、ものづくりが好きなので、生涯エンジニアとして社会に貢献し続けたいとも思っています。
それを実現するにはどうしたらいいのか。
日々進化し続ける技術をキャッチアップするための研鑽はもちろんのこと、クライアントの悩みや課題を解決できるよう、クライアントの目線を培っていく必要があります。
まだまだ至らない点はたくさんありますが、時代に合わせた技術を追いかけつつ、クライアントに寄り添ったエンジニアリングができるよう、心がけていきます。
最後までご覧いただきありがとうございました。このサイトを通して、私のことを少しでも知っていただけたのなら嬉しいです。もしこのサイトや私について何かコメントがありましたら、下記フォームをご利用ください。
Demo
GitHub