After Works.

お客さまよりご依頼をいただき制作したものをご紹介します。

  • 社労士事務所 サンクチュアリパートナーズ

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • Vue.js
    • PHP
    • Adobe Photoshop
    • Adobe Illustrator
    • Adobe XD

    社労士事務所 サンクチュアリパートナーズ様の歯科医向けLP制作を担当しました。デザイン、コーディングなどサイト制作の全般を担当しました。
    これまでのLPと大きくデザインを変更したり、様々なアニメーションを実装してページをスクロールされやすくするなど、様々な部分で挑戦を行った案件となりました。

  • 社労士事務所 サンクチュアリパートナーズ

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • Sass
    • JavaScript
    • Vue.js
    • EJS
    • PHP
    • Adobe Photoshop

    社労士事務所 サンクチュアリパートナーズ様の雇用調整助成金LP制作を担当しました。デザイン、コーディングなどサイト制作の全般を担当しました。
    この案件では、SassやEJSなどのツールを導入し、より効率的にコーディングを進めました。
    また、リキッドレイアウトを採用し、画面幅が変わっても最適な見た目が表示されるように工夫しました。

  • 社労士事務所 サンクチュアリパートナーズ

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • Vue.js
    • PHP
    • Adobe Photoshop
    • Adobe Illustrator
    • Adobe XD

    社労士事務所 サンクチュアリパートナーズ様のLP制作を担当しました。デザイン、コーディングなどサイト制作の全般を担当し、PHPを用いてお問い合わせ機能の実装なども行いました。

  • ライフマネジメントサポート株式会社

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • Vue.js
    • jQuery
    • Wordpress
    • Adobe Photoshop
    • Adobe XD

    ライフマネジメントサポート株式会社様のホームページのリニューアル案件を担当させていただきました。デザインの作成、コーディングなどサイト制作の全面的な部分を担当しました。WP Rest APIとVue.jsを使用し、サイトの構築を行いました。

  • ライフマネジメントサポート株式会社

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery
    • Wordpress
    • Adobe Photoshop

    ライフマネジメントサポート株式会社様のホームページを作成しました。サイト自体はWordPressを用いて構築し、アコーディオンなどの一部デザインをjQuery等を使用し制作しました。

私の趣味および学習のために制作したものをご紹介します。

  • mkDowner

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • Sass
    • JavaScript
    • React
    • Next.js
    • Adobe Illustrator
    • Adobe XD

    マークダウンエディタ「mkDowner(マークダウナー)」を作成しました。
    Next.jsで作成し、ブラウザ内(IndexedDB)に保存を行えるようにしました。
    また、PWAの機能も実装しました。

  • COVID-19 Info Japan

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • Vue.js
    • PHP
    • Adobe Photoshop

    新型コロナウイルスの日本国内の感染、死亡者数を閲覧できるページを作成しました。
    各都道府県ごとの感染者、死亡者数の絞り込みや全国の感染者、死亡者数の推移、予測を閲覧できます。
    ※表示されるデータは「covid19-japan-web-api」を利用しています。

  • SUMMER VACATION 2017

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery
    • Adobe Photoshop

    2017年度の夏季休暇時に撮影した写真をまとめたものです。slick.jsを用いてスライダーを実装しました。また画像を多用するページのため、画像延遅延読み込みの処理を自作し実装しました。

  • After Works ver.2.0

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery
    • Adobe Photoshop

    ポートフォリオ用Webサイトを改修したものです。0からレスポンシブの機能を実装し、PC・SP表示のデザインを制作しました。また、jQueryを用いてSP表示時のメニューやアコーディオンの動作を実装しました。

  • instaAW

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery
    • Adobe Photoshop

    INSTAGRAMから画像情報を取得し、表示させるWebサイトを制作しました。また、緯度、経度情報を取得しGoogleMapとして表示させる機能や、画像のリストの高さを常に等幅に保つ処理をJavaScriptで実装しました。
    ※INSTAGRAMから画像情報を取得する部分の処理については「Fly higher! Sky is the limit!」様のHPを参考にしました。

  • After Works ver.1.0

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery

    ポートフォリオ用のWebサイトとして初めて制作したものです。Bootstrap3を用いてレスポンシブ対応等を行いました。

  • 企業用ホームページ

    • デザイン
    • コーディング
    • HTML5
    • CSS3
    • JavaScript
    • jQuery

    Webデザインの勉強として制作した企業HPです。スライダーの実装を行うなどの工夫をしました。

Contact

お問い合わせ

「ランディングページを制作してほしい」、「Wordpressを使って更新性の高いWebサイトを作りたい」、「JavaScriptを用いてWeb サイトにリッチな表現を取り入れてほしい」などお客様の様々なご要望にお応えいたします。
また、デザインのみ、コーディングのみ行ってほしいといったご依頼にも柔軟に対応できます。
まずはお気軽にお問い合わせください。