hiro's portforio

n o c o d e n o l i f e
笑顔で正面を向くWeb制作者

works 制作実績

笑顔で正面を向くWeb制作者

wordpress

ポートフォリオサイト『Hiro’s Portforio』

PC画面に表示されたOpenCafeのWebサイトモックアップ

wordpress

【架空】カフェ『Open Cafe』

PC画面に表示されたglobalStandardのWebサイトモックアップ

wordpress

【架空】人材会社『グローバルスタンダード』

PC画面に表示されたonomichiのWebサイトモックアップ

LP

【架空】キャンペーンサイトLP『onomichi』

PC画面に表示されたoha!のWebサイトモックアップ

LP

【架空】アプリ紹介サイトLP『OHA!』

PC画面に表示されたe-tigaのWebサイトモックアップ

LP

【架空】アプリ紹介サイトLP『e-tiga』

PC画面に表示されたsobolonのWebサイトモックアップ

LP

【架空】アクセサリーショップLP『sobolon』

PC画面に表示されたSweetDelightのWebサイトモックアップ

LP

【架空】スイーツショップサイトLP『Sweet Delight』

about 私について

Web制作者のプロフィール写真(正面を向いて笑顔)

茂野 紘之

  • 生年月日
    1993年9月1日(31歳)
  • 活動拠点
    神奈川県都筑区
  • 家族構成
    妻と子(11か月)
  • 趣味
    キャンプ、読書
  • X公式アカウントへのリンク
    xでは日々の学習内容を発信しています

appeal アピールポイント

  1. 1番目のアピールポイント

    継続力

    やると決めたことは最後までやり抜く「継続力」が自分の強みです。Web制作の学習は気づけば200日以上毎日続けていて、毎朝4時に学習を始めることが習慣になりました。今後もこの継続力を活かし、挑戦を続けながら貢献していきたいと考えています。

  2. 2番目のアピールポイント

    時間管理力

    前職の解体工事では、チームリーダーとして作業工程の作成を任されていました。絶対に遅れてはならない工期から逆算して、当日の作業工程を考えて実践し、計画通りに実行させてきました。この時間管理のスキルを活かし、納期を守り効率よく成果を出し、貢献していきたいと考えています。

  3. 3番目のアピールポイント

    追求力

    前職の解体工事では、限られた人員と工期の中で効率を最大化するために、課題を洗い出し、無駄を省くことで業務の効率化を図り、コスト削減につながる改善を積み重ねてきました。今後もこの姿勢を大切にし、常に満足せず、より良いものを提供し続けられるように追求し続けます。

skills 出来る事

  • HTMLのロゴ

    HTML

    意味のあるタグを正しく使い、アクセシビリティやSEOを意識したマークアップを心がけています。また、チーム開発を意識し、誰が見ても分かりやすいマークアップを心がけ、保守しやすい構造を意識しています。

  • CSSのロゴ

    CSS

    設計や管理のしやすさを意識し、BEMやFLOCSSなどの設計手法を活用しています。また、不要なスタイルの重複を避け、シンプルなコードを維持することを大切にしています。

  • sassのロゴ

    sass

    ネストが深くなりすぎるのを避け、シンプルな設計することで、可読性とメンテナンス性を向上させるよう意識しています。また、ミックスインや関数を活用し、再利用性の高いコードを書くことを意識しています。

  • jqueryのロゴ

    jquery

    後のメンテナンス性を考慮し、シンプルで分かりやすい記述を心がけています。また、アニメーションやクラスの追加・削除など、CSSで対応できる部分はCSSを優先し、パフォーマンスの向上を図っています。

  • wordpressのロゴ

    WordPress

    テンプレートの分割を適切に行い、管理しやすいテーマ構成を意識しています。また、カスタム投稿タイプやカスタムフィールドを活用し、クライアントが更新しやすい設計を心がけています。

  • phpのロゴ

    php

    条件分岐を活用して、各ページごとに異なるコードを出力することで、可読性を向上させ、管理のしやすさを意識しています。また、これにより将来的な変更や追加が容易になり、拡張性のある設計を実現しています。

  • gulpのロゴ

    gulp

    タスクの効率化と自動化を重視し、開発のスピードを向上させるよう努めています。Sassのコンパイル、css、JavaScriptファイルへの圧縮などの処理を自動化することで、手作業を減らし、作業効率を高めています。

  • figmaのロゴ

    figma

    要素ごとのプロパティを正確に確認し、コーディング時にデザイン通りに再現できるように心がけています。「コーディングに必要な情報を正確に取得し、効率的に実装できるよう心がけています」

contact お問い合わせ

お問い合わせはX(旧twitter)
又はcontact formから

テントのロゴ(トップに戻るボタン)