thumbnail_img
thumbnail_img
thumbnail_img
thumbnail_img
thumbnail_img

自己紹介(PR)

Webサイトのデザイン、Webサイト、LP、WordPressの制作など迅速、丁寧に格安で対応します。 レスポンシブ対応のWebサイト、JavaScriptを使用した動きのあるWebサイト、WordPressのテーマへの実装、カスタマイズ、SEO対策など対応できます。 そのほか、Pythonを利用したWebスクレイピング、ExcelファイルやCSVファイルなどパソコン操作の自動化などのソリューションも提供可能です。 ご興味持っていただけましたら、メッセージでお気軽にお声がけください。 どうぞ宜しくお願いいたします。 【現在の業務内容】 ・Webサイトのデザイン ・レスポンシブ対応のHTML/CSS/JavaScriptのコーディング ・WordPressを使ったサイト作成 ・ヘッドレスCMSサービスと連携したWebサイト作成 ・WebサイトのSEO対策 ・PythonやPower Automate Desktop、Ui Pathなどによる業務支援、効率化など 【使用言語】 ・HTML ・CSS ・PHP ・Javascript ・WordPress ・Google Apps Script ・Python ・UI Path ・Power Automate Desktop ・React ・Gatsby 【使用ツール】 ・VisualStudioCode ・Figma ・Adobe XD ・Git/Github 【稼働時間】 フリーランスであるため土日を含めて24時間対応可能です。 メインとなる時間帯は、平日9:00~18:00 です。 納期などの都合によっては、夜間や土日も対応可能ですのでご相談ください。

職歴

2008年~2022年大手電気機器メーカーにてSEとして従事。コーディングから、サーバ、ネットワーク、プロジェクトマネジメントまで幅広く担当。2022年に退社し、ITエンジニアとしてフリーランスに転向。

資格

ウェブデザイン技能検定2級 ソフトウェア開発技術者試験 CCNA LPIC1 LPIC2 UMTP L1

特技

特技 / 自己評価経験年数

HTML

2年

FigmaやAdobe XDなどのデザインカンプからのパーフェクトピクセル、レスポンシブ対応のコーディングが可能です。また、BEMやFLOCSSをベースにした設計、gulp、Webpackなど対応可能です。

CSS

2年

FigmaやAdobe XDなどのデザインカンプからのパーフェクトピクセル、レスポンシブ対応のコーディングが可能です。また、BEMやFLOCSSをベースにした設計、gulp、Webpackなど対応可能です。

jQuery

1年

jQueryを利用した動きのあるWebサイトの制作が可能です。 スマートフォンのメニューや、アコーディオンメニュー、モーダルなど一般的に使用されている機能の実装、カスタマイズの対応が可能です。

WordPress

1年

オリジナルテーマの制作が可能です。既に運用されているテーマのカスタマイズも対応できます。 また、NoCode(プログラミング言語なし)で運用可能なテーマの提供も可能です。

PHP

2年

WordPressのオリジナルテーマの制作、カスタマイズを行う範囲で対応可能です。

JavaScript

3年

jQueryを利用した動きのあるWebサイトの制作が可能です。 スマートフォンのメニューや、アコーディオンメニュー、モーダルなど一般的に使用されている機能の実装、カスタマイズの対応が可能です。

Python

2年

WebスクレイピングやCSV、Excelなどの操作、PC上のGUI操作などの自動化の実装が可能です。

Power Automate Desktop

2年

Windows上のアプリやブラウザなどと連携した自動化やスクレイピングの実装が可能です。

UiPath

2年

Windows上のアプリやブラウザなどと連携した自動化やスクレイピングの実装が可能です。

Google Apps Script

2年

Gmail、Form、 SpreadSheet、Documentなどと連携した自動化や簡易なスクレイピングの実装が可能です。

スキル

service_img

Webサイト制作、運用中のWebサイト更新します

-(0)
20,000円
service_img

お客様の要望に沿ったWebサイトデザイン制作します

-(0)
20,000円
service_img

WordPress構築、オリジナルテーマ制作します

-(0)
50,000円
service_img

RPAによる業務の自動化プログラムを開発します

-(0)
10,000円
service_img

Webサイトの運用費改善します

-(0)
30,000円

ポートフォリオ

画像関連URL
portfolio_img

デザインからコーディングまで行いました。シンプルで洗練されたイメージでデザインしています。 当初はjQqueryを使用した静的サイトで制作しました。メンテナンス性やサイトの描画性能、SEOを考慮し、Reactベースの静的サイトジェネレーターであるGatsybyと、ヘッドレスCMSサービスのmicro CMSを使用したサイトに作り直しました。 Worksのイメージをクリックするとモーダル(ブラウザ上に別枠で表示されるウィンドウ)が表示される機能、メニューリンクからスクロールして表示する機能などをGatsbyのPluginを利用して実装しています。

https://crowdsourcing.vitworks.net/

portfolio_img

