私が実務でよく使っているスキルとサイト制作ツールを紹介します。
SEO対策を考慮したコーディングはもちろん、WordPressサイトの構築・カスタマイズや、ユーザビリティを考慮したデザイン調整など、Webサイトに関する幅広いサポートを行っています。
また、ブログ運営で培ったノウハウを活かしたWebライティングやコンテンツマーケティングも得意としています。お客様の「やりたいこと」を形にし、ビジネスの成長を手助けすることが信念です。
Programmingプログラミング言語
HTML5
HTMLを使って、Webサイトの構造を設計し、ユーザビリティとSEOに配慮したコードを書くことが得意です。お客様のニーズに合わせた柔軟な対応が可能です。
CSS3
普段は、スタイリングやレイアウトのコーディングにSCSSを使用しています。アニメーションの実装に強みがあり、視覚的に魅力的で動きのあるデザインを実装します。
JavaScript
JavaScriptを駆使し、jQueryやVue、Next.jsなどのフレームワークを活用して、インタラクティブで動的なWebサイトを構築します。
PHP
PHPを使用し、お問い合わせフォームやWordPressの検索・更新機能など、柔軟にカスタマイズします。お客様のニーズに合わせた機能追加や最適化が可能です。
Toolサイト制作ツール
Visual Studio Code
サイト構築時に使用するエディタ。拡張機能を活用し、開発環境を最適化して、コーディングの効率を高めています。
Figma
サイト構築時のデザイン作成や、サムネイル、バナー、図形の作成に活用しています。直感的な操作で効率的にビジュアルを制作し、クオリティを高めています。
Photoshop・Illustrator
コーディング時の画像書き出しや編集に使用します。デザインの微調整や最適化を行い、Webサイトに最適なビジュアルを作成します。
Canva・Adobe Express
ブログ用の画像作成に活用しています。手軽にデザインができ、視覚的に魅力あるコンテンツを作成するためのツールとして活用しています。
ChatGPT・Adobe Firefly
ブログや当サイトの文章、画像生成、ビジネスのアイデア出しに活用しています。効率的なコンテンツ作成やクリエイティブな発想を支援するAIツールとして役立てています。
Otherその他
- CSS設計(BEM・FLOCSS)
- SEO対策(構造化マークアップ・内部設計・表示速度改善)
- バージョン管理(Git・Subversion)
- データベース言語(SQL)
- Webライティング
- CMSサイトの構築(WP・MT)
- ヘッドレスCMS(microCMS)
- バナーやサムネイル画像の作成