はじめてゲームプログラミングで出てくる用語の日英対訳表
Switch 用ソフトの ナビつき! つくってわかる はじめてゲームプログラミング の各種用語が、英語でどのように訳されているのかが気になったので調べてみました。 プログラミング用語が日本語と英語でどのように違うのか、というのは興味深いですよね。 次のページを参考にはしたけど、どっちにも漏れがあったので、結局、Switch で確認しながらまとめました。 ナビつき！ つくってわかる...
View Articleはじめてゲームプログラミングでゲーム「BREAK THE WAY」を作った
話題からは少し乗り遅れてしまった感はありますが、Switch 用ソフトの ナビつき! つくってわかる はじめてゲームプログラミング で遊んでみたついでに、1つゲームを作ってみました。 #はじめてゲームプログラミング で上スクロールのアスレチックゲームを作ってみた。後半は来た道の破壊ゲームになるよ。G 005 9TG 3PF#GameBuilderGarage #はじプロ...
View ArticleClik here to view.
小学一年生向けの「けいさんカード」アプリを作った話
子どもが小学校に入学して、毎日、ちょっとした宿題が出るわけですが、その中でちょっと手間がかかったのが 計算カードの宿題 でした。 こんな感じの計算カードの中から親が問題を選んで、子どもに答えていってもらう・・・という宿題です。 どこが面倒なのか カードをあらかじめシャッフルしておくと、毎回同じ問題の並び順になってしまいます。...
View ArticleClik here to view.
Go 言語で宇宙旅行風のアニメーション GIF を作った
宇宙旅行風のアニメーション GIF を Golang で生成してみた。完成品はこちら。 ソースコードはこの記事の末尾に掲載しています。以下では使ったライブラリーやテクニックを簡単に説明します。 draw2d を使って描画する Golang の標準ライブラリーだけでは複雑な図形を描画するのは難しいので、draw2d...
View ArticleClik here to view.
Go 言語でアニメーション GIF を作成する
Golang でアニメーション GIF を作る手順を 3 通り紹介します。 フレームごとの画像から生成 ビデオから生成 Go 言語で最初から生成 フレームごとの画像から生成 こんな GIF 画像があったとします (ここ より拝借)。 変換結果はこんな感じ。 生成するためのコードはこんな感じ。 package main import "image" import "image/gif" import...
View Articleはじめてゲームプログラミングで出てくる用語の日英対訳表
Switch 用ソフトの ナビつき! つくってわかる はじめてゲームプログラミング の各種用語が、英語でどのように訳されているのかが気になったので調べてみました。 プログラミング用語が日本語と英語でどのように違うのか、というのは興味深いですよね。 次のページを参考にはしたけど、どっちにも漏れがあったので、結局、Switch で確認しながらまとめました。 ナビつき！ つくってわかる...
View Articleはじめてゲームプログラミングでゲーム「BREAK THE WAY」を作った
話題からは少し乗り遅れてしまった感はありますが、Switch 用ソフトの ナビつき! つくってわかる はじめてゲームプログラミング で遊んでみたついでに、1つゲームを作ってみました。 #はじめてゲームプログラミング で上スクロールのアスレチックゲームを作ってみた。後半は来た道の破壊ゲームになるよ。G 005 9TG 3PF#GameBuilderGarage #はじプロ...
View ArticleClik here to view.
小学一年生向けの「けいさんカード」アプリを作った話
子どもが小学校に入学して、毎日、ちょっとした宿題が出るわけですが、その中でちょっと手間がかかったのが 計算カードの宿題 でした。 こんな感じの計算カードの中から親が問題を選んで、子どもに答えていってもらう・・・という宿題です。 どこが面倒なのか カードをあらかじめシャッフルしておくと、毎回同じ問題の並び順になってしまいます。...
View ArticleClik here to view.
Go 言語で宇宙旅行風のアニメーション GIF を作った
宇宙旅行風のアニメーション GIF を Golang で生成してみました。完成品はこちら。 ソースコードはこの記事の末尾に掲載しています。以下では使ったライブラリーやテクニックを簡単に説明します。 draw2d を使って描画する Golang の標準ライブラリーだけでは複雑な図形を描画するのは難しいので、draw2d...
View ArticleClik here to view.
Go 言語でアニメーション GIF を作成する
Golang でアニメーション GIF を作る手順を 3 通り紹介します。 フレームごとの画像から生成 ビデオから生成 Go 言語で最初から生成 フレームごとの画像から生成 こんな GIF 画像があったとします (ここ より拝借)。 変換結果はこんな感じ。 生成するためのコードはこんな感じ。 package main import "image" import "image/gif" import...
View ArticleClik here to view.
Go 言語でソースコードから画像生成する
Go 言語には画像生成する image パッケージが標準で入っている。imagemagick や GD を導入する必要がないので、気軽に画像を生成できて便利そうだったので試してみた。 ただ、標準ではピクセル単位で色を設定することしかできないので、線を引いたり色を塗ったりするには、何らかのライブラリーに頼る必要がある。...
View ArticleClik here to view.
Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！
クロスプラットフォームでオープンソースな IDE 環境、Visual Studio Code が公開されたので試してみた。 拡張を入れなくても、デフォルトで JavaScript の「自動 Lint」「Grunt、Gulp 連携」「デバッグ」が動いた。なんだかすごく便利そうな予感。 Windows 環境で起動してみたらこんな画面だった。...
View ArticleObject.observe の死 (ECMAScript の提案取り下げ、V8 からも削除予定)
1年前の記事 JavaScript フレームワークがデータバインディングを実現する４通りの手法 では、Object.observe() について次のように説明した。 JavaScript オブジェクトが変更されたときにコールバックを呼んでくれる API データバインディングの実装が簡単になる Google Chrome には実装済み ECMAScript 7 に提案中 提案が通れば MV*...
View ArticleJavaScript フレームワークがデータバインディングを実現する４通りの手法
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式...
View ArticleClik here to view.
Vue.js が data に渡した値を激しく書き換える件について
最近、JavaScript の MV* フレームワークの中で Vue.js が少しずつ注目を浴びてきているようであります。 5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 | 株式会社インフィニットループ技術ブログ Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた -...
View ArticleRuby で HTTPS 接続するときの証明書で悩んだ話
flickr の API が HTTPS のみになるというので、以前作ったスクリプトに手を入れようとしたら無駄に手こずったので、ググって得た知見をメモしておく。 Ruby 1.8 系で証明書を検証しない問題 上記のスクリプトは、さくらのレンタルサーバーにて Ruby で動かしている。 2014 年にどうかという話だけど、Ruby のバージョンは 1.8.7 である・・・。 Net::HTTP で...
View ArticleD3.js で自作クラスにイベント発行機能を追加する
D3.js を使っていると、自作クラスのイベント発行も D3.js を使いたくなる。そんなときには d3.dispatch を使うとよい。 使う側の実装 イメージしやすいように、最初に使う側のコードを示しておく。 var myButton = new MyButton(d3.select("button")); myButton.on("myclick", function(e) {...
View ArticleGit for Windows でレポジトリー上の CR LF を LF に変換する手順
Git for Windows では改行コードが「レポジトリー上は LF」「ワーキング ディレクトリーは CR LF」となるように、git config の core.autocrlf が true となる状態でインストールされる (インストーラーでデフォルトの [Checkout Windows-style, commit Unix-style line endings] を選択した場合)。...
View ArticleClik here to view.
全角半角混在の文章で 1 行に半角何文字分あるか調べる方法
「ソースコードは 1 行あたり 80 文字以内」とか「コミットログは横幅 72 文字以内」とか、文字数に関するルールはいろいろある。 ルールを徹底するには機械的に判定したい。と思って、簡単なスクリプトを書こうとした瞬間、意外と「1 行あたりの文字数」をカウントするのが難しいことに気付いた。 たとえば、「あA」は「全角 1 文字＋半角 1 文字」なので半角 3 文字分としてカウントしたい。...
View ArticleClik here to view.
ConEmu 突っ込んだら Git for Windows の Git Bash がカッコよくなった
Git for Windows の Git Bash の配色がイマイチだなーと思ってググってたら、Console2 だとか ConEmu を使うと楽にできるっぽいことが、Stack Overflow とか英語のブログで見つかった。 そこで、ConEmu を試してみたら色々と幸せになった (Console2 はそのままでは日本語が使えなかった。解決方法はあるらしいけど…)。 左が Git...
View Article
