日々のメモ帳

プログラミングで学んだ事や趣味でやっている事などを記録しています。

JavaScriptの勉強 演習2(1から任意の数までの合計)

問題. 1からNまでの数値の合計を求めるページを作ってみましょう。 上の問題を考える。「1から(指定の数)までの合計は和」「数字を入力する場所」「合計を計算するボタン」を満たすコードを考えると、まずは以下のようになる。 <html> <head> <meta charset="UTF-8"> <title>1から指定した数までの合計</title></meta></head></html>…

JavaScriptの勉強 演習1(BMI計算機)

問題. 身長と体重を入力値として受け取り、BMIを計算し、その判定結果を表示するページを作ってください。BMIは「体重kg / (身長m)**2」という計算式で求められ、18.5未満の場合には痩せすぎ、25以上は肥満気味、その中間は標準とされています。 上のような…

CanvasとJavaScriptの復習 その0(気温安定して)

codeprep.jp codeprep.jp 外出する用事があったので今日はのんびり勉強してました、というよりは「ひと段落したら次はどうしようか」と悩む暇があるなら手を動かして復習した方がいいですから…… 勉強に使ってた本の2周目(2周目は避けていた演習をやる)をしつ…

Canvasを学ぶ その1(昨日の復習)

昨日やったCODEPREPのこちらのブックの復習。 codeprep.jp ◆JavaScriptでID名からHTML要素を取得する JavaScriptで、ID名からHTML要素を取得する場合、getElementByIdを使用する。 document.getElementById("sample"); // 「sample」というID名の要素を取得 …

Canvasを学ぶ その0(Canvasとは)

意外と量がありましたがメモを書きつつ修了。 codeprep.jp というわけで今日からCanvasに触れ始めました。「今日一気にやって一気にまとめる!」を出来ればよかったですが、量が割と多かった反面英単語としての意味を知っていると「多分こうじゃないかな~」…

JavaScriptの勉強 9日目(関数オブジェクト その2)

◆関数オブジェクトによる配列の操作 配列の要素全てを合計する処理を考えてみましょう。for文を使うと以下のようになります。 var data = [1, 6, 3, 4, 3, 2, 6, 8, 5, 9, 0]; var total = 0; for (var i = 0 ; i < data.length ; i++) { total += v; } 関数…

jQueryに触れてみる その1(イベント編)

codeprep.jp どういう風に勉強しようか悩んでましたが、悩んでいる時間が勿体ないのでとりあえず手を動かそうと思ってCODEPREPをやってました。自分のPCでjQuery使えるようにするのは後日の自分に任せます(遠い目)…… このブックの自分用の復習メモ。 ・イベ…

JavaScriptの勉強 8日目(関数オブジェクト その1)

◆関数はオブジェクト JavaScriptでは「関数は処理手順を定義したオブジェクト(モノ)」として扱われます。オブジェクトなので変数に代入したり、引数として別の関数に渡したりすることができます。関数オブジェクトがほかのオブジェクトや変数と大きく異なる…

JavaScriptの勉強 7日目(イベント その2)

暑い……_(:3 」∠)_ CanvasかjQueryのどちらを先にをやるべきか悩みつつ、JavaScriptを使ったWebページを作ってみようと思うので考え中。少しずつ写経するだけの状態からは抜け出さないといけないと思うので…とりあえずCODEPREPで勉強しようかなと思います。 ◆…

JavaScriptの勉強 6日目(イベント その1)

JavaScriptの大事な分野。勉強に使っている本に色々書いているので「あー、そういうことね理解した(※していない)」を回避するために情けないですが2回に分けます ◆イベント、イベントハンドラ イベントとは何らかの事象の事です。JavaScriptにとってのイベン…

JavaScriptの勉強 5日目(プロトタイプ)

暑い……今回書いたプログラムはGitHubの「シャッフル.html」です。 ◆プロトタイプとは JavaScriptで文字列を作ると、charAt()メソッドを使って該当する場所の文字が取得できます。 var str = "Hello world"; // 文字列オブジェクトを作成 var c0 = str.charAt…

JavaScriptの勉強 4日目(オブジェクト その3)

Document Object Modelの話は図の用意に時間かかりそうなので省略。書いたコードはGitHubの「オブジェクト3.html ~ オブジェクト6.html」です。 ◆Dateオブジェクト 日付や時刻を扱うためのオブジェクトです。▼Dateオブジェクトの主なメソッド メソッド 説明 …

JavaScriptの勉強 4日目(オブジェクト その2)

