Javascript

公式サイト：　https://developer.mozilla.org/ja/JavaScript
コンソール出力：　 console.log(i);
コンソール表示(Chrome)：　ctrl+shift+j

■関数定義
 function func1(a,b){
  return (a+b);
}

■配列
var array = [1,2,3];
console.log(array[2]); // 3が表示される

■連想配列

var array2 = { 'year1000':1,'year2000':2,'year3000':3  };

■Javascriptのオブジェクト
 オブジェクト　＝　プロパティ（属性）とメソッド（処理）

 var v =  new String("sample"); //new オブジェクトの種類();
 console.log(v.length); //文字列の長さを表示

一定時間後に何かする
setTimeout(処理の内容 , 処理までの時間をミリセカンドで)

一定周期ごとに何かする
setInterval(処理の内容 , 処理までの時間をミリセカンドで)


// 学習ソースファイル１　☆★☆★☆★☆★☆★☆★☆★


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>JavaScriptの勉強</title>
</head>
<body>
    <h1>JavaScriptの勉強</h1>
    <script>
        // ループ（while）

function sum(a,b){
return (a+b);
}
       

var array = [1,2,3];
var array2 = {'year2000':100,'year2001':200,'year2002':300,};

var obj1 = new String("this is a pen.");
console.log(obj1.substr(2,2));

console.log(obj1.replace("pen","pencil"));

var obj2 = new Array(12,33,44,55);
console.log(obj2.join("|"));
console.log(obj2.reverse());
       
var obj3 = new Date(); // 月:0～11
console.log(obj3.getMonth());


console.log(Math.PI); // プロパティ
var x = 5.332;
console.log(Math.floor(x)); // メソッド
console.log(Math.random(x)); // メソッド

// Browser Object Model(BOM)
// JavaScriptではブラウザのウィンドウ自体もオブジェクトとして扱うことができます
console.log(window.innerHeight);
//window.location.href = "http://google.com";

// Document Object Model (DOM)
// ブラウザ内の文書を操作するためのDOM
console.log(document.width);
document.body.bgColor = 'red';


    </script>
</body>
</html>




// 学習ソースファイル２　☆★☆★☆★☆★☆★☆★☆★
<!DOCTYPE html>
<html lang="ja">
<head>
   
    <title>JavaScriptの勉強</title>
</head>
<body>
    <h1>JavaScriptの勉強</h1>
    <p>僕の名前は<span id="myName">@taguchi</span>です！</p>
    <p>価格: <input type="text" id="price">円</p>
    <p><input type="button" value="クリック！" id="myButton"></p>


    <script>
        // DOM
        var e = document.getElementById('myName');
        e.innerHTML = 'たぐち';
       
        var n = document.getElementById('price');
        n.value = 500;


// イベント処理
        var e = document.getElementById('myButton');
        e.onclick = function () {
            alert("クリックされました！");
        }
       

        // タイマー処理
        // setTimeout: 一定時間後になにかする
        setTimeout(function () {
            console.log("2秒たちました！");
        }, 2000);
       
        // setInterval: 一定周期ごとに何かする
        var i = 0;
        setInterval(function () {
            console.log(i);
            i++;
        }, 1000);
    </script>


</body>
</html>




このブログの人気の投稿

Callback関数を知らん人がまず理解すべきことのまとめ。

