読者です 読者をやめる 読者になる 読者になる

個人的自由ノート

ふと自分が気になった事を書いてます

JavaScriptで問題を解く

簡単にNodeJSを使って解いてみてます。まだ始めの方で載せるほどのものではありませんが(散々今まで載せている)、こんな感じです。 'use strict'; process.stdout.write("初めてのJavaプログラム。"); console.log("画面に出力しています。"); 'use strict…

初めてのJavaScript 途中まで読んだ感想

凄く細かく書いてあって、経験者でないと辛いですね。自分は面白く読んでいってます。少し考えることもあるのがネックですが。 $(document).ready(function() { 'use strict'; console.log('main.js を読み込み中...'); paper.install(window); // paperの準…

最近のJavaScript

「初めてのJavaScript」を読んでいて、最近のJSってこんな感じなんだと思いました。 $(document).ready(function() { 'use strict'; paper.install(window); paper.setup(document.getElementById('mainCanvas')); /* ここで描画する */ // #@@range_begin(l…

オライリーの本を読んでいる

オライリーの参考書を読み始めました。黙読で。まずは先に届いた「初めてのJavaScript」という本を読んでみてます。 初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発作者: Ethan Brown,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: …

プログラミング言語の本まとめ

追記 学習する順番を並び替えました。また手を加えるかもしれませんけど。試行錯誤ですね。 なんとなく気になったのでまとめておきますね。ここに載せているのは一例ですので、この通りにすれば誰でも出来るというわけでは無いと思いますが、個人的にはこれ…

CoffeeScriptを初めて使った

参考書を読んでいると動作が分かりにくいプログラムがあったので、実際にプログラムを書いて試していました。それにしてもすっきりしたプログラムがかけるものですね。学習コストもそこまで高くは無いですが、初めて見るとちょっと違和感がありますね。基本…

Node.js PhantomJSとCasperJSを使ってみる

PhantomJSはコマンドラインで使えるウェブブラウザ、CasperJSはPhantomJSを楽に扱えるようにしたライブラリ、といった感じのようです。そのままでは動かないプログラムもあったので修正しておきました。 var casper = require('casper').create(); casper.st…

Node.js 定期的にダウンロードする

ここではCron(クーロン)というタスクスケジューラを使ってプログラムを動かします。スケジューラを使うと、定期的にウェブから情報を拾ってくるといった用途に使えます。 var API = "http://api.aoikujira.com/kawase/get.php?code=USD&format=json"; …

Yahoo天気予報から天気情報を取得する

Node.jsでxml2jsとcheerio-httpcliを使ったプログラムです。 xml2jsを使ったプログラム var RSS = "http://rss.weather.yahoo.co.jp/rss/days/4410.xml"; var parseString = require('xml2js').parseString; var request = require('request'); request(RSS,…

Node.jsでウェブサイトを巡回してダウンロードする

指定したURLからリンクされている全てのウェブサイトをダウンロードするスクリプトです。 var client = require('cheerio-httpcli'); var request = require('request'); var URL = require('url'); var fs = require('fs'); var path = require('path'); va…

Node.jsでスクレイピング

ウェブサイトをダウンロードするスクリプトです。リダイレクトさせることは出来ませんが、一応これで出来るということで。また次回記載するかもしれません。 function download(url, savepath, callback){ var http = require('http'); var fs = require('fs…

RPGツクールMVをやってみた

SteamでRPG Maker MV(日本語名:RPGツクールMV)を買いました。サマーセールで半額です。バージョンの違うRPG Maker VX Aceなんてのも買ってみましたが、まだプレイしてません。こちらはRGSS(Ruby)が使えるようですね。MVはJavaScriptです。 RPGツクールは昔…

JavaScript スライドショーの作成

JavaScriptのような言語だとスライドショーが簡単に作成出来ます。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>例題3-6</title> </head> <body> <img src="./neko.png" name="image"><br> <input type="button" value="スタート" onclick="start();"> <script> var i = 1; function start(){ setInterval("s…</body></html>

JavaScript サブウィンドウを出す

問題集制覇。次はVBAですかね…。画像が用意出来ない課題もあったので抜かしました。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>例題3-4</title> </head> <body> <h1>猫の画像!</h1> <a href=JavaScript:sub_win("./gazo.html")><img src="./neko.png" align="center"> <p>猫の画像をクリックしてください。</p> </a> <script> function…</body></html>

JavaScript 画像をスワップ、マウスオーバー処理等々

こんな感じです。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>例題3-3</title> </head> <body> <h1>画像が2段階で変化します。カーソルを載せてからクリックしてください。</h1> <img src="./hana.jpg" onmouseover="this.src='./neko.png'" onclick="this.src='./bakuhatsu.jpg'" onmouseout="this.src='./hana.jpg'">…</body></html>

JavaScript eラーニング風味のウェブアプリ。ラスト。

ちょっと本格的な感じです。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>配列を使用した2択問題</title> </head> <body> <h1>情報に関する問題10問 あなたはSクラスのスペシャリストか? 凡人か? 試してみませんか?</h1> <p>正誤に答えてください。</p> <p>正しければ「OK」を、間違っていれば「キャンセル」をクリックしてください。</p> <form> </form></body></html>

JavaScript 繰り返し文を使ったelearning風味のウェブアプリ

先ほどとあまり大差ないのですが、一応投稿。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>得点記録-for文</title> </head> <body> <h1>足し算練習 -得点記録-</h1> <form name="ADD"> <input type="text" name="A"> + <input type="text" name="B"> = <input type="text" name="C"> </form></body></html>

JavaScript elearning風味のウェブアプリ

もう少しで終わる…とダッシュでやってましたが、ボリュームが結構ありました。 今回、evalを使った練習をしています。色々と評判の悪いメソッドのようですが。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>足し算elearning</title> <script> function execute(){ document.ADD.A.value = Math.floor(Math.random() * </meta></head></html>…

JavaScript prompt文によるパスワード入力

ここまで進んで、もう少しで終わりですね。あっという間…。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>prompt文によるパスワード入力</title> </head> <body> <script> function pass(){ var password = prompt("パスワードを入力してください。"); if(password == "4321") location.href = "./ex-2-2.html"; else alert("パスワ</body></html>…

JavaScript 例によって写真を表に表示する

用意した画像のサイズがバラバラなんですが、一応出来たということで。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>3行3列の表に写真表示</title> </head> <body> <script> document.writeln('<table>'); for(var i = 1; i <= 3; i++){ document.writeln('<tr>'); for(var j = 1; j <= 3; j++){ document.writeln('</tr></table></body></html>

JavaScript if文 Mathクラス

if文とよくゲーム等で利用されるMathクラスです。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>大小判断3分岐</title> </head> <body> <script> var a = Math.floor(Math.random() * 10); var b = Math.floor(Math.random() * 10); if(a > b) document.write("a > bである。a = ", a, " b = ", b); else if…</body></html>

JavaScript function文

※解答の見間違いでした。記事を修正しました。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>function文</title> </head> <body> <script> function sum(a, b, c){ var g = (a + b + c); return "合計" + g + "点"; } document.write("英語、数学、国語の合計点<br>", sum(50,60,70)); </script> </body> </html> 解…

JavaScript 文字の拡大表示

文字の拡大表示と聞いて、JSにそんなメソッドあったっけと思って調べていたのですが、HTMLのfontタグ使うだけでした。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>文字の拡大表示</title> </head> <body> <script> var a = 3; var b = 4; var c = a + b; </script> <font size="7"> <script> document.write( a, " + ", b ," = ", c);…</font></body></html>

JavaScript はじめの一歩

JavaScriptの練習問題です。ちょっと時間がないので、今日はあんまりやれてません。次の投稿ぐらいで飯食べに行ってきます。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>見出しをつけた加算</title> </head> <body> <script> var a = 3; var b = 4; var c = a + b; document.write( a, " + ", b ," = ", c); </script> </body> </html>

JavaScript 数列の四則演算

問題文が長いので省略。 q-2.js var op = ["+", "-", "*", "/", ""]; for(i = 1000; i < 10000; i++){ var c = String(i); for(j = 0; j < op.length; j++){ for(k = 0; k < op.length; k++){ for(l = 0; l < op.length; l++){ val = c.charAt(3) + op[j] + …

Ruby JavaScript 10進数で回文

新しい本の問題をやってみました。 Q:10進数、2進数、8進数のいずれで表現しても回文数となる数のうち、10進数の10以上で最小の値を求めてください。 q-1.rb num = 11 while true if num.to_s == num.to_s.reverse && num.to_s(8) == num.to_s(8).reverse &&…

Bing Search APIを使って画像をかき集める

表題の通り。今回、ウェブ検索機能は省略しました。あらかじめBing Search APIでアカウント登録しないといけません。Microsoftのアカウントを取得して無料プランで登録すれば利用できます。 <html> <head> <title>イメージコレクション</title> <script src="./jquery-1.11.3.min.js"></script> <script src="./image_collection.js"></script> </head></html>

jQueryを使って、モバイル対応のページのフェード処理をさせる。

JavaScriptライブラリのjQueryを使って、モバイルにも対応したフェードイン・フェードアウト処理をさせる。 今回は、sectionタグの領域をフェード処理させる。jQuery独特のコードは理解しづらいが、慣れると問題ない。下記はそのソースコード。 var startup …