Port-folio | ポートフォリオ

News

2024.03.04 スキル: 回転するテキストを実装。

2024.03.02 スキル: ホバー時に要素が光るを実装。

2024.03.01 スキル: 自動翻訳機能を実装。

2024.02.26 スキル: Lightbox2を実装。

2024.02.26 スキル: テキストアニメーションを実装。

2024.02.26 スキル: Gsapアニメーションを実装。

2024.02.26 スキル: 1画面スクロールのコーディングスキルを実装。

Features

感謝の気持ちを忘れない

日々の喧騒や忙しさに埋もれても、感謝の気持ちを忘れないことが大切です。周りには、私たちを支えてくれる人々や喜びを与えてくれる出来事が数多く存在します。そんな大切な瞬間や人々に目を向け、感謝の気持ちを持ち続けましょう。

初心を忘れない

人生の旅路において、私たちは時に迷いや挫折に直面します。しかし、初めに抱いた情熱と目標を心に刻み、それを忘れずに進むことが大切です。困難なときこそ、自分がなぜその道を選んだのかを思い出し、力強く前進しましょう。初心を忘れずに歩むことで、真の成果と充実感を手に入れることができるのです。

お客様の立場に立って考える

お客様の立場に立つと、商品やサービスの選択には品質・信頼性、使いやすさ、選択肢の幅広さ、良好な顧客サービスが欠かせません。お客様は優れた品質と信頼性を求め、使いやすく便利な体験を望みます。さらに、自身のニーズに合った選択肢やカスタマイズの自由度が重視されます。そして、問題や疑問が生じた際には迅速で親切な対応が求められます。これらの要素に焦点を当て、お客様の期待に応えることが大切です。

Works

株式会社TETOTE

クライアント様とのコーディングスキルの共有のために、Figmaのデザインカンプを購入し構築しました。管理画面にログインしていただき、編集機能や構成を確認できます。特に編集機能には繊細な注意を払い、ブロックエディタの中にHTMLデータを組み込み、画像やテキストを編集しやすくしています。また、ローディングアニメーション・パンくずリストやページネーション、カスタムフィールドやカスタム投稿タイプなど、Webサイトに必要な技術を組み込み構成しております。

ふたとき株式会社

ふたとき様のランディングページのコーディング作業では、SEOの最適化を目指してViteを採用した開発手法を取り入れました。このプロジェクトにおいては、ランディングページの効率性を高めるために、ファーストビューを除くコンテンツの読み込みを非同期で行いました。読み込み速度の改善のため、ファイルの圧縮（Minify）とハッシュ値の適用を施しました。コードの広範囲な互換性を保つために、最新のJavaScriptコードを古いブラウザでも動作する形式に変換し、CSSには互換性を高めるベンダープレフィックスを加えました。これらの施策により、検索エンジンによるサイトの効率的なインデックス化を促進することが期待できます。

Jolie Ange ジョリー・アンジュ

ジョリーアンジュ様のコーディングを担当させていただきました。このプロジェクトでは、GSAPとSwiperを使用したアニメーションを実装しました。また、WordPressにおいてカスタムフィールドを設置し、編集が容易なサイトを構築いたしました。また、画像が荒くならないように、アスペクト比を考慮しながらPictureタグやWebp形式を使用して、サイトの高速化にも配慮しました。

GCC Kids インターナショナルスクール

GCCKids様のコーディングを担当させていただきました。このプロジェクトでは、HTMLでコーディングを行い、その後WebPackを使用してファイルを最適化しました。さらに、一貫してWordPress化にも対応しました。お問い合わせフォームでは、郵便番号を入力することで住所を自動的に入力できる機能を実装しております。その他、入力後に確認画面に進み、最終的に送信完了画面に遷移することでユーザーアビリティを向上させております。

Achievement

クラウドソーシング実績数

Lancers

18 件

coconala

44 件

CrowdWorks

16 件

MENTA

16 件

合計

94 件

概要

-Web制作のご依頼は、クラウドソーシングのリンクからメッセージをいただけますと幸いです。以下の料金表をご参照ください。

-コーディングでお悩みの方は、MENTAをぜひご活用ください。

料金表

静的サイトのコーディング

内容	料金	納期	詳細
LPコーディング	¥20,000	1週間以内	10,000pxまでを想定しております。 (以降sectionあたり+¥2,000)
トップページ	¥20,000	2日	6,000pxまでを想定しております。 (以降sectionあたり+¥2,000)
下層ページ	¥10,000	1日	特に制限はございません。
各種アニメーション	¥3,000	1日	GSAPを使って、サイトを魅力的に仕上げます。対応可能なアニメーションの詳細については、以下のリンクをご覧ください。 code-pen
お問い合わせフォーム	¥10,000	1日	PHPにてバックエンドを実装いたします。
その他			その他のイレギュラーな実装については、別途お見積りをさせていただきます。あらかじめご了承ください。

※全てレスポンシブ対応(スマートフォン・タブレットに対応)にて構築いたします。

Wordpress

内容	料金	納期	詳細
Wordpress化	¥10,000	3日以内	HTMLデータをWordpress化いたします。テスト環境及びサーバーを構築し、報告させていただきます。
編集機能の構築	¥10,000	1日	カスタムフィールド及び、カスタム投稿タイプを設定し、管理画面からテキスト・画像を更新可能な状態にいたします。
お問い合わせフォーム	¥5,000	1日	確認画面やサンクスページへの遷移が可能です。
その他の機能	¥5,000	1日	パンくずリスト・ページネーション・検索機能等を実装いたします。

※オリジナルテーマでの実装となります。既存テーマのカスタムは別途ご相談ください。

Coding-skill

Gsap -pin

Gsap -pinAnimation

お客様からのコメント

About

Souichi_Kimura

Web制作に情熱を持ち、適切なタグを使用して内部SEOを構築し、皆様のお役に立つウェブサイトを制作するために技術を磨いています。私の意識は、可読性の高いコードの作成・更新しやすいサイトの構築・そしてサイトの高速化にあります。クライアント様とのコミュニケーションを重視し、満足のいく成果物を提供できるように日々技術を向上させ、自身の成長にも繋げています。

history

① セキュリティ関連の業界で20年の経験を持ち、昨年からはフリーランスとして活動。
② 短期集中型のプログラミングスクールやLaLaメイツ(職業支援校)に通い、Web制作の技術を向上。
③ フリーランスとして、クラウドソーシングを通じてWeb制作依頼を受注。
④ 自身が学んだことを皆さんと共有するためのBlogサイトを開設。また、Google AdSenseの承認を受け、ウェブサイトの収益化にも成功。
私がアウトプットしているサイトはこちらです。

skill

HTML
/
CSS(SCSS)
/
JS
/
WordPress
/

Git
/
gsap
/
swiper
/
Pug
/
WebPack

WebサイトやLPのコーディングのお仕事をメインで活動しております。デザインを忠実に再現し、高品質な成果物を保ちつつ、迅速にプロジェクトを完了させることを心がけています。

HTML
/
Css(Scss)
/
Javascript
/
WordPress
/
Git
/
Gsap
/
Swiper
/
Pug
/
WebPack
/
Vite

Portfolio -site- introduction of ideas and achievements -