2015年 12月 の投稿一覧

サッカー場をラグビー場に(その1)

来春のHTML5レベル2のパーパー試験に備えて、なかしまぁ師匠のレベル2本やHTML5のゲーム本で JavaScript をコツコツと勉強しております。

今回は実習課題として、ゲーム本に掲載されているサッカー場のソースをもとにしてラグビー場を作ることにしました。

まずはAtom を使ってポチポチっとソースを打ち込んでみます。ところが何度やってもブラウザで読み込んでみると画面が真っ白になるんです。

のっけから挫折して途方にくれましたが、目の前にいい講師がいるじゃありませんか。

それは世事に疎くて、関西の有名な進学校を聞くと、”なぎ” 高と答える現在大学院に通っている愚息です。生意気なことに大学4年のときに情報処理技術者試験の基本情報と応用情報をパスしてるんでプログラムのことは詳しいんです。

おだてて私の打ち込んだソースを見てもらったら、すぐに最初の変数指定のところでその変数(ctx)のあとにドットを打っているところと大文字と小文字のタイプミスを見つけました。

これはいいやと、好物のメロンパンをあげてついでにこの本のソースの余白のところにこの行は何をしているのかのコメントを書き込んでもらいました。

●サッカー場をラグビー場にするには。

  1. センターサークルは削除
  2. センターラインの両脇に10メートルラインを引く
  3. ゴールラインと10メートルラインの間に22メートルラインを引く
  4. ゴールポストを伸ばす

これでばっちりラグビー場が完成(のはず)です。

また困ったら愚息に聞こう♪

ゲームを作りながら楽しく学べるHTML5 CSS JavaScriptプログラミング (NextPublishing)

新品価格
¥1,890から
(2015/11/4 05:29時点)

HTML5プロフェッショナル認定試験レベル2攻略テキスト

新品価格
¥4,104から
(2015/11/4 05:31時点)







これから勉強すること

10月にHTML5レベル1のペーパー試験をクリアーして、HTMLとCSSの概略は理解し、当初の目標の ”スマホで自分のWEBサイトを見れるようにする” はできるようになったと思います。引き続き来年の3月のHTML5レベル2のペーパー試験のお勉強して JavaScript をマスターします。

それ以降の道筋を探るべくネットをググっていたら非常に参考になるサイトを見つけました。プログラミング未経験の非エンジニアが自力でWEBサービスを作るためということで、やるべき10のことと参考サイト・書籍が紹介されています。RUBYやPHP等のプログラミング言語・コマンド操作・GITそしてWEBアプリケーションフレームワークこの先にはまだまだやることがたくさんありますよね。

楽しみだぁ。

tanosimi

まずは、なかしまぁ師匠の本や簡単なゲームを作りながらHTML5を学ぶ本を手元に置いてじっくりと読み込んで自力をつけておきますかネ。

ゲームを作りながら楽しく学べるHTML5 CSS JavaScriptプログラミング (NextPublishing)

新品価格
¥1,890から
(2015/11/4 05:29時点)

HTML5プロフェッショナル認定試験レベル2攻略テキスト

新品価格
¥4,104から
(2015/11/4 05:31時点)






トップページはHTML5の道場なのだ

私のWebサイト(gengen33ドットコム)は、ブログ(gengen33の長年日記)・草ラグビー(gengen33の草ラグビー奮戦記)・サカナ(gengen33の魚河岸情報局)の3本立です。この3つのサイトはWordPress で運営してます。WordPress を使うとお好みのテーマを選んでしまうと簡単に好みのサイトができてしまいますがHTML5のお勉強にはなりませんよね。

そこで gengen33ドットコムのトップページをHTML5のお勉強の場(道場)にしています。ジェネレーターを使いスマホやタブレットなど様々な機器の画面サイズに対応できるレスポンシブルサイトにしてあります。ブログや各サイトの更新情報はPHP工房さんのPKOBO-News01をトップページのHTMLに直接埋め込んでいます。

つい先日、バッテリー交換をしてIPHONEをこのトップページ検証用に使いだしたところスマホでは、更新情報の部分がはみ出てほかの部分が縮んでいることに気がつきました。

12313999_1086163924751599_1022970699851741789_n

Nexus7では横にしても縦でもすんなり表示できていたのでスルーしておりました。PHP のプログラムのCSS の部分を調整すればいいと思いますので当面の課題にしますかね。

来年の3月のレベル2の試験に向けてJavaScript のお勉強をせっせとしておりますが、HTMLとCSS もまだまだ勉強不足です。

gengen33ドットコムのトップページはHTML5の道場なのだぁ!!