ABOUT
永井 善孝(ながい よしたか)
北海道札幌市出身、大学生から函館へ、前職は病院の事務員として勤めていました。
趣味はランニング。ダイエットと健康維持の為、週に3日程5kmをゆっくりと走っています。
職業訓練校にて、WEBデザイン、HTML/CSS、JavaScriptを学び、コーダー・フロントエンドエンジニアを目指して日々勉強、作品制作をしています。
JavaScript(Node.jsやVue.jsなど)を用いたWebアプリケーション開発に力を入れており、タイピングアプリなどをフルスクラッチで制作しました。また、本サイトのようにWordPressを用いたオリジナルテーマの構築も行っています。
現在はGSAPを活用したアニメーション実装など、よりリッチでインタラクティブなUI/UXを実現するためのフロントエンド技術を積極的に学んでいます。
SKILL
-
HTML / CSS(Sass)
職業訓練での学びを基礎とし、FLOCSS等のCSS設計を取り入れた保守性の高いコーディングを実践しています。SCSSを活用し、PCからスマートフォンまで、デザインの細部や意図を忠実にブラウザ上で再現する、美しく見やすいレスポンシブサイトの構築を行うことができます。
-
JavaScript
基本的なDOM操作から、async/awaitを用いた基礎的な非同期処理まで対応可能です。アプリ制作を通じて、基本構文からロジックの組み立てまでを実践的に学びました。ユーザーが直感的に操作できる、心地よい画面の動きを実装するよう心掛けています。
-
Vue.js
-
GSAP
ScrollTriggerを活用したスクロール連動アニメーションなど、視線を惹きつけるリッチで滑らかな動きの実装が得意です。CSSでは表現が難しいタイムライン制御を駆使し、ユーザーが操作していて楽しくなるような、心地よいUIと使いやすさの両立を心掛けています。
-
Node.js(Express)
フロントエンドだけでなく、自作アプリのバックエンド開発も経験しました。Expressを用いたAPI作成やデータベース連携など、サーバー側の基礎的な仕組みを実践的に学びました。アプリの裏側も理解することで、より円滑なフロントエンド開発ができるよう努めています。
-
WordPress
本ポートフォリオサイトのように、オリジナルテーマのゼロからの構築を実践しています。カスタム投稿タイプやAdvanced Custom Fields(ACF)を活用し、サイトを運用する人が直感的に更新しやすい、使い勝手の良いCMS環境を構築するよう心掛けています。
-
Figma / Adobe XD
職業訓練で基本操作を学びました。デザイナーが作成したカンプの意図を正確に読み取り、余白やフォントサイズ等のルールを忠実に再現するコーディングを心掛けています。開発に必要なアセットの書き出しなどの基本操作もスムーズに行うことができます。
-
Photoshop
職業訓練で基本操作を学びました。画像の切り抜きやリサイズに加え、本サイトの背景画像のような、サイトの雰囲気に合わせたモノクロ調整など簡単なレタッチが可能です。現在はFigmaの活用が多いですが、Photoshopでのデータ確認や書き出しにもスムーズに対応できます。
-
Git / GitHub
個人開発のバージョン管理として活用しています。実務を意識し、直近の制作からは適切なブランチ運用や、プレフィックスを用いた分かりやすいコミットメッセージの記述を実践しています。チーム開発のルールにも適応できるよう、基本操作の定着に努めています。
-
Linux / VPS
自作のWebアプリを公開するため、Linuxサーバー(VPS)を契約し、環境構築からデプロイまでの一連の流れを経験しました。コマンドラインでの基本操作やSSH接続、Webサーバーの立ち上げなど、インフラ面の基礎的な知識と操作スキルを備えています。
WORKS
-
GeminiType
AI生成で問題は無限大!
Gemini APIを活用したタイピング練習アプリ。 -
Diary
シンプルな日記帳アプリ。
AI(Gemini API)からコメントをもらえるのが特徴。 -
Home Snap
「これまで」と「これから」。
架空のサービスの10周年記念webサイト。 -
Sierra Solution
マーケティングをブラッシュアップ。
商品販促広告サービス会社サイト。 -
Alpha Design
架空のブランド紹介LP。
スクロール連動アニメーションが特徴です。 -
みかん箱ブログ
技術をアウトプットする為の備忘録。
初めてのWordPressオリジナルテーマ作品です。 -
中華料理 満楼苑
中華の極み、 心躍る一皿へ。
老舗本格中華を味わえる中華料理店サイト。
CONTACT
お問い合わせは下のボタンから
入力フォームへお進みください。
FORM