昨日の続き。 ◆JavaScriptからHTMLを操作する ▼ document.getElementById()の正体 HTML文章をブラウザで実行すると、ブラウザはHTML文章全体を示すオブジェクトを作成し、そのオブジェクトへの参照を広域変数documentに格納します。これはHTMLブラウザの約束…

JavaScriptの勉強 3日目(オブジェクト その1)

◆オブジェクト、プロパティ、メソッド、インターフェース ・オブジェクト 「もの」。見るもの、触るもの、全てがオブジェクト。 ・プロパティ 色、大きさ、重さ、機能といったオブジェクトの個々の特徴。 ・メソッド オブジェクトに対して働きかける個々の操…

デベロッパーツールを使ってみた話

という訳で使ってみました。 書いたコードはGitHubに置いてある「摂氏華氏.html」です。 使ってみた時の画像は上のような状態。まだまだ使い慣れてはいませんがこの時点で使い慣れると便利そうだな、と思えるので特にエラーが出た時は積極的に使ってみようと…

JavaScript 2日目(配列と関数)

最近急に寒くなったせいか体調が若干怪しいので、今日はゆっくりしていました。本当はデベロッパーツールを使ってみる所までやりたかったですが、体調悪化して何もできないのが一番良くないので我慢。 ◆配列 同じ種類の物がたくさんある場合、それらを順番に…

JavaScript 1日目

PHPが自分がやりたい範囲ではひと段落したので、(放置していた)JavaScriptの勉強を再開。CODEPREPの方である程度は勉強しているので、PHPよりは早いペースでやろうと思います。1周目は写経しつつ、PHPの時みたいにダラダラしないように進めて2周目は演習しよ…

PHPの勉強8日目(復習と次にやる予定) 

今日は何となく勉強する気になれなかったので、1日目~6日目にやった内容を復習しつつ「で、結局MySQLとかの勉強する?」と考えていました。 自分は興味が湧くととりあえず触ってみるタイプなので、寝て起きたらやってくる9日目には普通にSQLの勉強をしてい…

PHPの勉強 7日目

もう「梅雨入り」という言葉を見ることになるとは思いませんでした。 ◆405エラーについて調べてみた話 勉強に使用していたサイトが、順番通りだとデーターベース関係の話になったのでどうしようか悩んでいました。というのは、PHPの勉強をきちんとやろうと思…

PHPの勉強 6日目

ついに連休が終わってしまう……グ〇ブルをたくさんしたり、PHPの勉強をしたりと何だかんだで充実してました ◆セッション セッションとはサーバーとクライアントとの一連のやりとりのことです。 どのユーザーがアクセスしてきているのか、あるいはこれまでにど…

PHPの勉強 5日目

◆HTTP関数とクッキー HTTP関数のうちの「クッキー」について解説します。 クッキーとはサーバーにアクセスしてきたブラウザに対し、その情報等を一時的に保存しておく仕組みのことです。 ブラウザがいつ訪問したのか、何回目の訪問なのかなどの情報を保存し…

PHPの勉強 4日目

github.com GitHubの方に勉強途中に書いたコードを残す用のリポジトリを作っています。 ◆入力フォームと出力フォーム 入力フォームの方は。自分が再確認する必要があったのはcolspan属性ぐらいでした。 参考。 programming-study.com 出力フォームはスーパー…

PHPの勉強 3日目

◆条件分岐「if」「else」 「if」は「もし~だったら」という条件が当てはまれば「if」以下の処理を行うものです。 「if」で条件判定をし、条件に合わなければ次は「else if」で条件判定を行い、さらに合わなければ 「else if」で繰り返し最後にどの条件にも…

PHPの勉強 2日目

どれだけ基礎的な部分に感じようとも適当にせず気長に。 ◆変数 変数とは、値を入れておくための箱のようなものです。「=」は数学の等しいという意味ではなく、「y=x+10」だとxに10を足してyに代入するという意味になります。 変数の名前はxやyだけでなく好…

PHPの勉強 1日目

プログラミングの勉強を始めてそろそろ4か月目になり、5月にもなったのでいい加減避けていたPHPの勉強をきちんとしようと思います。 ◆PHPとは? PHPとはHypertext Preprocessorの略でWEBページを記述することに特化したサーバーサイドスクリプト言語です。簡…

初のWebサイトを公開しました

GitHubを使って柑子ラボを公開しました。Webページ作成する時、別のデザインも考えていましたが色々悩んだ結果シンプルなシングルカラムページに落ち着きました。ただ、ここに追加する予定をしているWebページではもう少し工夫できるように頑張りたいですね。…