TOOLS

以下のツールの使用が可能です。

プログラミング言語

HTML

ウェブページの「骨組み」を作る言語です。
文字や画像、リンクなどの配置を決めて、インターネット上で見える内容の基本構造を作ります。建物でいう「柱」や「骨組み」のような役割を果たしているものです。

CSS

文字の色や大きさ、レイアウト、背景などを指定して、ページをきれいに、使いやすくデザインします。
HTMLが建物の骨組みなら、CSSは壁紙やペンキ、家具を選んで飾り付ける役割です。

SASS

普通のCSSよりも効率よく、整理してスタイルを管理できる言語(拡張ツール)です。
複雑なデザインも間違いなく作りやすくなり、料理でいう「下ごしらえ」のように、スムーズにCSSを書くための助け役を果たします。

JavaScript

ウェブページに「動き」や「操作」を加えるためのプログラミング言語です。
ボタンを押したときにメニューが開いたり、写真が切り替わったり、ユーザーの操作に応じて画面が変わる仕組みを作ります。HTMLやCSSが見た目なら、JavaScriptは「動くパーツ」や「便利な機能」を担当しています。

jQuery

JavaScriptをもっと簡単に使えるようにした「便利なツール(ライブラリ)」です。
複雑な操作や動きを短いコードで簡単に書けるようにしてくれるので、ウェブサイトの開発をスピードアップさせます。

Laravel

PHPという言語で作られた、ウェブアプリケーション開発を助ける「便利なフレームワーク」です。
難しい部分をまとめて簡単にし、機能を素早く安全に作れるようにサポートします。家を建てるときの「建築キット」や「設計テンプレート」のような存在です。

ウェブサイト構築ツール

WordPress

専門的な知識がなくても簡単にウェブサイトやブログを作れる「ホームページ作成ツール」です。
管理画面から記事を書いたり写真をアップしたり、デザインを変えたりできるため、多くの企業や個人で使われています。

STUDIO

コードを書かずにウェブサイトをデザイン・制作できる「ノーコードツール」です。
ドラッグ&ドロップで直感的に操作でき、デザインから公開まで一気に完了するため、スピード感のあるサイト制作が可能です。

デザインツール

Photoshop

画像編集やデザインを行うための定番ソフトウェアです。
写真の色調補正や切り抜き、合成、バナー素材の作成など、多彩な機能を使ってWebサイトのビジュアルを高品質に仕上げます。

Canva

直感的にデザインができるオンラインツールです。
豊富なテンプレートや素材を活用し、SNS画像やポスター、アイキャッチなどを短時間でキレイに作成できる「デザインの時短アイテム」です。

Figma

ウェブ上で使えるデザインツールで、画面のデザインやUI(ユーザーインターフェース)の作成に優れています。
リアルタイムで共同編集ができるため、「みんなで同時に作り上げられるオンラインのデザインノート」としてスムーズな制作を可能にします。

生成AI

ChatGPT

対話形式で様々な質問に答えたり、文章作成やアイデア出しをサポートしてくれるAIツールです。
Web制作におけるコンテンツの原案作成やコードのチェック、文章のブラッシュアップなど、作業効率を高める「頼れるアシスタント」として活用しています。

Gemini

Googleが開発した高度なAIツールで、テキストだけでなく画像やデータの解析にも強みを持っています。
最新の情報のリサーチやアイデア出し、複眼的思考でのアドバイス獲得など、幅広く制作業務をサポートしてくれます。

Claude Code

コードの記述やエラー修正(デバッグ)に特化した、開発支援向けのAIツールです。
プログラミングの効率を飛躍的に向上させ、複雑な処理の構築やコードの最適化を正確かつスピーディーに行うためのパートナーとして活用しています。