Mae向きなブログ

Mae向きな情報発信を続けていきたいと思います。

JavaScript

Google Apps Script目的別リファレンス

今後、Google Apps Script(GAS)を知っていると、どんどん仕事が効率化できそうですね。全体をざっと斜め読みしたので、あとは辞書的に使うと便利だと思います。 Google Apps Script目的別リファレンス 実践サンプルコード付き 第2版作者:清水亮,枡田健吾,近…

数学ガールの秘密ノート/ビットとバイナリー(2)

『数学ガールの秘密ノート/ビットとバイナリー』の「第4章 フリップ・トリップ」で紹介されているフリップ・トリップ4を作ってみました。まだ完成とは言えませんが、早めに公開して少しずつ改善していきたいと思います。 フリップ・トリップ4 数学ガールの秘…

平成28年度秋季応用情報午後問3

平成28年度秋季 応用情報技術者試験(AP)の午後問題3は、 魔法陣 でした。 問題 : 2016h28a_ap_pm_qs.pdf プログラム例 magic_square/index.html at master · maehrm/magic_square 実行 魔法陣(奇数) ← こちらで実行できます。 関連 魔法陣をJavaScriptで - M…

平成28年度春季応用情報午後問3

平成28年度春季 応用情報技術者試験(AP)の午後問題3は、 ライフゲーム(Life Game) でした。 問題 : 2016h28h_ap_pm_qs.pdf プログラム例 lifegame/index.html at master · maehrm/lifegame 実行(↓) Life Game 参考 Processing.js 以前の取り組み ライフゲー…

平成24年度秋季応用情報午後問2

平成24年度秋季 応用情報技術者試験(AP)の午後問題8は、 Nクイーン問題 でした。 問題 : 2012h24a_ap_pm_qs.pdf プログラム例(eight_queen.html) 実行結果 色付きのセルは、一度でもクイーンを置いたところです。すなわちバックトラックが発生したセルを表し…

魔法陣をJavaScriptで

今週、C言語の2次元配列を扱う授業の中で、魔法陣に取り組んでみたのですが、興味関心を引くためにJavaScriptで作ってみました。 魔法陣のアルゴリズム 1. 1行目の中央に1を入れる。 2. 2からn*n(n:奇数)まで以下を繰り返す。 2-1. 右斜め上に進む。このとき…

Sinatra+ActiveRecordでBBSを作ってみる

「Sinatra 入門 - Qiita」は、Sinatra, ActiveRecordの初歩について学ぶのに非常に分かりやすくまとめられていると思います。概要を学ぶのに参考になったのですが、 11掲示板アプリを作ってみよう 以降、そのままだとコメントの削除機能など、動作しない部分…

ライフゲーム

「Rubyでライフゲームを作ってみる」を見ると楽しそうでしたので、enchant.jsの練習を兼ねて作ってみました。 JavaScript, enchant.jsともあまり得意ではないので、まずいところがあると思います。こんな風に書いた方がいいなど、アドバイスがありましたら、…

もぐらたたきゲーム

授業で、enchant.jsを取り扱ってます。『HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】』の5章で、もぐらたたきゲームが紹介されているのですが、C言語を学んできた生徒にとってクラスの継承の概念は難しい…

ゼロからはじめるenchant.js入門

HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】作者: 布留川英一,伏見遼平,田中諒出版社/メーカー: アスキー・メディアワークス発売日: 2012/02/18メディア: 大型本購入: 12人 クリック: 246回この商品を含む…

最近の有感地震

気象庁では,「最近の震度1以上を観測した地震」で,震源の緯度,経度の情報を発信しています。このページを見ると震度1以上の地震が結構起こっているのは分かるのですが,日本のどの辺りで地震が起こっているのか,よく分かりません。そこで,Google マップ…

jQueryデザイン入門

『Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)』を読みました。たくさんのサンプルが掲載されているので,最初のうちは,CSSもjQueryも分からなかったのですが,読みすすめていくうちに次第に分かっていくような感じがしました。 軽く目を通…

HTML5のCanvasを使って

HTML5.JPで,Canvasについて説明がありましたので,これを使って,ブラウザの速度計測を行ってみました。 環境は, Mac OS X 10.6.3 2.4GHz Intel Core 2 Duo 2GB 667MHz DDR2 SDRAM で,計測に使ったHTMLファイルは, http://www.geocities.jp/maehrm/html5…

RMagick

6/19にも書いたのですが、仕事で、Highslide JSを使おうと思っています。具体的には、 http://highslide.com/examples/gallery-in-page.html をベースにしたいと思っています。 そうなると、大きな画像から小さな画像ファイルを作る必要があります。この小さ…

etch->lenny

ブラウザ上で写真のスライドショーのようなものを作るようにと頼まれたので,どんな感じで作ろうかと調べたのですが,いろいろなJavascriptライブラリがあるみたいです。その中から,Highslide JSが良さそうなので使ってみようと思います。 この仕事を頼まれ…

Array.prototype.cloneの疑問点

「Firebugで探索アルゴリズムを見ていこう」を見ていて疑問に思ったことがあります。下記のように配列のコピーを行っているのですが…。 //clone:ディープコピー Array.prototype.clone = function() { function f() {} f.prototype = Object(this); return …