こんにちは、陰昊俊(ウム・ホジュン)と申します。ソフトウェアエンジニアとして活動しております。 このウェブサイトは、私のテックブログや趣味ブログとは異なる形式で、自分の考えを伝えるために作成しました。テックブログでは、技術や技術に関連する概念的な話題について発信しています。また、趣味ブログでは、私の趣味活動について紹介しています。 しかし、ここでは単なるブログシステムでは表現できない内容を、ウェブページを直接作成することで伝えたいと考えています。私の経験や伝えたい思いを、より自由な形で表現する場として、このサイトを運営しております。どうぞよろしくお願いいたします。
プロジェクト
*今サービス中ですので、ソースコードの公開ができないプロジェクトは、Live Service(ライブサービス)をご覧ください。
TopsterMaker
トップスターメーカー
好きな音楽のアルバムカバーのコラージュを作って大事にしてみましょう。
技術スタック:
React.js, Jotai, Next.js, MantineUI, AWS Amplify, AWS Route 53, Github, Typescript, Node.js
課題と解決策:
従来のWEBサイトではできなかったモバイルインタフェースの支援ともっと便利なユーザインタフェースの提供
Tokens-to
トークンズ・トゥー
Javascriptのオブジェクトで定義されたCSSトークンをCSSに変換するライブラリです。
技術スタック:
glob.js, commander.js, Jest, Typescript, Node.js
課題と解決策:
Javascriptのオブジェクトで定義されたCSSトークンをCSSに変換する課程をCLIで自動化。
figures
フイギャス
Javascript, Typescript, CSSで 使える デザインライブラリです。
技術スタック:
Typescript, Node.js, tokens-to
課題と解決策:
Typescriptで定義されたデザインのライブラリ化による再使用生の増加。
Kanji-Study
漢字スタディ
日本語学習のためのWEBアプリケーション
技術スタック:
React.js, Vite, MantineUI, Github-Pages
課題と解決策:
日本語を覚える時に楽に繰り返す方法をどこにも使えるWEBアプリに具現。
Seoul-Ro
ソウル路
観光客の不便さと不快な旅行経験を改善するためのスマートフォンアプリケーションです。
技術スタック:
Flutter, Dart, FastAPI, Python, AWS
課題と解決策:
外国人の観光客の人口密集による不快感をコンピューティングアルゴリズムを活用して解決。
YouTube-Quick-Search
ユーチューブクイックサーチ
ユーチューブに接続せずに、すぐに検索できる機能をクロムに追加。
技術スタック:
HTML, CSS, Javascript
課題と解決策:
ユーチューブで動画を検索する必要が多い人に、youtube.comにアクセスせずに検索できる機能を提供。
iLog
アイログ
意思疎通が難しい子供とその保護者のためのWEBアプリケーション。
技術スタック:
HTML, CSS, Javascript, Thymeleaf, Jquery, SpringBoot, Spring Security, SpringAI, OpenFeign, MySQL, MongoDB
課題と解決策:
意思疎通が難しい子供をもっと上手く育てたい保護者と自分の思いと感情が上手く伝えない子供、両方のためのソリューション。
スキル
最上:上級の技術の中で最も自信がある技術 上:専門知識があり、多数の使用経験がある 中:専門知識があり、使用経験がある 下:使用法がわかり、専門知識はないプログラミング言語
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Java | ^8 | サーバプログラム | 最上 |
| Typescript | ^5.0.0 | フロントエン、クライアントプログラム | 上 |
| Javascript | es2015以上 | フロントエン、サーバプログラム、スクリプト作成 | 上 |
| Python | ^3.0.0 | サーバプログラム、データ分析、スクリプト作成 | 上 |
フレームワーク
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Spring Boot | ^3.0.0 | WEBアプリケーションサーバー | 上 |
| React.js | ^17.0.0 | フロントエン | 上 |
| Next.js | ^14.0.0 | フロントエン、フロントエンドサーバー | 中 |
| Node.js | ^16.0.0 | フロントエンドサーバー、WEBアプリケーションサーバー | 中 |
データベース
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| MySQL | ^8.0.0 | データベース | 中 |
| MongoDB | ^8.0 | Server Program | 中 |
コンテナー化
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Docker | ^20.1 | コンテナー化、アプリケーション配布 | 中 |
バージョン管理
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Git | 2.3 | バージョン管理システム | 上 |
CI/CD
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Github | 最新 | CI/CD | 上 |
パッケージ管理
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| NPM | 最新 | パッケージ管理 | 上 |
ビルドツール
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Gradle | ^8.0.0 | ビルドツール | 下 |
テストフレームワーク
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| JUnit | ^5.0 | 単位テスト、結合テスト | 下 |
| Jest | ^29.0.0 | 単位テスト、結合テスト | 下 |
クラウドサービス
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| AWS | 最新 | クラウドコンピューティング | 中 |
| AWS Amplify | ^3 | WEBアプリケーションサーバー | 中 |
| AWS EC2 | 最新 | 仮想マシン | 下 |
オペレーティングシステム
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| Windows | ^10 | オペレーティングシステム | 上 |
| Mac | ^10 | オペレーティングシステム | 上 |
| Linux(Ubuntu) | ^20 | オペレーティングシステム | 中 |
フロントエンド
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| HTML | 5 | マークアップ言語、WEBページ作成 | 上 |
| CSS | 3 | スタイルシート言語、WEBページ作成 | 上 |
オブジェクト関係マッピング
| 技術名 | バージョン | 目的 | レベル |
|---|---|---|---|
| JPA | ^3.1 | ORM(オブジェクトリレーショナルマッピング) | 中 |