msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '10638960a6'
${ noResults }
Web-Dev-For-Beginners/3-terrarium/translations/README.ja.md

1.9 KiB
Raw Blame History

マイテラリウム: JavaScript を使った HTML・CSS・DOM 操作を学ぶプロジェクト 🌵🌱

ちょっとしたドラッグ＆ドロップのコードメディテーション。少しの HTML、JS、CSS で、Web インターフェースを構築し、スタイルを設定し、インタラクションを追加することができます。

my terrarium

レッスン

  1. HTML 入門
  2. CSS 入門
  3. DOM の操作とクロージャ

クレジット

Written with ♥️ by Jen Looper

CSS で作ったテラリウムは、Jakub Mandra のガラス瓶 codepen にインスパイアされています。

アートワークは Jen Looper が Procreate を使って手書きで描いたものです。

テラリウムのデプロイ

Azure Static Web Apps を使ってテラリウムをデプロイしたり、ウェブに公開したりすることができます。

  1. このリポジトリをフォークします

  2. このボタンを押します

Deploy to Azure button

  1. アプリを作成するウィザードに沿って進みます。アプリのルートを /solution またはコードベースのルートに設定してください。このアプリには API はありませんので、追加については心配しないでください。フォークされたレポに .github フォルダが作成され、Azure Static Web Apps のビルドサービスのビルドを支援し、新しい URL にアプリを公開します。