はじめまして! hiszuk です
➡️フルスタックエンジニア(修行中)😃

ポートフォリオを見る

About Me

profile picture

現在某機械メーカーでIT技術者として働いています。レガシーシステムの改善を中心に、普段は小規模プロジェクトのプロマネ(たまに開発者)としてOracle/PLSQLで開発し、HP-UX上でシェルスクリプトで運用中です。

世間のIT技術の進歩について行くために、WEBシステムのフロントエンド・バックエンド・CI/CDの勉強も兼ねて個人開発を始めました。フロントエンド: Vue(Nuxt), React(Next), element-ui, buefy, bulmaあたり。 バックエンド: spring boot。サーバーレス: firebase, netlify functions。他: Circle CI, Docker/Kubernetesがなんとか使える程度になりました。レガシー技術ならC,Awk,Perl,PL/SQLも使えます。

将来は要件定義〜フルスタックでデザインも開発もできるWEBエンジニアを目指して修行中です。よろしくお願いします。

Projects

健康診断データ管理アプリ

複数医療機関から提供された社員の健康診断結果を標準書式に網変えて登録・管理する社内向けアプリ

右図のような構成で社内向けWEBアプリ開発で要件定義・設計・製造・マニュアル作成・運用環境構築の全てを担当。オンラインマニュアルはgatsbyを利用しています。EC2でのdocker環境構築は大きな学びとなりました。特に、運用費用節約のためEC2インスタンスを夜間に停止するため、起動停止時に自動でサービスを立ち上げ/終了する仕掛けをLINUXに組み込むノウハウを得ました。(2022-03-11 / フロントエンド:Next+TypeScript+MUI, バックエンド:SpringBoot, 動作環境: Docker on AWS/EC2)

健康診断データ管理アプリ

React Boot Camp

ユーザー登録・ビデオアップロード機能を持つ動画閲覧アプリ

React Boot Camp(https://github.com/Hiro-mackay/react-bootcamp/tree/bootcamp-1)でアプリ作成を学んだ後、視聴回数更新やチャンネル登録などの機能追加を独自で行いました。デモサイトのログインは初期表示されているユーザー名とパスワードのままでログイン可能です。一部更新系の機能制限をしています。(2021-10-10 / フロントエンド:React+TypeScript+MUI, バックエンド:HASURA+GraphQL, firebase)

See LiveSource Code
React Boot Camp

It Works!

Photo Gallery

Gatsby.jsの勉強を兼ねて過去からの写真をBlog的に表示するサイトを作成しました。GitHubリポジトリはテンプレート化したものをリンクしています。(2021-01-17 / Gatsby.js+TypeScript+Tailwind CSS)

See LiveSource Code
It Works!

Cafe Rec

社内向けアプリ

社員に毎日昼食時に食堂のどの席に座ったかをスマホで登録してもらい、もしコロナに感染した場合の影響範囲データをデスクトップ版から出力するソフト。登録画面はPWA対応済。ソース・サイトは一般非公開です。(2020-10-01 / Nuxt.js+Buefy+firebase)

Cafe Rec

Sample Webapp

社内学習用サンプルアプリ

フロントエンド・バックエンド・DBをdocker-composeでパック化。それぞれを3回くらいに分けて講習会を開いた際のネタ。フロントエンドはNuxt/ElementUI、バックエンドはSpringBoot、DBにはMySQLを使い、それぞれをコンテナ化し最後はdocker-compose一発で起動できるようにまとめています。Liveはフロントエンドのみになります。

See LiveSource Code
Sample Webapp

Contact

修行の材料を探しています。何かございましたら、お気軽にお問い合わせください。