portfolioと記述されたロゴ

    Portfolio -site- introduction of ideas and achievements -

    Portfolio -site- introduction of ideas and achievements -

      News 装飾

      2024.06.30 実績

      GCC Kids インターナショナルスクールサイトに、お知らせ一覧ページを追加しました。

      2024.07.10 実績

      ポートフォリオに、クラウドソーシングの実績数を追加しました。

      2024.07.02 スキル

      コードスキルにclip-pathを実装。

      2024.06.13 スキル

      コードスキルにSVGアニメーションを実装。

      2024.06.06 実績

      株式会社TETOTEのコーディング実績を追加しました。

      2024.06.01 実績

      GCC Kids インターナショナルスクールサイトにInstagramを追加しました。

      2024.03.19 スキル

      コードスキルに様々なスライドを実装。

      2024.03.17 スキル

      コードスキルにコードを閲覧できるように追加。

      2024.03.08 スキル

      skewを使ったオーバーレイアニメーションを実装。

      2024.03.06 スキル

      【動画】テキストのくり抜きを実装。

      2024.03.05 スキル

      メインビジュアルにVanta.jsを実装。

      2024.03.04 スキル

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

      2024.03.02 スキル

      ホバー時に要素が光るを実装。

      2024.03.01 スキル

      自動翻訳機能を実装。

      2024.02.26 スキル

      Lightbox2を実装。

      2024.02.26 スキル

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

      2024.02.26 スキル

      Gsapアニメーションを実装。

      2024.02.26 スキル

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

      2024.02.09 実績

      ふたとき株式会社様のコーディング実績を追加しました。

      2023.02.15 実績

      GCC Kids インターナショナルスクール様のコーディング実績を追加しました。

      01

      Features

      装飾

      感謝の気持ちを忘れない

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

      装飾

      初心を忘れない

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

      装飾

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

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

      02

      Works

      株式会社TETOTE株式会社TETOTE

      株式会社TETOTE

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

      ふたとき株式会社ふたとき株式会社

      ふたとき株式会社

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

      Jolie Ange ジョリー・アンジュJolie Ange ジョリー・アンジュ

      Jolie Ange ジョリー・アンジュ

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

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

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

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

      03

      Achievement

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

      04

      Coding-skill

      05

      Gsap -pin

      Gsap -pinAnimation
      06

      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

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