プログラミングスタイル - プログラミング学習サイト

プログラミングの未来を創造する Create programming's future
すべての人にプログラミングを Programming for every one
プログラミングの可能性 The future possibility of programming

HTML

Webコンテンツを
構造化された形式で定義する言語です。

HTMLの記述例

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>ページタイトル</title>
</head>
<body>
  <!-- 大セクション -->
  <h1>大見出し</h1>
  <section>
    <h2>中見出し</h2>
    <!-- 中セクション -->
    <p>本文</p>
    <p>リンクは<a href="http://www.example.com">こちら</a>です</p>
    <img src="sample.png" alt="サンプル画像">
  </section>
</body>
</html>

CSS

Webコンテンツを
デザインするための言語です。

CSSとは？

CSSリファレンス

CSSの記述例

@charset "UTF-8";
html {
  width: 100%;
  height: 100%;
  background:#FFFFFF;
}
/* ツールバー */
#toolbar > ul {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  background: #444444;
}

Android

Gooleが開発したモバイル向けOSです。
開発言語はKotlinもしくはJavaです。

Androidとは？

Androidリファレンス

Androidのコード記述例（Kotlin）

package com.example.sample

import android.app.Activity
import android.os.Bundle
import android.widget.TextView;
import android.graphics.Color;
import android.util.TypedValue

class MainActivity : Activity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    val textView: TextView = findViewById(R.id.text)
    textView.text = "プログラミングスタイル"
    textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 20.0f);
    textView.setTextColor(Color.RED)
  }
}