HTML5の知識があり、セマンティックマークアップを意識的に行なっています。 フリーランス時代は、HTMLと<a href="/works/php">PHP</a>を用いてWebサイト制作を行なっていました。 現在は、HTML単体で開発することはなく、<a href="/skills/react">React</a>のJSXで利用することが多いです。 以下で掲載しているWorksは、HTMLの要素が強いものに絞っています。 特に、<a href="/works/old-portfolio" target="_blank" rel="noopener noreferrer">旧PORTFOLIO</a>はHTMLとCSSを学び終えてすぐに制作したWorkですので、ぜひご覧ください！

HTML

リアルタイム＆自動保存ができるモダンな文字数カウントツール

様々なライブラリやAPIを用いて、高機能なコンポーネントを素早く実装します。表示速度を意識し、モバイル端末でも表示が早く離脱率の低いサイトをお作りします。	部品ごとの実装もお任せください。

jQuery

Sassを用いて、より効率的に制作します。積極的に共通部分を纏めることで、全体の見通しの良い、保守性の高いコードを目指します。また、ブラウザ間の互換性も確保します。

Sass

従来のカウントツールでは、ブラウザを閉じてしまうとデータが永久に消えてしまったり、文字入力スペースが小さく不便という問題がありました。このツールを使えば、そのようなストレスからは解放されます。UI/UXへ最大限配慮したこだわりの文字カウントツールです。

文字数カウントツール

jQueryのみで動的な診断ツールを実装しました。

CSSのみでは表現できない機能や、条件による動的表示をするサイトをお作りします。アプリケーション開発では、入力に対するリアルタイム処理やAjax	などを実装し、機能の幅を大きく広げます。

JavaScript

もともとWebサイト制作を生業にフリーランスエンジニアとして活動していたため大変自信があります。特に、UI/UXが好きなため、CSSを活用してデザインを実現する技術に関しては誰にも負けません。最近ではReactを用いたWebアプリ開発を行うことが多く、その開発でTailwind CSSやMUIといったUIライブラリを活用します。CSSの知見を最大限活かした開発を行うことができます。

思い描いたデザインを表現できる部分が好きです

心理的安全性診断ツール

美女率名古屋No.1のレンタル彼女サイト

WordPress

保守契約で長期的に機能追加やバグフィックスも行いました。 WordPressで制作しました。モバイルユーザーをメインターゲットとして構成されておりますので、ご覧になる際はぜひスマートフォンをご使用ください。

HTML

このスキルを使っているWorks

文字数カウントツール

心理的安全性診断ツール

レンカノPRINCESS