TOOLS

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

プログラミング言語

HTML

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

CSS

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

SASS

普通のCSSよりも効率よく、整理してスタイルを管理できるので、複雑なデザインも間違いなく作りやすくなります。
簡単に言えば、料理でいう「下ごしらえ」や「レシピの工夫」のようなもので、よりスムーズにCSSを書くための助け役です。

JavaScript

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

jQuery

JavaScriptをもっと簡単に使えるようにした「便利なツール(ライブラリ)」です。
複雑な操作や動きを、短いコードで簡単に書けるようにしてくれるので、ウェブサイトの開発をスピードアップします。 難しいJavaScriptの作業をわかりやすく楽にしてくれる「お助けソフト」と思ってもらえればOKです。

Laravel

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

ウェブサイト構築ツール

WordPress

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

STUDIO

コードを書かずにウェブサイトをデザイン・制作できる「ノーコードツール」です。
ドラッグ&ドロップで直感的に操作でき、デザインから公開まで一気にできるため、専門知識がなくてもキレイなサイトが簡単に作れます。 つまり、プログラミングなしで「自分だけのホームページを手軽に作れるサービス」です。

デザインツール

Photoshop

画像編集やデザインを行うためのソフトウェアです。
写真の色調補正や切り抜き、イラストの作成など、多彩な機能を使ってウェブサイトの素材や広告デザインを作るのに広く使われています。 簡単に言えば、写真や画像をキレイにしたり加工したりする「デジタルの魔法道具」です。

Canva

簡単にデザインができるオンラインツールです。
用意されたテンプレートや素材を使って、ポスターやSNS画像、チラシなどを手軽に作成できます。専門知識がなくても直感的に操作できるので、短時間でキレイなデザインができる「デザインの時短アイテム」です。

Figma

ウェブ上で使えるデザインツールで、チームでの共同作業にとても便利です。
画面のデザインやUI(ユーザーインターフェース)を作成しながら、リアルタイムで編集やフィードバックができるので、離れた場所にいるメンバーともスムーズに協力できます。 つまり、「みんなで同時にデザインを作り上げられるオンラインのデザインノート」のようなものです。