chen – ページ 5 – Ubiquitous Computing

カーソルの軌跡を線として描き

次のプログラムは、マウスボタンを押している間、カーソルの軌跡を線として描きます。
void draw() { if (mousePressed) { line(pmouseX, pmouseY, mouseX, mouseY); } }

時計

void setup() { size(200, 100); textFont(createFont("x", 15)); // 日本語を表示用。バージョンアップで不要？ // frameRate(10); // 1秒間に10回 draw()実行 } void draw() { int h = hour(); int m = minute(); int s = second();


  String time = "時刻："+nf(h, 2)+":"+nf(m, 2)+":"+nf(s, 2);

  // println(time);

textSize(14); // 文字サイズ background(200); // 背景を指定色で塗りつぶす fill(0, 0, 255); // 文字色 RGB text(time, 10, height/2); }

WEBで簡単にPROCESSING！

タイトルは「WEBで簡単にPROCESSING！」ですが、

「WordPressでで簡単にPROCESSING！」になります。

WordPressに（マルチサイトは動かないらしい！）プラグイン “Processing.js for WordPress” をインストールしてください。

それから、記事に、textモードでProcessingのコード書いてください。

<script type="application/processing" data-processing-target="processingcanvas">
//Info: http://processingjs.org/reference
void setup() {
  size(200, 200);
  frameRate(10);
}
void draw() {
  background(#ffffff);
  ellipse(100, 100, random(50), random(50));
}
</script>
<canvas id="processingcanvas"></canvas>

C# exercises (f) Summary

C# 演習前期のまとめ

C#プログラムは「入れ子構造」をしている

ボタンクリックでメッセージボックスに表示完成したコード

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace test1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        // ボタンクリックでメッセージボックスに表示
        private void button1_Click(object sender, EventArgs e)
        {
            MessageBox.Show("Hello world");
        }
    }
}

＊注意：( ” “) ; は全角（漢字）にしてはいけません。全角（漢字）の文章を入れた場合、かならず半角に戻して入力しましょう。

●using

usingキーワードは，プログラムの処理の流れには直接関係ありません。その代わり，プログラム全体にわたってどのライブラリを利用するかを明確にする役割があります。

前回触れたように，C#では基盤にある「 .NET Framework」のライブラリを利用してアプリケーションを作ります。.NET Frameworkでは，ライブラリの各機能を処理内容ごとにツリー状のグループに分類して管理します。ちょうど，パソコンでファイルを管理するときに目的別のフォルダを用意して分類・整理しておくのと似た状態を想像すればいいでしょう。フォルダに相当するグループを .NET Frameworkのライブラリでは「名前空間」と呼びます。

●名前空間（namespace）

usingの次に出てくるnamespaceは，それに続くブロックが所属する名前空間を指定するキーワードです。usingのところで，標準ライブラリがSystem以下の名前空間に属していることを説明しましたが，自分で作るプログラムも必ずどこかの名前空間に所属させます。

●class

classは，C#プログラムを構成する最小単位である「クラス」を定義するキーワードです。必ずnamespaceのブロック内に書かれます。C#プログラムの大部分はこのようなクラス定義の集まりです。

●メソッド（method）

メソッドはクラス内で実行される具体的な処理を一つにまとめて名前を付けたものです。メソッドはクラス定義ブロックの中にいくつでも作れます。メソッドの中でほかのメソッドを呼び出したり，ほかのクラスを利用するといったことも可能です。ただ，Mainという名前のメソッドには特別な役割があります。プログラムを起動したときには自動的にMainメソッドが実行されるのです。

●//（コメント）

この構文だけはほかとは異質で，実はC#プログラムに不可欠な要素ではありません。//と書かれた個所から改行までの部分はプログラムの処理の流れからは一切無視されます。つまり，この//以降を削除してしまってもプログラムは全く同じように動作します。

この一見ムダな行は，プログラム内に動作などをメモしておくプログラマ向けの注釈文です。プログラム内での処理という点では全くムダですが，実際のプログラミングでは読みやすい注釈を記述することがプログラミングの重要なテクニックです。例えば，思った通りにプログラムが動かずにミスを探す場合などは，わかりやすいコメントがついているかどうかでミス発見までの作業の効率が大きく変わってきます。あるいは他人の作ったプログラムや過去に自分が作ったプログラムを見る場合，処理だけが書かれているのと，適切なコメントがあるのとでは理解のしやすさが大きく違います。

期末レポート：

A4　2枚以上、eメールで提出する。

提出先：h.chen@ueno.daiichi-koudai.ac.jp
タイトル：C#期末レポート　（学籍番号）
提出する期限：2016/7/29

C#プログラミング関連名詞の意味を説明する
1. イベントドリブン
2. ツールボックス
3. コントロール
4. イベント
5. メソッド
6. プロパティ
Webプログラミング関連名詞の意味を説明する
1. API
2. REST
3. JSON
4. Open Data
学内Proxyを通して、Webデータ取得する方法を説明する
1. 画面デザイン
2. プログラム
オープンデータを利用したWebアプリの作成
1. オープンデータの好みのどれかを選択
  1. – 郵便番号検索
  2. – 天気予報検索
  3. – その他　「LinkData.org」から探す
2. オープンデータをブラウザで確認
  1. ブラウザ画面
3. C#を使って、オープンデータWebアプリの作成
  1. 画面デザイン
  2. プログラム

参考：

http://linkdata.org/
C# で JSON 形式のデータを取得　（郵便番号の住所を JSON 形式で取得）
郵便番号検索API
C#で天気予報のWeb API(Weather Hacks)を使ってみる～コンソールアプリケーション

C# exercises (e) Open Data

オープンデータを利用したWebアプリ作成

オープンデータとは

オープンデータ（Open Data）とは、特定のデータが、一切の著作権、特許などの制御メカニズムの制限なしで、全ての人が望むように利用・再掲載できるような形で入手できるべきであるというアイデアである。

オープンデータの利用

「LinkData.org」には、誰でも無償で利用でき、商用利用も可能なオープンデータが豊富にまとまっています。
都道府県別で探したり、人気ランキングやキーワードを指定しての検索もできるので、自分が興味のあるデータを探すのも簡単でしょう。

LinkDataのサイト内には、全国の「お城データ」や「道の駅データ」、「避難所データ」、「補助金まとめデータ」、「さくら名所データ」…など、意外とユニークで面白いデータがまとまっているので、うまく利用すれば楽しいWebアプリが作れそうです。

「ダウンロード」の項目下に、「その他の形式のAPIリストを表示」というリンクがあるのでクリックします。

すると、外部APIとしてデータが取得できるURLが一覧表示されます。

そこで「JSON」形式のURLをコピーして、実際にブラウザのアドレスバーに入力してみましょう！

あとは、このデータをC#を使って、自分のWebアプリに組み込めば良い。

グループ課題

オープンデータを利用したWebアプリの作成

オープンデータの選択
1. 郵便番号検索
2. 天気予報検索
3. その他
オープンデータをブラウザで確認
C#を使って、オープンデータWebアプリの作成

投稿者: chen