Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。本来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基本的な技術がどう機能するかを説明します。基本的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la

10月13日、この記事の書いている日です。そうPlayStationVRが発売したその日です。やれ開封だのサマーレッスンだのの前に反響が大きかったこの話題を書いてみたいと思います。 「PSVRにパソコン繋げたら映るの？」実はソニーストアで優先購入できた直後に思っていた事でした。届いてから遊びでやってみればいいと思っていたらやたらとRTされたので急遽一発目のPSVR記事がこれになりました。 本人は至ってバカなツイートをしただけ えっとね、PSVRのユニット側PS4用HDMIにPCを接続したらPSVRでパソコン画面が見れた。 — パセリ型4番艦 電 (@paseri_d) 2016年10月13日 何気ない、この実験結果がやたらと評判でした。ビックリですよ。 本人は「PSVR届いて皆ソフトをプレイしているっていうのに何やってるんだ」なんて思いながらツイートしただけでした。 パソコンと接続できると

2016/08/26 CEDEC 2016

Site will be available soon. Thank you for your patience!

電通の元社員が講演会にて成功事例として語ったゲームのステマ（ステルスマーケティング）作戦が波紋を呼んでいる。「そこまでするのは凄い」と賞賛する気持ちとステマに対する嫌悪感が入り混じり、どう反応していいのか判断が難しい。 倒産寸前のゲーム会社から依頼を受けた電通、ゲーム雑誌でステマを決行することにした。 自作自演でアンケートハガキを出しまくり、狙いのゲームをヨイショする。その数なんと1,000通。ファミマガ1冊が350円なのでアンケートハガキを手に入れるために35万円分も雑誌を購入する計算だ。 ▼ファミマガとはゲーム情報誌の「ファミリーコンピュータMagazine」のこと。当時のゲーマーはこの雑誌で情報収集していた。 ▼まだインターネットという言葉、そしてステマという表現すらなかった時代からステマを決行していた電通社員。けっこう優秀なのかもしれない。 ▼宣伝したのはケムコのホワイトライオン伝

はじめに レイマーチングとはポリゴンではなく、距離関数（distance function）と呼ばれる数式を元にオブジェクトをレンダリングする方法です。ポリゴンを使わないのでモーフィングや複雑な図形もシンプルな数式で記述することが可能で、GPU のコストが高いという欠点もありますが、面白い見た目を簡単に作り出すことが出来ます。 例えばこれらはキューブのポリゴン（12 ポリゴン）を変形させたものです。 Unity で Command Buffer を使って Raymarching をしてみた - 凹みTips Unity でオブジェクトスペースのレイマーチをやってみた - 凹みTips 最近のエントリもレイマーチングの内容を中心に書いてきました。というのもレイマーチングを積極的に使ったゲームを作りたいなー、と思っているからです。しかしながら、オブジェクトの形状ごとにシェーダを作成しなければな

サイトへの集客は、現在、twitter、FacebookといったSNSやリスティング広告など様々な集客方法があります。 SNSにおいての「バズる」という瞬間的かつ爆発的なアクセスも魅力ですが、安定的な集客を目指す場合は、検索エンジンからの流入を増やしていくことが最も重要となります。 この検索エンジンからの流入を増やしていくために運営サイトを検索エンジンに最適化をしていく対策が SEO となりますが、今回は内部施策や外部施策といったチューニングといったお話ではなく、SEOを行う上で最も重要な入り口である「キーワードの選定」となります。 しかし、サイトのテーマは決定しても、何も状態からキーワード選定しようとすると、どこから手を付けていいかわからないと感じるかもしれません。 このキーワードの選定には、ある程度決まった手順があり、この手順に沿って対策を行えばある一定以上のクオリティを担保することが

日々の作業を効率的するためのショートカットを、とくに使えるモノだけ紹介していきます。いきなりショートカット一覧を見せられても、どこから覚えられば良いか分からなくなると思うので、厳選してます。なお、何かしらPCにこだわりがありそうなMacユーザーということでコピー&ペースト等の超基本的なものは外してます。 絶対に覚えたい11個ショートカット まずはこれを覚えましょう。マスターすれば作業スピードが大幅に上がるはずです。 1. 直前の操作を取り消す 大抵のアプリで使用できるショートカットなので覚えておきましょう。また、これにshiftを足した「command + shift + Z」 で「取り消しコマンドを取り消す」ことができます。 2. キーボードだけでアプリを切り替える Command + Tabで今開いているアプリ一覧を横並びで表示します。Tabを何回か押せば、アプリを切り替えることができ

だいず：紫グラ @daizu1977 異文化体験をした。いきなり入ってきた初老男性『○○って会社を教えてくれ（同業）』同業だけど知らないっすよｗ「いやー、知らないですねー、googleで調べると良いデスヨ」『調べても出ないんだよ』見ると検索ワードがめちゃくちゃ。ネット経験浅いと検索すらロクに出来ないのだなぁ・・ 2016-10-01 10:12:55 だいず：紫グラ @daizu1977 ネットで検索する時は文章で聞くのではなく「当たりそうな単語を　スペースで区切っていくつか入力し　候補の中から自分で探す」この基本が出来ていない団塊が多い。当たり前だと思っている検索方法も、ある意味技術なのだなぁとちょっと実感した。知らない人は知らないのだ。 2016-10-01 10:14:47

