WEB制作スキルを習得し、
あなたのキャリアを加速させよう。
Coding Labは、実践的なカリキュラムを通じて、
未経験からプロのWEB制作者を目指せるオンラインスクールです。
HTML, CSS, JavaScriptの基礎から、Flexbox, Sass, レスポンシブデザイン、
アニメーションまで、WEB制作に必要なスキルを網羅的に学習できます。
Café Saisons
移ろう季節を味わうカフェ
目を惹くカフェサイトで、あなたのスキルを証明する
この魅力的なカフェサイトは、単なるデザインの美しさだけではありません。
受講することで習得できる、実用的なWEB制作スキルが凝縮されています。
具体的には、以下の高度な技術を駆使して構築されています。
- Webフォント（第6回 画像形式の使い分けとWebフォント）
デザインの自由度を高め、サイトに洗練された印象を与えます。 - Swiperスライダー（第8回 実践！よく使うWebコンポーネント実装）
ユーザー体験を向上させる、動きのあるコンテンツ表現をマスターします。 - アニメーション（第9回 高度なアニメーションと演出）
訪問者の記憶に残る、インタラクティブでダイナミックな表現力を身につけます。
これらの技術は、一度習得すればあらゆるWEBサイトに応用可能。あなたのアイデア次第で、他とは一線を画すサイトを制作し、見る人を惹きつける表現力を手に入れることができるでしょう。
四季と伝統を旅する
How amazing Japan!!
あなたの街の魅力を世界に発信
この架空の観光サイトは、受講後にあなたが作成できるようになるウェブサイトの一例です。美しく、情報が整理され、かつ訪問者にとって使いやすいサイトを構築するために、以下のスキルが活用されています。
- HTMLの基礎と構造化（第1回 WEB制作の全体像とHTMLの基礎）
サイト全体の骨格と、観光地情報、写真ギャラリーなどのコンテンツをセマンティックに配置する基礎を学びます。 - CSSの基本とスタイリング（第2回 CSSの基本とスタイリングのルール）
ブランドイメージに合わせた配色、美しいタイポグラフィ、そして洗練されたレイアウトデザインを実装する力を養います。 - Flexboxで作る自由自在なレイアウト（第3回 Flexboxで作る自由自在なレイアウト）
写真ギャラリーや観光情報の一覧、あるいは複数の情報ブロックを、PC・スマホ問わず美しく、かつ柔軟に配置する技術を習得します。 - レスポンシブデザインの極意（第4回 レスポンシブデザインの極意）
PC、タブレット、スマートフォン、どのデバイスからアクセスしても情報が見やすく、快適に操作できるサイトを設計・実装します。 - Sass（SCSS）でコーディングを高速化（第5回 Sass（SCSS）でコーディングを高速化する）
多数のページや複雑なデザインを持つ観光サイトのスタイルを、効率的に記述し、将来的な更新やメンテナンスを容易にする管理手法を学びます。 - JavaScript/jQuery 基礎：動きの仕組み（第7回 JavaScript/jQuery 基礎：動きの仕組み）
簡易的なイメージスライダー、アコーディオンメニュー、スムーズスクロールなど、訪問者の視線を引きつけ、ユーザー体験を向上させるインタラクティブな要素の実装方法を学びます。
これらのスキルを組み合わせることで、単なる情報提供に留まらない、感動を伝える観光サイトをあなたの手で作り上げることが可能になります。