未だにへっぽこプログラマーの私が、「Callback関数なにそれ美味しいの？」状態から、 Callback関数、「それはとっかえひっかえされる関数だお(ｷﾘｯ」ってなるまでにとった行動のまとめ。 ちなみに私、C言語とPythonくらいしか喋れませんので、今回はC言語に特化した内容でお送りします。 ※Webから漁ってきた情報から手っ取り早くまとめたものなので間違いもあると思われます。間違った点はゴリゴリ指摘していただけるとマンモスウレピーです。 Callback関数とは？ ■プログラム中で、呼び出し先の関数の実行中に実行されるようにあらかじめ指定しておく関数( IT用語辞典 より引用) 初心者が読んでもわけわかめだと思います。いきなり定義が頭に入る奴なんていません。 これはまだマシな方で Wikipediaの解説 なんてクソイミフです。 アホだと自覚してる私は読む気さえ起きません。 完全理解は無理で、ある程度の理解水準に素早く到達して、 「とりあえず実装できる」状態になりましょう。 その後、徐々に理解を深めていく方が学習は早いです。 ここでは３段階で解説して、「とりあえず実装できる」状態になりましょう。 Callback関数を理解するためには、 １：ポインタの理解、２：関数ポインタの理解、３：callback関数のメリットと実装方法 を学ぶ必要があります。 １：ポインタとは？ C言語入門者を悩ませるポインタです。 まずは軽くポインタって何？ってところから。 ポインタ⇔指す人ってわけで、C言語の入門書では以下の様なコメントが書かれてます。 int *p;    // int型を変数を 指す ポインタ int data; // int型の変数 p = &data; // pはdataを 指す １行目： いつも「指す」って何やねんってなります。 私は、 ポインタはアドレスを格納する変数 だと思ってます。 だからpはアドレスを格納するための変数です。 指すとか意味分かんないからアドレスを格納するただの変数だと思うのです。 ２行目： int data;　って書いた瞬間に、メモリ上でプログラムが使える領域に対し
続きを読む

C言語でBluetoothスタックを叩きたい人のBluetooth開発入門その1

会社ではCでデバドラを書いてる私は、密かにBluetooth関連のお仕事をかっさらおうと画策中。 しかしながらスタックの知識、実装面等おぼつかない部分があるので、 スタンダードなことを勉強していこうと思い下記の本を会社の資料室で借りた。 めっちゃいい感じ。 PythonとかCでBluetoothスタックを叩いて実装の雰囲気を感じ取れる教科書。 入門じゃぁ！と思って意気込んでプロトコルとか読み漁るよりも、 はじめはざっくり雰囲気でよくわかんねぇけど実装は出来る状態に持っていく。 その上で深さ優先探索していってお勉強が完了するイメージですすめるほうが、 技術の習得においては手っ取り早い。 この教科書、Linux前提で話が進むので、 とりあえず私はWindowsをホストコンピュータとして、 Virtualbox上にUbuntu入れてお勉強進めます。 この本に載ってるソースコードでは、 しょっぱなから　#include <bluetooth/bluetooth.h>　やってるんですけど、 usr/include　以下を調べてもヘッダ無いんですよねこれが。 何かインストールしなきゃいけないんだろーと思って調べたところ、 bluezなるものをインストールする必要があるとのことでした。 アプリを実装するためにはヘッダ、バイナリが必要なので、 具体的にはコマンドを実行してヘッダを落としてきましょう。 $ sudo apt-get install libbluetooth-dev # bluezの開発環境をインストール！ あとは ここ のサイトを参考にしてsimplescan.c を書いちゃって、 $ gcc -o simplescan simplescan.c -lbluetooth # bluetoothライブラリをリンクしてコンパイル！ はい、実行できた。 きょうはここまで。
続きを読む

構文エラー : ';' が '型' の前にありません

ずっとC++言語の勉強してたけど，久しぶりにC言語をいじってみた． 構造体周りの復習のためにVisual Studio 2010つかってプログラムを書いたところ， ど忘れしてた箇所があったので記載． こんなプログラム書いた． #include <stdio.h> struct Kozotai{ int num; float height; }; int main(){ struct Kozotai aaa = {10,10.22f}; printf("aaa.num : %d",aaa.num); //出力結果確認用 int tmp; scanf("%d",&tmp); return 0; } そしたら 構文エラー : ';' が '型' の前にありません。 って怒られ続ける． 出力結果確認のためにプログラムを一旦止める処理を加えたくてtmpとか宣言してるんだけど，これがダメらしい． C言語では変数宣言が途中にあるとエラーを吐くんです． てなわけで宣言部を上にもってったらコンパイルエラー消えました．
続きを読む