AboutMe

こんにちは。みさんです。
大学在学中にWebサイト制作の学習を始めた後、
新卒でIT企業に入社しました。
どうぞよろしくお願いいたします。

Skills

  • HTML / CSS

    経験年数:約 3年3ヶ月

    管理しやすい構造、クラス名でコーディングを行います。
    またPCだけでなくスマートフォンにも対応するレスポンシブコーディングも行うことができます。

  • Sass

    経験年数:約 3年1ヶ月

    Dart Sassを用いて見やすくわかりやすいコーディングを行うことができます。
    またFLOCSSに基づいたCSS設計を行い保守性の高いコーディングを心がけています。

  • JavaSctipt / jQuery

    経験年数:約 2年10ヶ月

    ハンバーガーメニュー、スライダーなどDOMを操作し動きのあるサイトを制作できます。
    またローカルストレージを活用した簡易なシステムを実装したこともあります。

  • PHP

    経験年数:約 2年6ヶ月

    データベースと連携した簡易な掲示板システムや家計簿システムをこれまでに開発しました。
    データベースに登録されているデータの出力や編集はもちろん、データの検索機能やログイン機能などを実装したこともあります。

  • WordPress

    経験年数:約 3年2ヶ月

    静的コーディングをしたWebサイトをWordPress化したテーマ制作ができます。
    メニューや記事の投稿を管理画面から作成するだけでなく、カスタム投稿・カスタムフィールド・カスタムタクソノミーなどのカスタマイズを実装することもできます。

  • MySQL

    経験年数:約 2年6ヶ月

    PHPを用いたシステム開発時ではMySQLを使っています。
    データベースを用いたシステムの基礎であるCRUD処理やデータ検索の経験があります。

  • Git / GitHub

    経験年数:約 3年1ヶ月

    Webサイト制作やPHPシステム開発のソースコードの管理をGitHubで行っています。
    普段はSourceTreeを用いてプッシュしています。
    ブランチやクローンなど共同開発のコマンドは現在学習中です。

  • Illustrator

    経験年数:約 2年10ヶ月

    架空のバナー作成をした経験がありますが、操作は基本的な範囲です。
    普段はIllustrator形式のデザインカンプから画像の書き出しを行いコーディングをするために用いることが多いです。

  • XD

    経験年数:約 3年1ヶ月

    XDで作成されたデザインカンプからコーディングを行ったり、Webサイトのデザインを行なっています。
    PhotoshopやIllustratorで編集した画像をライブラリ同期でXDのデザインカンプに組み込むこともできます。

Works

家計簿システム

言語とツール: HTML/CSS/ Sass/ JavaScript/ jQuery/ PHP/ MySQL/ Git/GitHub

制作期間: 8ヶ月(現在も開発中)

クレジットカードやスマホ決済の種類まで登録でき、どのツールでいくら使ったのかを見やすく工夫した家計簿システムです。

モンのポートフォリオ

言語とツール: HTML/CSS/ Sass/ jQuery/ WordPress/ Git/GitHub/ XD

制作期間: 2ヶ月

ポートフォリオサイトをデザインからコーディング、WordPress化まで行わせていただきました。リンクを埋め込むだけで簡単にSNSを表示できるようにしています。

架空サイトのアイキャッチ

架空企業サイト

言語とツール: HTML/CSS/ Sass/ jQuery

制作期間: 3日

架空サイトのコーディングを行いました。CSS設計のFLOCSSを導入したコーディングやjQueryのBGswitcherプラグインを使ったスライダーの実装を行っています。

架空サイトのアイキャッチ

架空企業サイト

言語とツール: HTML/CSS/ Sass/ jQuery

制作期間: 2日

架空サイトのコーディングを行いました。モバイルファーストでスマホ版からコーディングを行ったりCSS設計のFLOCSSを導入したコーディングを行っています。

架空ハンバーガーサイトのアイキャッチ

架空ハンバーガーサイト

言語とツール: HTML/CSS/ Sass/ jQuery/ WordPress/ Git/GitHub

制作期間: 1ヶ月

架空のハンバーガーショップサイトです。WordPress側で管理しやすいようにカスタム投稿を実装し投稿区分をつけたり、カスタム投稿専用のカテゴリーの実装や任意フォームの設置を実装したりしています。

RaiseTech公式サイト模写のアイキャッチ

RaiseTech公式サイト模写

言語とツール: HTML/CSS/ Sass/ jQuery

制作期間: 25日

エンジニアリングスクールRaiseTechの公式サイトの模写コーディングです。初めてのコーディング実践であったため検証ツールを参考にHTMLタグや構造、CSSプロパティを適宜調べながら実装しました。