シャニマスはPWA時代のGoogleMapなのかもしれないという話 - MANA-DOT
※ この記事はポエムです。 先日、 アイドルマスター シャイニーカラーズ がリリースされました。 僕自身はアイマスはちょっとアニメを見る程度で熱心なファンというわけではないのですが、こちらのゲームはゲーム内容だけではなく別の側面でも注目されていると思います。 それは、ブラウザ上で動くゲームであるというところです。ブラウザゲーム自体は古来から存在するものですが、このゲームが挑戦的なのは、「PWAであるブラウザゲーム」であるところであると思います(PWAであるかどうかは後述します)。 少し触ってみて「これは昨今のソーシャルゲーム的ゲームをPWAとしてアプローチしたとても挑戦的なプロダクトだ」と自分の中で盛り上がっているので、なぜ盛り上がっているかを冷めないうちに書いてみようと思います。 シャニマスはPWA？ そもそもPWAとはなんであったか PWA という言葉はGoogleが提唱して以降よく耳
Hubot-slack で絵文字でアニメーションする8パズルゲームができるbotを作った - MANA-DOT
社内のSlackで後輩がSlackの絵文字にでかい絵を分割して登録し、パズルだとか言っていたので、なんとなく作りたくなってしまいHubot上で8パズルが出来るbotを作ってしまいました。 できること 現在の状態を確認 コマンドなしでbotを呼ぶと現在のパズルの状態を表示します。 パズルをシャッフル shuffle でランダムに10手動かします。 パズルを動かす u, d, l, r (それぞれup, down, left, rightに対応)を並べて打ち込むと、そのとおりにパズルを動かします。 絵柄を選んでパズルをリセット reset の後に絵柄(ここではことりちゃん)を指定すると絵柄をリセットしてくれます。 コード 特に解説はしませんが、hubot-slack からアダプタ経由でAPIを呼び、投稿したメッセージを編集することを async.eachSeries で逐次的に呼ぶことでパズル
VIERA(パナソニックのテレビ)をPCから操作する - MANA-DOT
週末同期と遊んでてパナソニックのテレビを操作する方法を調べたり、便利なコードを発見したりしたので、そのメモ。 発端 同期と家でいろいろ話してて、その時PC画面を42型のテレビに映して議論してたのだけど、 ふと僕が｢PCからテレビ操作できねーかなー｣と言ったら、｢同一LAN内のスマホからならアプリで出来るよ｣と言われ、 ということは、同一LAN内のPCから操作できるんじゃね？ってことで、ぐぐったら こんなコードを見つけたり、 同期がiPhoneのパケット記録してくれたりして、 コマンドラインからリモコンと同等の操作ができるようになった(ただし電源を付けれない)。 とりあえずわかったこと パナソニックのVIERA(蒸気アプリが対応しているもの、2011年以降のモデルに対応しているらしい)は電源が入ってると内部でhttpサーバーが動いていて、XMLをcurlで送りつけてやるとXMLの内容によって
JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT
昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvgをhtml中に埋め込んで、更にそのsvgにcssでスタイルを当てたり、JavaScriptでいろいろやったり出来ます。 この時、要素のクリック領域は要素の形そのままなので、昨日のリモコンのような変な形のクリック領域を簡単に作ることが出来ます。 以下の画像の色のついた箇所にマウスを乗せたりクリックをしたりしてみてください。 100km 画像はWikipediaより。 上記の画像は、クリックできる箇所に .svg-area というクラス名と、data-name属性に市町村の文字列が入っており、以下の様なcss/jsによって動作を実現しています。 path.svg-area { cursor: pointer;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
