LDD'12/Summer in KITAMI Opening Slide

LDD’12/Summer in KITAMI
オープニングセッション

ソフトウェアってどうやってできてるの？
プログラムってなーに？

IT勉強会に参加したい！
でもIT勉強会がない．IT勉強会が遠い．

北見と IT

作ったみたけど．．．いまいち

IT勉強会に参加したい！
でもIT勉強会がない．IT勉強会が遠い．

北見と IT
そもそもIT技術が楽しいって
みんな知らない人んじゃない？
作ったみたけど．．．いまいち

LDD’12/Summer in KITAMI

Shall We GEEK?
オホテクが
なかまになってほしそうに
こっちをみている

アイアム
デベロ
ッパー

アア
イム

ビギナー

みたいなものを
自らで作れることを知って欲しい！

そもそもこいつらって
何でできてるの？

ある規則に沿って
文字をひたすら並べて
できているんだ！

そもそもこいつらって何でできている？
決められた文字？
並べて？
ある規則に沿って
文字をひたすら並べて
できているんだ！
そう！
試しに
ウェブサイトの中身を
覗いてみよう！

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

HTML <title>LDD'12/Summer in KITAMI</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/arrange.css" rel="stylesheet">

文書を記述する専用の形式 </head>
<body>
<div class="navbar navbar-ﬁxed-top">
<div class="navbar-inner">
<div class="container">

body {
padding-top: 60px;

CSS }
h2 {
background: -webkit-gradient( linear, left top, left bottom, from(

レイアウトを指定する専用の形式 background: -moz-linear-gradient( top, rgba(3, 166, 166, 0.2), r
background: -o-gradient( top, rgba(3, 166, 166, 0.2), rgba(3, 14
background: top, rgba(3, 166, 166, 0.2), rgba(3, 140, 140, 0.25
border-bottom: 1px solid #a9a9a9;

Image
画像ファイル

<!DOCTYPE html>
<html>
<head>
<title>LDD'12/Summer in KITAMI</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<a class="brand" href="./">LDD'12/Summer in KITAMI</a>
<ul class="nav">
<li><a href="#header">トップ</a></li>
<li><a href="#overview">概要</a></li>
<li><a href="#contents">内容</a></li>
<li><a href="#schedule">タイムテーブル</a></li>
<li><a href="#social">懇親会</a></li>
<li><a href="#apply">参加登録</a></li>

<!DOCTYPE html>
<html>
<head>
<title>LDD'12/Summer in KITAMI</title>
<link href="css/bootstrap.min.css" rel="styleshee
<link href="css/bootstrap-responsive.min.css" re
</head>
<body>
「タグ」という規則
<a class="brand" href="./">LDD'12/Summer in K
<ul class="nav">
<li><a href="#header">トップ</a></li>
<li><a href="#overview">概要</a></li>
<li><a href="#contents">内容</a></li>
<li><a href="#schedule">タイムテーブル</a></li>
<li><a href="#social">懇親会</a></li>
<li><a href="#apply">参加登録</a></li>

簡単なゲーム
じゃんけんを考えてみる

プログラムは基本的に

値の保持条件分岐繰り返し

で制御されている

ゲーム開始

プレイヤの手を入力

CPUの手を決定

勝敗判定

勝ちって表示負けって表示

ゲーム終了

ゲーム開始


CPUの手を決定

時刻が 0, 3, 6, 9秒のとき：グー
勝敗判定
時刻が 1, 4, 7秒のとき：チョキ
時刻が 2, 5, 8秒のとき：パー
とか

ゲーム終了

ゲーム開始


CPUの手を決定

じゃんけん勝敗判定


ゲーム終了

ゲーム開始

じゃんけん

ゲーム終了

ゲーム開始

win = 0: プレイヤの勝ち数を保持

lose = 0: プレイヤの負け数を保持

じゃんけん

win > 2 または lose > 2

ゲーム終了

ゲーム開始

win = 0: プレイヤの勝ち数を保持

lose = 0: プレイヤの負け数を保持値の保持

繰り返しじゃんけん

win > 2 または lose > 2
条件分岐

ゲーム終了

値の保持条件分岐繰り返し

じゃんけんは凄くシンプルなものだけど，
どのプログラムも大元はこの3つの規則を駆使する

でもじゃんけんが作れてもまだ夢は広がらない！

なので

@tututenさんに
もっと
身近で
夢の広がるモノ
を作ってもらおう！

LDD'12/Summer in KITAMI Opening Slide

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a LDD'12/Summer in KITAMI Opening Slide

Semelhante a LDD'12/Summer in KITAMI Opening Slide (20)

Mais de ohotech

Mais de ohotech (7)

Último

Último (12)

LDD'12/Summer in KITAMI Opening Slide