Webアプリにリアルタイムの双方向通信が必要な場合、WebSocketを選ぶのは自然なことだと思います。では、どのツールでWebSocketサーバを構築すべきでしょうか。パフォーマンスは重要ですが、開発のプロセスも見過ごしてはなりません。パフォーマンスを基準にするだけでなく、開発のしやすさも考慮に入れるべきでしょう。今回の大合戦では、Clojure、C++、Elixir、Go、NodeJS、Rubyのそれぞれの言語によって慣用的な手法で実装されたシンプルなWebSocketサーバを比較したいと思います。 テスト内容 サーバに実装するのは、 echo と broadcast の2つのメッセージのみを扱う非常に単純なプロトコルです。echoは送信クライアントに返され、ブロードキャストは全ての接続クライアントに送信されます。そしてブロードキャストが完了すると、結果メッセージが送信者に返されます。

- はじめに - タイトルが575です。 大学、大学院と進学し、就職して半年が経ちました。 今はコード書いたり研究活動するタイプのエンジニアとして働いています。 最近、大学でも会社でも評価されるのに誰も教えてくれない事があるなと思いました。 それは高専の時教わった「無ければ作る」という考え方です。 これがすごい大事だなあと思っているので、よしなに書いていこうという記事です。 - 無ければ作るとは - 高専に在学して居た頃、プログラミングの先生も電子回路の先生も口を揃えるように言っていました。 「無いものは自分で作ってみなさい」「まずは自分の手を動かしてみなさい」と。 「望んだ物や環境がこの世に無いならば、あなたが作れば良いんです」と。 高専に居た頃は「いや、でもそんなの無理…」とか、よく思ったりしました。 望むものって大体自分の手が届くか届かないか分からない所にあって、多分届かないだろうと

WEBサービスで新しい企画をやります、という時に、エンジニアと非エンジニアの間で起こるのが 非エンジニア「これ、〜ってならないんですけど・・・」 エンジニア「？？　そういう仕様ですけど」 というやりとり。 もちろん、エンジニアだってユーザー目線で考えて最良のものを（納期と相談して）作るべきだし、企画者がどんな要望をもっているのか汲み取ろうと努力するべき。 だけど今日は、「非エンジニアの企画者は、どうやって要望を伝えたらエンジニアが喜ぶのか？」ということを考えてみました。 ほしい機能は「●は▲できる」式に表現する イメージしているものが具体的に「見える」ものを用意する 「参考」にしてほしい場所はどこか、具体的に示す 要望に優先順位をつける 納期はいつか、それはなぜなのか？ まとめ ほしい機能は「●は▲できる」式に表現する よく聞くのが 非エンジニア「ブックマーク機能つけてください」 というよ

プログラミングを学ぶことは簡単なことではありません。それは誰でも知っていることです。 ですが、残念ながら「プログラミングは簡単！」といった文句でビジネスをしようとするマーケターはたくさんいます。彼らのプロダクトを使えば、あるいはそうなるのかもしれませんが。 Hearing the WWDC keynote say coding isn't hard frustrates me. It's extremely hard. You're setting beginners up for huge disappointments. — Tyler McGinnis (@tylermcginnis33) 2016年6月13日 WWDCキーノートで「プログラミングは難しくない」と言っているのは本当に腹が立ちます。ものすごく難しいですから。初心者を騙してがっかりさせるだけです。 誰かがあなたに対してプ

最近北米の自宅と日本の実家に VPN を設けていろいろやれたらいいなーと思い、ルーターを物色したらなかなかすごいヤツを発見したので、買ってみました。 EdgeRouter とは 地元サンノゼのネットワーク機器ベンチャー Ubiquiti Networks のルーター製品群です。このルーターはデータセンター等で使われる Linux 系高機能ソフトウェアルーター Vyatta （Brocade の vRouter の源流）R6.3 をベースにした EgdeOS 搭載のルーター製品ですが、信じられないコストパフォーマンスと、 amazon.com での評価が異常に高いのが特徴です。 ちなみに私が買ったのは最廉価モデルの EdgeRouter X ですが、ハードウェアオフロード有効時でルーティング最大 940 Mbps 、IPsec VPN 最大 200 Mbps 、RIP / BGP / OSP

僕は大学受験を経て、私立の社会学部に入学することになった。大学受験では第１、２志望とことごとく落ちて自信を失いつつあったのだが、 英語を話せるようになれば志望してた大学に入るよりもかっこいいではないか と、単純な動機で英語を学び始めた。 使える英語の勉強法 僕が言った英語ができるとかっこいいというのは、「 使える英語 」を身につけることだった。 TOEICの勉強もそれなりにしたが、それが果たして役に立つものかわからなかったし、何よりその勉強が「使える英語」になるのかと不安だった。 どのように勉強すれば、「使える英語」を身につけることができるのだろう そんな悩みを抱えている人はたくさんいると思うし、実際僕もそうだった。当時の僕はTOEICも４００点くらいしかとれなかったし、それ以上にリスニングが１問もわからないことにショックを受けていた。わからなすぎてテスト中のほとんどを睡眠に費やした。まし