[JavaScript] RPGツクールMV のプラグインを読んでみよう - あおたくノート
この記事は RGSS でスクリプトを書いたりしていた既存のツクールユーザ向けのものです。あらかじめご了承ください。 というわけで、今回は RPG ツクール MV のプラグインを読んで RPG ツクール MV ではどういうふうに JavaScript を書いていくのかという話をする。 題材にするのは AltMenuScreen.js 。コメント込みでも100行もないコードなので読みやすいし、メニューをカスタマイズするときの参考としてちょうどよいのではないかと思う。ツクールのウィンドウシステムを理解する題材としても適当っぽい。とはいえ、今回は JavaScript の読み方に触れるのみとして、ツクール MV のウィンドウシステムについては掘り下げないことにする。あしからず。 最初の行の(function() {と最後の行の})();については後で詳しく説明するんだけど、これはグローバル空間を汚
![[JavaScript] RPGツクールMV のプラグインを読んでみよう - あおたくノート](https://cdn-ak-scissors.b.st-hatena.com/image/square/394e4f3107e61444b966dddcea2a2d925b66e809/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Favatar_9f9b4bc481e2_128.pnj){kind=avatar}
[JavaScript]... - あおたくノート
とかいう記事タイトルにしたもののJavaScriptでゲーム作ったことない……。 ので勉強をかねて調べてみようと思いました。 node.jsJavaScript の実行環境。 JavaScript で書かれたスクリプトをブラウザなしで実行できる。それがツクール MV で何に使えるの？って言うと別に直接ツクール MV でゲーム作るのに役立つわけではないんだけど、たとえば素材を管理するのに後述の npm とか使うと便利な予感がしてるんだけどそのために node.js を使おうとかそういう。 npmnode.js のパッケージ管理システム。 パッケージというのはひとまとまりのスクリプトを指す単位で、ツールとかライブラリとかそういうもののことを言う。JS で書かれたツールとかライブラリとかを管理するためのシステムという感じ。 npm を使うとツールとかライブラリとかをプロジェクトごとにインストール
JavaScript 言語概要 - JavaScript | MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年2月のトップ50です*1。 順位 タイトル 1位 マンションリフォーム虎の巻 2位 死ぬほど嫌でした｜佐藤秀峰 3位 「面倒なことはChatGPTにやらせよう」の全プロンプトを実行した配信のリンクを整理しました｜カレーちゃん 4位 管理職必読 順番に読むと理解が深まる「マネジメントの名著」11冊 | 日経BOOKプラス 5位 メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所 6位 7年適当に自炊してきて調味料について思ったことを書く 7位 ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話（
新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
はてなブックマークから新しい件数取得 API が提供されているようです！ (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね！ すばらしい！ というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ！ やり方は簡単 callback パラメータに document.write を指定するだけ！ <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha
［気になる］JSONPの守り方
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） JSONPだって、セキュリティを気にしてほしい 皆さんこんにちは、はせがわようすけです。今回は、JSONPを使用する場合のセキュリティについて解説しましょう。 JSONPとは、JSON with Paddingの名称が示しているとおり、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加することで、クロスドメインでデータの受け渡しを実現するためのデータ形式です。JavaScriptからクロスドメインでのデータが簡単に扱えることなどを理由に、多数のWebアプリケーションでAPIの一部としてJSONP形式でデータの提供が行われています。 具体的な例を見
JavaScriptのスコープわからない - ヲゾゾ wozozo ウンコプログラマー 〜綺麗なお姉さん〜
オライリーのJavaScriptの本読んでてスコープのところでつまった。 var scope = "global"; function f() { alert(scope); var scope = "local"; alert(scope); } f(); これをfirebugで実行すると1回目のalertで「undefined」2回目のalertで「local」が表示される。 でも、関数内でvar scopeをコメントアウトすると var scope = "global"; function f() { alert(scope); //var scope = "local"; alert(scope); } f(); 2回とも「global」が表示される。 なんで？ 最初のコードの変数scopeは関数外で宣言されてるからundefinedなのはわかるけど、後のコードは関数外のグローバ
プログラマのためのJavaScript (12)：不思議な宣言と奇妙なスコープ - 檜山正幸のキマイラ飼育記 (はてなBlog)
ひさびさに「プログラマのためのJavaScript」。あいだは空きましたが、予定どおりスコーピングを話題にします。JavaScriptには“変なところ”がいくつもありますが、そのなかでも、スコーピングはもっとも混乱と弊害をまねくところではないでしょうか。これを読めば、間違うことも悩むこともなくなりますよ。 [追記]僕の誤認と勘違いをコメントでご指摘いただきました。いつも、ありがとうございます。ご指摘を本文に反映しました。変更部分は取消線を使って修正、または「追記」と明示してあります。ただし、ついでに表現を直した部分までは明示してません。[/追記] 今回の内容： JavaScriptにおける宣言文 undefined値 var文はこのように働く 驚くべき現象 疑似ブロックと将来の仕様変更 今回のまとめ ハブエントリー（全体目次） 前回 - 継承についてもう少し ●JavaScriptにおける
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
NodeListやHTMLCollectionに直接アクセスするより、一旦静的な配列にしたほうが速い - 素人がプログラミングを勉強していたブログ
console.time('nodeList'); var elems = document.getElementsByTagName('*'); for(var i=0;i<1000;i++) for(var j=0;j<elems.length;j++) elems[j]; console.timeEnd('nodeList'); console.time('array'); var elems = Array.slice(document.getElementsByTagName('*')); for(var i=0;i<1000;i++) for(var j=0;j<elems.length;j++) elems[j]; console.timeEnd('array'); console.time('length'); var elems = document.getElement
OpenSocial アプリで1つのviewで複数のページを表示する | mixi アプリ 大全集
OpenSocial アプリで jQuery, YUI のタブを用いずに、OpenSocial 標準の view module を用いて1つのviewに複数のページを表現する。jQuery や YUI ( yahoo user interface library ) などのタブ機能を使えば１つのviewで複数のページを簡単に作れるのですが、今回はちょっと違った方法で表現してみます。 OpenSocial の view モジュールを用いると gadgets.views.requestNavigateTo(view, opt_params, opt_ownerId) メソッドでviewの移動を行えるのですが、そのメソッドの第２引数に独自のパラメータをMap型で渡すことができます。 viewの移動後には、gadgets.views.getParams( ) メソッドで先のパラメータの取得が可能
mixiアプリでユーザ情報を取得する方法 - ドキッ！はてなブログに移転しました！
mixiアプリの開発仕様はopensocialの規格に準じているので、opensocial-jqueryというラッパーライブラリを利用してアプリを作ってみたいと思います。 opensocial-jqueryについて詳しくはhttp://code.google.com/p/opensocial-jquery/からどうぞ mixiアプリの直書きはmixiデベロッパーセンターのソース例を見ればわかるとおりxmlによくわからない呪文をｶﾞｼｶﾞｼ書いててありえない…と思ったわけですが、opensocial-jqueryもまだドキュメントが充実しているわけではないのでスイスイ書けるというわけではないようです。（少なくとも私はユーザ情報の取得すらうまくできませんでした。。） ということで今回はopensocial-jqueryを使用してmixiユーザ情報を取得する方法を紹介します。（あってるかわからな
グリモンで OpenSocial - 知らないけどきっとそう。
OpenSocial のなんたるかがわかってきたような今日この頃です 普通は JavaScript API をなんやらかんやらして、SNSのプロフィールページとかにガジェットを表示させるらしい JSだからグリモンからも叩けるわけで、実際にやってみた gooホーム で「はてブチェッカー」を追加、右下にコマンドのリストが出ます Person VIEWER を押すと、ガジェットから取得できる VIEWER の情報が！ mixi でクリアできる気がしない憎いあいつも VIEWER の AppData を書き換えて… 50億点！ハイスコア！ アクティビティも好きな title で作成できます ったー というわけで、とりあえず gooホーム、mixi、orkut に対応しています OWNER とか VIEWER_FRIENDS の People や AppData も取れていろいろお得 ここにおいとき
jQueryを少し便利にする5つの関数 - ?D of K
jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。 クラスを生成する var Class = $.klass({ init: function (a) { this.a = a; }, view: function () { alert(this.a) } }); initがコンストラクタとして機能します。 $.klass=function(a){var b=function(){this.init&&this.init.apply(this,arguments)};b.prototype=a;return b}; CSSルールの追加削除 var index = $.css.add("body{background:red;}"); alert("stop"); $.css.remove(index); あると便利なときがあるので一応。 $
jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 （一部jQueryではなく、DOMの仕様上の制限も含まれています） 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 （たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します） 確認する ちなみに、$().findや$().notはstring以外も渡せるた
jQuery使いが陥りやすい罠 : tech.kayac.com - KAYAC engineers' blog
肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 （私が過去にはまったり、今はまっている罠です） 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が少なくほかのライブラリとの共存が行いやすいですが、特定のサイト向けに開発する場合window objectを使用してもそれほど問題は発生しません。 しかしjQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに実装しようとしてしまいます。 これはwindow objectの代わりにjQuery objectを汚染しているだけなので、素直にwindow objectを使用したほうが普通に実装しやすいでしょう。 2
OpenSocial 0.9 の OSAPI 仕様を和訳してみました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 4 月に公開された OpenSocial 0.9 では JavaScript API が大幅に強化され、「OSAPI」という軽量 API が新たに追加されました。 OpenSocial 0.8.1 までの JavaScript API はちょっと形式ばっていて使いづらかったのですが、この OSAPI はより JavaScript らしい形式で簡単に呼び出せるのが特
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
jQuery.opensocial_simple Pluginを作成しました。 - KAYAC engineers' blog
昨日OpenSocial Hackathonに参加させていただきました。agoです。 Hackathonは終わってしまいましたが、jQueryからOpenSocialを簡単に扱うためのPluginを作成したので、jQuery.opensocial_simpleとして公開したいと思います。 opensocial、gadgetsのすべての機能を実装したわけではないですが、owner、viewerの情報取得、外部サイトへの接続はかなり簡単に実装できるようになったと思います。 使い方はjQuery読み込み後、jquery.opensocial_simple.jsを読み込み、$.opensocial_simpleからmethodを呼び出すだけ。 MySpaceアプリの場合以下の形で使用できます。 <script type=" text/javascript"http://api.msappspace
jRailsプラグインでjQueryを使ってみる - Hello, world! - s21g
jRails プラグインは、RailsアプリケーションのデフォルトJavaScriptライブラリである prototype.js + script.aculo.us の環境から、 jQuery を使うようにするためのRailsプラグインです。 プラグインをインストールする方法は、通常のRailsプラグインと同様です。 1 % ./script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails インストールすると、jQuery関係のJavaScriptファイル郡が public/javascripts以下にコピーされます。 あとは、jRailsプラグインがRailsのJavaScriptヘルパーをjQuery対応に してくれるので、そのままRailsアプリケーションを開発することができます。 当然な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
