どうも、まさとらん（@0310lan）です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です！ バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもしてくれるので手軽に公開することも可能なスグレモノですよ。 【 Gomix 】 以前は「HyperDev」という名称でサービスが公開されていましたが、現在は「Gomix」というサービス名に変更されており、今も活発にバージョンアップが続けられています。 ■基本的な使い方！ それでは、実際に「Gomix」を使いながらどのようなサービスなのかを見ていきましょう！ まずは、ブラウザから「https://gomix.com」にアクセスすると、いきなりコード

Microsoft PressとApressを中心に、無償で入手・購入可能なコンピューターおよびIT技術系の電子書籍を50冊以上、集めてみた。ほとんど英語の書籍だが、日本語書籍もいくつかあり。 ← 前回 連載 INDEX ※本稿は、昨年の同時期に公開した記事を、2016年現時点の最新情報にアップデートした記事である。 本や雑誌を電子書籍で読む機会が増えてきている。特に「紙の書籍よりも、電子書籍の方が大きく割安になっている場合は、電子書籍で買う」という人も多いのではないだろうか（特にIT業界の人は）。実際に自分もAndroidタブレットやiPhoneなどを使って電子書籍を読むことが増えてきた。また、Amazonプライム会員であればKindle端末上で月に1冊まで無料で読めるサービスがあり、その対象となる「コンピュータ・IT」系の電子書籍も徐々に増えてきている。電子書籍を読むための環境は年々

一昔前にCanvasが実用段階になった頃、JSのゲームエンジンが大量に出てきたことがありました。それらは大抵DOM/CanvasのFallbackを持っていたのですが、今現在の状況は、実際には非効率なメモリ消費やモバイルのブラウザのフラグメント化で実用に足るものがなかった、という辛い現状があります。 そんな中pixi.jsという描画ライブラリが台頭してきました。このエンジンは webglとcanvasの fallbackを持ち、(いくらかのバグはありつつも)DOMを切ったことで現実的なパフォーマンスの課題をクリアできるのでは？という期待感が高まっています。 Pixi.js - 2D webGL renderer with canvas fallback http://www.pixijs.com/ そして 2015年、RPGツクールMVが発表され、ブラウザ吐き出し対応がアナウンスされました

要約 JavaScript、難しいと思いませんか? プログラミングなんて、やったことがない。難しくて分からない。そんな人の為に書きました。 01 はじめに この記事は、ツクールMVに適したJavaScript入門を紹介します。主に以下の人が対象です。 プログラミングって何だか分からない。if文? for文?? 何ですかそれは??? これからJavaScriptを学ぼうと思っている ツクールMVでJavaScriptプラグインを作ってみたい でも、何を揃えれば良いのか、踏み出し方がわからない ツクールMVでJavaScriptプラグインに触れるにあたり、いちばん簡単な説明書のつもりで書きました。JavaScriptプログラミング学習前の、必要な前提知識・ツール・書籍を紹介します。 02 奥深きJavaScript界への第一歩 RPGツクールMVには、JavaScriptプラグイン機構が搭載

要約 RPGツクールMV発売まで、あと2週間。楽しみですね!! アドベントカレンダー1日目という事で、ツクールMVの全体像を紹介します。「ツクールMVを採用するかどうか」「開発に必要な技術情報は何か」「ツクールMV開発の問題点は」を書いています。 はじめに RPGツクールMV、ついに体験版が公開されましたね。予約特典も発表され、発売まであと約2週間。楽しみですねー!!😆。 ツクールMV発売にあわせて、RPGツクールMV Advent Calendar2015が始まりました。アドベントカレンダーとは、12月1日～12月25日まで、順番にブログを書いていくリレー企画です。私(トモタカ)は1日目と25日目を担当します。よろしくお願いします。これとは別に、完全初心者向けの初心者の為の、ツクールMV Advent Calendar 2015も作りました。まだ1日目の原稿すら書いていませんが、海外時

