DESIGN / CODE / INFRA / AI

ONE STEP, ONE DISCOVERY

こよりと、はじめの一歩。

どこから読もう?と思ったら、ゴールから選んでみてね。コースは無料。記事と作例を、自分のペースで読み進められるよ。

Web制作 / 7ステップ

はじめてのHTMLとWeb制作

内容・見た目・動きの役割から、読みやすく操作できるページまで。小さな作例を触りながら学ぼう。

このコースでできること

見出し・リンク・フォームの役割を説明し、小さなページを試せる。

順番を見てみる ↗
Web制作 / 6ステップ

CSSの見た目とレイアウト入門

指定の当て方から、箱の幅、文字、動きの配慮まで。一度に全部変えず、一つずつ比較しよう。

このコースでできること

スタイルを当て、幅や文字サイズが変わる理由を作例で確かめられる。

順番を見てみる ↗
サーバー / 7ステップ

公開とサーバーのしくみ

URL・DNS・HTTPSの関係を理解してから、公開先や運用を考えよう。いきなり本番設定を変えない基礎コース。

このコースでできること

URL、名前解決、HTTPS、バックアップの役割を分けて確認できる。

順番を見てみる ↗
AI / 6ステップ

AIを使い、答えを確かめる

頼み方と確認のしかたをセットで学ぶ。文章・数字・出典を、AI任せにせず扱うための入口です。

このコースでできること

目的と条件を伝え、出力の事実・数値・出典を確認できる。

順番を見てみる ↗
デザイン / 6ステップ

伝わるデザインの基礎

余白・配色・画像の選び方を、見た目の好みだけで決めないために。画面と印刷の違いも整理しよう。

このコースでできること

読みやすさと用途を基準に、余白・色・画像形式を選べる。

順番を見てみる ↗

ニュースを時系列で追いたいときは新着記事、言葉から探したいときは記事検索へ。