デザインカンプ(デザインの完成見本図)から、レスポンシブ対応のコーディングを行い、CMS(Contents Management System)の1つWordPressで実装しました。 デザインカンプはPCデザインのみのため、タブレットやスマートフォン向けのデザインは自身で行っています。 Javascriptを使用しているのは、スマートフォンのメニューのみです。 その他、問い合わせフォーム、パンくずリストなどはWordPressのプラグインを利用しています。 メールベースであれば、支払機能を除き、予約を受け付けるところまでを実装しています。 ※ 架空サイトのため、Basic認証を設定しています。ID: guest / Password: guest123 を入力してご覧ください。

https://portfolio.vitworks.net/mahabharata

portfolio_img

デザインカンプ(デザインの完成見本図)から、レスポンシブ対応のコーディングを行いました。 デザインカンプはPCデザインのみのため、タブレットやスマートフォン向けのデザインは自身で行っています。 Javascriptを使用し、スマートフォンのメニュー、タブ形式の表示切り替え、ヘッダーメニューのエフェクトなどを実装しました。 また、宿泊予約をクリックすると、モーダル(ブラウザ上に別枠で表示されるウィンドウ)が表示されるようにしています。 Javascriptのライブラリflatpickrで日にちを選択し、Google Formへ入力情報を送信できるよう機能を具備しました。 ※ 架空サイトのため、Basic認証を設定しています。ID: guest / Password: guest123 を入力してご覧ください。

https://portfolio.vitworks.net/ishiikadan/

portfolio_img

デザインカンプ(デザインの完成見本図)から、レスポンシブ対応のコーディングを行いました。 デザインカンプはPCデザインのみのため、タブレットやスマートフォン向けのデザインは自身で行っています。 Javascriptを使用し、スマートフォンのメニュー、FAQのアコーディオンメニュー、サイト内リンクのスクロールなどを実装しました。 また、お問い合わせフォームは必須項目を入力しないと送信できないよう実装しており、Google Formへ入力情報を送信できるよう機能を具備しました。 そのほか、AOS.jsやSwiper.jsなどのJavascriptのライブラリを利用した動きのあるWebサイトになっています。 ※ 架空サイトのため、Basic認証を設定しています。ID: guest / Password: guest123 を入力してご覧ください。

https://portfolio.vitworks.net/yourcoding/

portfolio_img

デザインカンプ(デザインの完成見本図)から、レスポンシブ対応のコーディングを行いました。 デザインカンプはPCデザインのみのため、タブレットやスマートフォン向けのデザインは自身で行っています。 Javascriptを使用し、スマートフォンのメニュー、FAQのアコーディオンメニュー、サイト内リンクのスクロールなどを実装しました。 また、問い合わせフォームは必須項目を入力しないと送信できないよう実装しており、Google Formへ入力情報を送信できるよう機能を具備しました。 ※ 架空サイトのため、Basic認証を設定しています。ID: guest / Password: guest123 を入力してご覧ください。

https://portfolio.vitworks.net/samplecorp/

portfolio_img

以下の架空の案件を想定してPC表示、スマートフォン表示のデザインを行いました。 案件 今回のクライアントはフリーランスの活用をコンサルする東フリコンサルです。ITに疎い企業さんを手助けするためにフリーランスのエンジニアやデザイナーを紹介、活用支援を行なっている会社です。 ターゲット 設立から5年以上経っている営業会社、人材会社、IT事業を始めようと思っている企業です。クライアントは40代以上の男性が多く、みなさんITは全くわからないそうです。 サイトに求めること web上での集客を強めたいのが今回の目的。アニメーションなどは必要なく、ミニマムの物であれば良い。 デザインイメージ 歴史あるコンサル会社を感じさせるきっちりした雰囲気のサイトが欲しい。

https://www.figma.com/file/Anksf2MwlHQj06dO1miQKc/Portfolio_desgin01?node-id=0%3A1

portfolio_img

以下の架空の案件を想定してPC表示、スマートフォン表示のデザインを行いました。 案件 女性向けのプロテインのECサイトです。TOKYO PROTEINのオリジナルプロテインを販売するECサイトです。 ターゲット 20代~30代の女性で、コンスタントにトレーニングし、しっかり体を鍛えている人をターゲットとしています。 サイトに求めること プロテインを購入していただきたい。

https://www.figma.com/file/C3bSbI7sDNqA5Ic6ibnRWq/Portfolio_design02?node-id=0%3A1

portfolio_img

ReactのライブラリMaterial-UIやreact-hook-formなどを使用し、見積もり機能の実装と見た目とバリデーションチェックを具備しています。 見積もりの要素として、ページ数や新規なのかによって、数量や単価の条件を変動させ、選択条件によってラジオボタンの有効、無効を制御しています。

https://crowdsourcing.vitworks.net/estimate/

セキュリティ

ウイルス対策・セキュリティソフトを導入していますか?

はい

PC等の作業環境にパスワードロックをかけていますか?

はい

お気に入り追加