※この記事はNewData/js/pluginsのプラグインをある程度読めるくらいって人向けです。多分。 英語力皆無ですが、RPGツクールMV(Steam版)買いました。 今作からはRGSSがなくなり、JavaScriptのコードをプラグインとして扱う方式になりました。 では、早速ですが、コードを見てみましょう。 (function() { // セーブ時になんかする var _Scene_Save_onSaveSuccess = Scene_Save.prototype.onSaveSuccess; Scene_Save.prototype.onSaveSuccess = function() { _Scene_Save_onSaveSuccess.call(this); /* なんか処理 */ } })(); めんどくさ…… prototypeとかprototypeとか、打ちたくないで

JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

The International Criminal Court, the world’s only permanent international court with a mandate to investigate and prosecute genocide, crimes against humanity, and war crimes, has determined that a

Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro

海外で話題沸騰のRPGツクールMV(RPGMaker MV)ですが、 まだ、日本語版はベータテスト中とのことです。 今回は、このRPGツクールMVのプラグイン開発環境の作り方を簡単に紹介したいと思います。 このRPGツクールMVのすごい所は、なんといっても、 一回作ったら Windows, Mac, Android, iOS, Webのアプリとして ゲームを出力する所もそうなのですが、 それよりも今回は、 Node.js で作られていることもあって、 プラグインが作りやすく、 ぶっちゃけなんでもできる！という所が本当にすごい所です。 こんなゲームをすぐ作ってWeb公開することができます。 このRPGツクールは、 Node.jsの nw.js がベースとなっており、 描画エンジンは、Pixi.js、両方のAPIをある程度調べれば 普通のデスクトップアプリから、RPG以外のジャンルのゲーム、ネ

AdventCalendar前哨戦として投稿します。 ツクールMVかっちゃっていじってます！！ さて表題の件についてです。現時点でソリューションは存在しませんが、できるかできないか、できるならどのように、の観点で書きたいと思います。 その前に…… クライアントサイドの暗号化は、かならず破られます。 暗号化は、データの抽出に時間がかかるか、そうでないかの違いでしかありません。やるひとはやります。 よって、リソースの保護という観点では、あまり意味がありません。 それなのになぜ暗号化するのか？理由はプレイヤ側にあると考えてます。 簡単に見えたりいじれると萎える 人間安きに流れます。たとえばラスボスの画像が画像ビューアでみえちゃうとなると、みたくなるのが人情というもの。 また、プロジェクト丸見えなため、敵強すぎー！！って思ったら、ちょちょいといじれちゃいます。Lvもいきなり９９です。 これはお互い

JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

(訳注：2015/10/31、いただいた翻訳フィードバックを元に記事を修正いたしました。) 開発者は嫌うでしょう。 ここでは、標準的なコツや策略について書きますが、本当に興味があるのは、別のことです。究極の奇策を見つけたいと思います。策略をひとつずつ試して、プログラミングの聖域に少しでも近づければ良いのですが。 はじめに 私が初めて書いたビデオゲームは、 Ninja Wars （忍者戦争）でした。 そう、これは、画像で埋めたHTMLのtableです。 src 属性を変えることで、動きを実現しています。JavaScriptファイルの冒頭は下記のようになっています。 var x = 314; var y = 8; var prevy= 1; var prevx= 1; var prevsw= 0; var row= 304; var endrow= 142; var sword= 296; v

前から知ってはいたんだけど、昨日のYAPC:::Asia 2015 で Electron のトークで動かしてる所を見て、Electron に興味が出てきてしまった。Electron というのは JavaScript の SPA を作るイメージでクロスプラットフォームアプリケーションを作れるやつで、Kobito とか Slack とか Atom でも使われている。今までデスクトップアプリとかフロントエンドをガッツリやったことがなかったので苦労しながら触ってる。とりあえず Twitter クライアントを作ろうとしていて、今のところ認証に飛んで返ってきてタイムライン表示するところまではできた。 本当に欲しかったデスクトップ Twitter クライアント 今は Tweetbot for Mac を使っているんだけど、リストの切り替えが面倒とかいろいろ不満がある。自分は Twitter のリストや検

Lrnは、プログラミングを学べるアプリだ。執筆時点で学べるプログラミング言語は、JavaScriptのみだが、開発者のコメントによると、今後、他のプログラミング言語を追加したいという意向があるようだ。大きくは、「01」から「07」までのステップに分かれており、各ステップ内に、15前後の説明がある。説明はすべて英語だが、実際にJavaScriptを動かしながら、「何をどうすると、どうなるか」を順を追って学べる。 「01」は無料で学習でき、「02」からは有料。ただし「02」では、LrnについてTwitterまたはFacebookでシェアすることにより、無料で利用できる。1ステップずつ購入（120円）することもできるが、残りをまとめて購入（360円）することも可能だ。 基本的にはまず説明を読み、プログラム内の空白を埋め、実行してみて動作を確認するという手順で学習を進める。プログラム内の空白は、自

［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント「Build 2015」。2日目の基調講演では、iOSやAndroid、Windows 10などクロスプラットフォーム対応のアプリケーションを一括で生成するツール「ManifoldJS」を発表しました。 マイクロソフト チーフエヴァンジェリストのスティーブ・グッゲンハイマー氏。「Windows対応だけではなく、クロスプラットフォーム対応のアプリケーションをどう作ればいいのかとよく聞かれる。2年前、われわれはゲーム向けにUnityを発表し、昨年はiOSとAndroid対応でXamarinの採用を発表した。今年はWebアプリケーションにフォーカスしよう」

「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。

「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。