ともきゃんができることのイメージ画像

Skill

私が実務でよく使っているスキルとサイト制作ツールを紹介します。
SEO対策を考慮したコーディングはもちろん、WordPressサイトの構築・カスタマイズや、ユーザビリティを考慮したデザイン調整など、Webサイトに関する活動を行っています。
また、ブログ運営で培ったノウハウを活かしたWebライティングやコンテンツマーケティングも得意としています。お客様の「やりたいこと」を形にし、ビジネスの成長を手助けすることが信念です。

Programmingプログラミング言語

HTML5

HTML5

セマンティックHTMLを使用してWebサイトの構造を設計し、アクセシビリティとSEOを意識したマークアップを心がけています。また、レスポンシブ対応やパフォーマンス最適化など、モダンな実装にも対応可能です。

CSS3

CSS3

SCSSを使用してスタイリングやレイアウトのコーディングを行います。レスポンシブデザインやアニメーションの実装に強みがあり、視覚的に魅力的で使いやすいデザインを実現します。また、BEM設計を取り入れ、保守性の高いCSSコーディングを心がけています。

JS

JavaScript

JavaScriptを活用し、インタラクティブな機能やアニメーションを実装します。また、Next.jsやVueなどのモダンなフレームワークを使用して、パフォーマンスの高いWebサイトを構築できます。

PHP

PHP

PHPを活用して、WordPressテーマやプラグインのカスタマイズを得意としています。お問い合わせフォームの作成や投稿機能の拡張、データベース連携など、お客様の要望に応じた機能開発が可能です。

Toolサイト制作ツール

Visual Studio Code

Cursor・Visual Studio Code

サイト構築時のメインエディタとして使用しています。AIアシスタントによるコード補完や、豊富な拡張機能を活用することで、開発環境を最適化し、より効率的なコーディングを実現しています。

Figma

Figma

サイト構築時のデザイン作成や、サムネイル、バナー、図形の作成に活用しています。直感的な操作で効率的にビジュアルを制作し、クオリティを高めています。

Photoshop・Illustrator

Photoshop・Illustrator

画像の編集や加工、ロゴやアイコンの作成など、グラフィックデザインに関する作業全般を行います。Webサイトに最適な形式での書き出しや、デザインの微調整を行い、高品質なビジュアルを提供します。

Canva

Canva・Adobe Express

ブログのサムネイル画像やSNS投稿用の画像作成に活用しています。豊富なテンプレートと直感的な操作で、短時間で魅力的なビジュアルを作成しています。

ChatGPT

ChatGPT・Perplexity・Canva AI

ブログや当サイトの文章作成、画像生成、アイデア出しなど、幅広い用途で活用しています。AIの特性を活かして、より質の高いコンテンツ制作や、新しい発想を得るためのツールとして重宝しています。

Otherその他

CSS設計(BEM・FLOCSS)
SEO対策(構造化マークアップ・表示速度改善)
バージョン管理(Git・Subversion)
データベース言語(SQL)
CMSサイトの構築(WP・MT)
ヘッドレスCMS(microCMS)
バナーやサムネイル画像の作成

Blogブログ

「ともきゃんのボイトレ生活」では、ボイトレと話し方のスキルアップに役立つ情報をたっぷりお届け中!
新しい知識や実践からの学びをシェアし、あなたの成長を応援します。
「ブログデザインマニア」では、実務で培ったブログ構築のテクニックとデザインのコツを発信中。
あなたのブログを魅力的にアップデートして、一段上の見せ方を目指しましょう!

PAGE TOP