サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

ゴールデンウィーク中に、wise9 というプログラミング情報ブログで、Processing.js というプログラミング言語を使っての初めてのゲームプログラミングの記事を書かせていただきました。全6回ありまして、最初の第1回では線を引くだけのプログラムから、ちょっとづつステップアップしていって、最後は弾幕風シューティングゲームを完成させるところまで、解説しています。 まぁ、こんなかんじで、Processing.js を使うと、簡単にブラウザ(iPhone等のスマートフォンを含む)で動作するプログラムを作ることができちゃいます。自分でゲーム作ってみたいなぁと、ちょっと思っているような人など、読んでもらえたらとおもっています。ブラウザ上で、ソースを編集して、すぐに動かせるようなページも準備していますので、お気軽にゼヒ! 第1回 Processing.js で初めてのゲームプログラミング 第2回
GL-Shooter2はHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 HTML5で作られるゲームジャンルが多彩になっています。今回は弾幕シューティングゲームをHTML5で再現したGL-Shooter2を紹介します。コンセプトとして怒首領蜂(どどんぱち)再現を掲げています。 ローディング中。すぐに終わります。 立ち上がりました。奇麗なグラフィックスです。 スペースキーでメニューを選択します。 いきなり弾幕。今は弾に当たっても死ぬことはありませんので安心です。 こちらのミサイルはCキーで発射します。 Cキーを押し続けるとビームになります。 今のところ当たっても死なないのでCキーを押してどんどん敵を倒していく楽しさだけを味わえます。エンジンにtmlib.jsを使っています。今後の開発が楽しみなソフトウェアです。 MOON
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最初に 最近、Firebaseについての記事をよく見ます。 稚拙ながらもFirebaseについて注目している一人として語りたい。 知識不足(特に後述の歴史の認識)のため、駄文乱文あると思います。ご指摘いただけると幸いです。 React + Redux + Firebaseの実装記事を書きました。 Firebase Databse導入のために考えた4つのポイント。NoSQLと真剣に向き合った時ぶつかったことを書きました。 Firebaseとは mBaas(Mobile Background as a Service)の一つで、Google
Payment Request API ユーザーがウェブサイトで商品を購入しようとすると、サイトはユーザーに支払い情報の提供を求める必要があります。また、必要に応じて、配送設定などのその他の情報の提供を求めることもできます。これは、Payment Request API(PR API)を使用して簡単に実現できます。 基本構造 PaymentRequest オブジェクトを作成するには、支払い方法と支払いの詳細の 2 つのパラメータが必要です。また、3 つ目のpayment options パラメータは省略可能です。基本的なリクエストは次のように作成できます。 const request = new PaymentRequest(paymentMethods, paymentDetails); 各パラメータの作成方法と使用方法を見てみましょう。 お支払い方法 最初のパラメータ paymentM
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作:ノードの除去 木構造の操作:ノードの追加 木構造の操作:さまざまな機能 木構造の操作
#Simple Static React Firebase This repo is minimal boilerplate for static react & es6 site with firebase authentication and cloud database, and a router. If you don't need all that, check out Simple Static React - https://github.com/jon-biz/simple-static-react The intention is to provide a basic boilerplate setup that doesnt inundate the new user with complexity, and stays out of the way of the mo
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
イメージの拡大縮小を行うプログラムを作成する。 [通常版実行] [iPhone版実行] リソースの準備 以下の画像をHTMLと同じフォルダに配置。 sorami.gif 114x114 ソースコードの記述 ScaleEx.js var canvas;//キャンバス var g; //グラフィックスコンテキスト var scale; //回転角度 var image; //イメージ //初期化 function onLoad() { //変数 scale=0; //グラフィックスコンテキストの取得 canvas=document.getElementById("imgCanvas"); g=canvas.getContext("2d"); //イメージの読み込み image=new Image(114,114); image.src="sorami.gif"; //タイマーの
どうも、まさとらん(@0310lan)です。 今回は、Webサービスやサイトを制作する過程において、知っていると役に立つユニークなサービスを厳選してみました。 ゼロから実装すると難しい機能を簡単に提供してくれたり、サイトにちょっとしたアクセントを加えてくれるモノや、専門的な解析・分析をサポートしてくれるものまで幅広くご紹介していますので、ぜひ参考にしてみてください! ■Webサイトに「感情ボタン」を設置する! 【 Emotify 】 ブログの記事などには、よく「SNSボタン」が設置されていますが、これと同じような感覚でユーザーの「感情」を表現したボタンを設置できるのが「Emotify」の特徴です。 導入方法もシンプルで、ユーザー登録後に生成されるコードをコピーし、表示させたい箇所のHTMLに貼り付ければ完了というお手軽さ。 実際に、「感情」ボタンを設置するとこんな感じになります!(スマホに
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? このページについて 初めてのIoTプログラミングのとっつきでJavaScript Roboticsをやってみた感想を書くページです。 (IoTって書きましたが、実際にはネットワークにつなげていないので、 その前段のセンサからデータを取る部分の感想です。) お断り タイトルに業務系Javaプログラマと書きましたが、 ここに書くことは現在働いているSIerの業務で必要になったとか、そういう類のものではありません。 本人的にも、ここに書く内容が現在勤めているSIerで将来的に業務で役に立つなんてことは、今のところは微塵も思っていないです。 こ
今回はオンライン機械学習アルゴリズムとして知られている AROW (Adaptive Regularization of Weight Vectors) を試してみました。内容的には以下のエントリーの続きになりますが、今回からタイトル文言を少し変えようと思います。TypeScript入門という段階はそろそろ脱したかなと思うのと、TypeScriptよりも直接JavaScriptで書く量の方が増えてきたためです。 TypeScript入門 – 機械学習の実装 1 Denoising Autoencoder TypeScript入門 – 機械学習の実装 2 Logistic Regression 前回のエントリー内で、次はブースティング系アルゴリズムを実装してみたいと書いたのですが、オンライン機械学習 (機械学習プロフェッショナルシリーズ)を読んでいたらこの分野への興味が強くなってしまったので
数学 - 線型代数 - JavaScript - 行列の積(n次の正方行列と基底)
昨日のIoTLTで話をしたネタの中に出てきたAPIを使うときに使ったコード紹介です。 スライドはこちらです ちなみにNode.jsのバージョンは6.3.1です。 pokemon-go-node-api 調べたら色々とあったのでどれを使うかはお任せなのですが、僕が使ったライブラリは近くでポケモンが出たら何かするみたいなことがやりやすかったので紹介します。 pokemon-go-node-api 使ってみる インストール 'use strict'; const PokemonGO = require('pokemon-go-node-api'); // using var so you can login with multiple users let a = new PokemonGO.Pokeio(); //Set environment variables or replace plac
<script src="//typekit.com/fj3j1j2.js"></script> <!-- This second script won’t execute until typekit has executed, or timed out --> <script src="//my.site/script.js"></script> ローカルスクリプトとリモートスクリプトを組み合わせても同様に操作することができます。 機能的には、Webページの前の部分で重いスクリプトのロードがあると、サイトの表示が明らかに遅くなることを意味します。さらに、ページの最後の方で表示されるスクリプトは、それまでに存在するされたスクリプトの動作に依存することを意味します。 先行する全てのscriptタグがロードされ実行されるまで、ページ上の要素は表示されません。つまり、パフォーマンスへの悪影響を覚
URLは、Webブラウジングを開始するという意味でも、Webに関連する技術の入り口という意味でも、Webにおける起点そのものです。 攻撃者の視点から見ると、多くの場合、URLは攻撃者自身によってコントロール可能です。その複雑な構造から、プログラム内でURLをデータとして取り扱う際にまちがいが発生しやすく、セキュリティ上の問題点を引き起こしやすい格好のねらい目、攻撃の起点であるとも言えます。 また、Webアプリケーションにおいてセキュリティを確保するためには、特定のリソースがそれぞれのWebアプリケーション自身と同一の保護範囲にあるものなのか、あるいは第三者の用意した可能性があり信用できないものなのかを区別して取り扱う必要があります。この境界条件は、Webアプリケーション自身の動作しているURLを基とした「オリジン」と呼ばれる範囲によって決定されます。 今回は、JavaScriptでのセキュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く