ABOUT
制作と更新の両方を行っています
HTML・CSS・JavaScriptを使ったWeb制作を中心に、
公開後の更新、表示確認、SEO設定、画像制作まで行っています。
不具合が出た際は、原因を確認しながら一つずつ修正する進め方をしています。
PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION
PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION
PRODUCTION
公開中のWebサイト・制作物
個人で制作・運営しているサイトと、学習過程で制作した作品を掲載しています。
左右のプレビューは実際のサイトを読み込んでいるため、そのまま操作できます。
PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION
PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION PRODUCTION
SKILLS
制作・更新に使用している技術とツール
Web制作、画像編集、動画編集、文章やコードの確認に使用しているものを掲載しています。
CERTIFICATIONS
TOOLS / EXPERIENCE
Premiere Pro
VS Code
WordPress
Microsoft 365
ChatGpt
Gemini
AI-ASSISTED
生成AIを利用した実装範囲
HTML・CSSによるレイアウト制作とデザイン調整は、自身で行っています。
- HTML / CSS
- レイアウト制作、レスポンシブ調整、装飾、表示確認を自身で行っています。
- JavaScript
- 必要な動作を整理し、生成AIで作成したコードをサイトへ組み込み、 ブラウザ上での動作確認を行っています。
- PHP
- フォーム、ログイン、メール送信などに必要なコードを生成AIで作成し、 サーバーへの配置と動作確認を行っています。
- 本人の担当
- 必要な機能の整理、コードの配置、ファイル管理、動作確認、 エラー内容の確認、再生成の指示、サーバー公開を担当しています。
JavaScript・PHPは、単独で一から記述できるスキルとしてではなく、 生成AIを利用した実装経験として掲載しています。
DESIGN WORKS
サムネイル・バナー制作
YouTube動画・ライブ配信向けに制作した画像です。
小さい画面でも文字と内容が伝わることを意識しています。
動画用サムネイル
配信用サムネイル
配信用サムネイル
V配信用サムネイル
V企画用サムネイル
料理系サムネイル
実写企画用サムネイル
バナー制作
CONTACT
Web制作・サイト更新・その他制作に関するご連絡は、
以下のページからお願いいたします。