紹介
上村 好古(かみむら よしふる)
希望職種(未経験)：HTMLコーダー、フロントエンジニア
1992年生まれ(29歳)。京都府宇治市出身。
京都の佛教大学で歴史を学び、歴史を活かした仕事に従事するため、新卒でクラブツーリズム株式会社へ入社。旅行業として添乗員や旅行企画の仕事を行う。前社にて顧客の旅行ニーズや世間の流行を捉えながら旅行企画を行う。
自身でネットコンテンツを作成できるよう奈良県の職業訓練校に半年通い、webコーディングとデザインの勉強を行う。現在はコーディングを勉強中。
趣味は歴史探索と最近はカメラに凝っています。
自己PR
前職では幅広い年代層の方々と仕事をしていたため、円滑にコミュニケーションを取れるよう、常に「どんな相手にも敬意をもって接する」ことを重視していました。その結果、チームの中核としてスケジュール管理や業務分担を任され、支店長からも信任を得るに至りました。
また、毎月多くの旅行商品を造るために、常にSNSや売れ筋商品をチェックし、素早く商品に反映する事で、顧客のニーズを満たす努力を行なっていました。
このようなチームをまとめる能力と、相手のニーズを常に考える事、さらに、知識を得ることに努力を惜しまないことは、次の会社でも活かせると考えております。
作品
ホームページ
※各サイトの詳細は概要をクリックしてください。
※各サイトはコーディングの練習で作成した架空サイト、または実運用がされていないサイトになります。
※各動画の画質はよくありません。詳しくは実際のサイトをご覧ください。
作品 壱
「Bear with beer(WordPress利用)」
制作時間
デザイン：約18時間（2日間）
コーディング（HTML、CSS）：約20時間（2日間）
WordPress化：約30時間（3日間）
概要>
父が行っているハンドメイド雑貨を紹介する架空のサイト。写真撮影からデザイン、コーディングまで全て自身で行いました。（詳細は作品肆で後述）
本作品は、作品肆をWordPressに組み込み、投稿機能と下層ページの詳細をWordPressにてカスタマイズできるよう組み替えました。また、jsもvu.jsの形式に組み替えています。ただし、メール機能は使えません。
WordPressの元はフリーテーマの「Twenty
Nineteen」を利用し、ブロックエディタを使ったカスタマイズができるようにしています。HTMLのPHP化を始め、WordPressの構造理解に役立ちました。今後は自身でテーマ開発ができればと勉強しています。
作品 弍
「老舗和菓子専門店 満月亭 」
制作時間
デザイン：約20時間（2日間）
コーディング（HTML、CSS）：約16時間（2日間）
Vue.js適用：約30時間（3日間）
概要>
実際のサイト(南曜堂様 https://nanyodo-monaka.com/)を模倣した架空サイト。トップページのみ作成。
本作品はレスポンシブ対応のレイアウトで、動きのあるサイトを目的に作成しました。また、jsが起動しない状況でも運用できるサイト構築をしております(ハンバーガーメニューは、起動しますが閉じる機能をjsに頼っています)。また、ファストビューの和菓子はhoverアクションを、中断スライドショーはanimationを使うなど、極力CSSを利用しています。
また、今まではjQueryのみを利用していましたが、今回からVue.jsを基本利用し、極力jsのみで構築ができないか試行錯誤しました。ただし、一部jQueryを利用し、できる事とできない事を明確に確認しました。
作品 参
「うじしの茶屋」
制作時間
デザイン：約10時間（2日間）
コーディング：約15時間（2日間）
概要>
実際のサイト(うおがし銘茶様 https://www.uogashi-meicha.co.jp/)を模倣した架空サイト。トップページのみ作成。
作品4つの中で一番最後に作成したもので、最低限のことをどれだけのスピードで完成できるか試したものです。レスポンシブ、スクロールフェードインなど現在よく使われる技術を入れ込んでいます。
写真のレスポンシブを意識し、どのサイズ幅でもフルサイズで綺麗に焦点が合うよう、CSSでの調整に気を配りました。
作品 肆
「Bear with beer」
制作時間
デザイン：約100時間（14日間）
コーディング（HTML、CSS）：約42時間（7日間）
js適用：約60時間（10日間）
概要>
訓練校にて自主制作で初めてデザインからコーディングを行ったサイト。作品壱の元になったものです。
父の希望により、「自然味がある」「明るい」「作品を紹介したい」というテーマでデザインを作成。なお、ショップ連携と問い合わせ機能は今後のサイト利用に合わせ組み込んだだけで、機能はしておりません。
レスポンシブを基本とし、フルスクリーン、タブレット、スマートフォン毎にレイアウトが変わるようにしています。また、jQueryを利用してスムーズスクロール、フェードインなどを実装。
jsが起動できなくても稼働できるように、基本はHTMLとCSSで起動するよう心がけています。
バナー作品
デザインはあまり得意ではありませんので、深くは掘り下げておりません．．．
能力
HTML
能力値：5
基本的なHP構築のマークアップが可能です。デザイン通りに配置するのではなく、それぞれのセクション毎に見出しやリストなど意味を考え、SEO的にも意味のあるマークアップを心がけています。例として、見出しを先頭に配置し、各セクションごとの意味を意識。CSSで配置替えする事でデザインにも対応できるようにしています。また、写真なども重要性ごとにimgかbackgroundか区別するようにしています。
CSS(SCSS)
能力値：4
基本的なHP構築のデザイン構築が可能です。ツールは「VScode」を利用し、現在はSCSSを主としています。
HP作成はCSSが基本、jsは補佐だと考え、デザインから動きまで極力CSSで起動できるようコーディングしています。メディアクエリやanimation、position配置やfleboxなどに対応できるようにしています。
使えそうな技術はネットなどの情報から得るようにすると同時に、現在は各ブラウザでどこまで利用できるかなども意識しながらコーディングに加えています。
Java Script
能力値：3.5
本やネットの情報をもとに最小限のjs知識を活用しています。よく使われるスムーズスクロールやフェードイン、フェードスライドなども活用できます。jsは基本的にCSSクラスの付け替えが主と考え、何もかもjsで行うことは避けております。
jQueryの利用を主としていましたが、Vue.jsへの移行を考え、上記サイトの一部もVueを使っています。現在はVueコンポーネントによる大規模サイト構築にも適用できるよう勉強しております。
WordPress
能力値：3
既存テーマを利用したWordPressのサイト構築が可能です。また、CSSを利用したデザインの修正も可能です。
上記サイトでも作成しましたが、HTMLファイルをWordPress利用に組み替えることもできます。現在はカスタマイズ性の高いオリジナルテーマが作れるよう、勉強をしています。
Illusrator
能力値：3
基本的な操作は可能です。ショートカットの利用による作業効率化も行っています。
基本利用はロゴや文字などのデザインを作成で、SVGデータを作成することが主になっています。
Photoshop
能力値：3
基本的な操作は可能です。ショートカットの利用による作業効率化も行っています。
基本利用は写真編集であり、色調や明暗の調整、データサイズの調整や修正作業などに利用しています。
Adobe XD
能力値：3.5
基本操作は可能です。カンプ作成においてはXDのみを利用しています。実際のサイトイメージに近づけるため、スライドショーやホバーアクションなども実装できるようにしています。
問合わせ
練習用として問い合わせフォームを作成しています。稼働はしておりません。
