fkm blog

software開発に関することを書いていきます

JavaScript

コールバックとPromiseとasync/awaitと

情報整理の巻 コールバック 関数/メソッドを呼んだ時点ですぐ結果が得られない場合(非同期処理)、ぱっと思いつくのは次のようにコールバックを受け取る方法。 function getUser(id, callback) { /* ここで非同期処理 */ } function getImage(id, callback)…

JavaScriptのGenerator関数

JavaScriptには処理を途中まで実行し、値をreturnすることのできるGenerator関数を定義することができる。これがあると便利なのは、ゲームでキャラクターを動かす時。例えば「右に10フレーム移動して下に5フレーム動く」という動きはこんな感じで書ける。 cl…

JavaScriptのasync/awaitを試す

サンプルコードを書いてる方が多いものの、なんかわかりにくいものが多かったので自分用にまとめ。 async関数 結果を非同期で返す関数になる。つまりPromiseを返す関数になる。TypeScriptだと、こんな感じ。 async function getMokeName() : Promise<string> { retur</string>…

Backbone.jsのお勉強

とりあえずBackbone.js単体で小さいアプリを作るとこまでできたので, 次はブログにまとめて後から使えるようにする作業. 目次はここ

eventを設定してみる

Qiitaの記事を参考に, eventを設定してみる.こんな感じ? <html> <head> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript" src="underscore.js"></script> <script type="text/javascript" src="backbone.js"></script> <script type="text/javascript"> var MyView = Backbone…</head></html>

Backbone.jsを触ってみる

まずは他のライブラリ足りないよエラーをなんとかすることから。。。 <html> <head> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript" src="underscore.js"></script> <script type="text/javascript" src="backbone.js"></script> <script type="text/javascript"> var MyView = Backbone.…</head></html>

配列に対してRemoveしたい

自分メモ. 配列のn番目の要素を他の言語でいうRemoveしたい場合. array.splice(n, 1); arrayの状態を変える(=破壊的な)メソッドなのはJava/C#と同じか。。。

selectでn番目

の子供にはをいれるけど, このn番目のをどうにかしたいんじゃ という例が簡単に見つけられなかったのでメモ. var opt = $('#select_moke').children().eq(n);

Backbone.js(0)

とある理由でBackbone.jsをお勉強. どんなライブラリ? クライアントサイドでMVCをやってやるZEっていうライブラリ という理解. 使うためには? http://backbonejs.org/ からjsファイルをとってくる.。。。だけではダメらしい. jQueryとunderscore.jsが必要…

JavaScriptでFragmentもどき

作ってみました. jQuery使ってます.ソースはここ つかいかた 1. FragmentManagerをnewする. 引数はjQuetyの$に渡す文字列.2. FragmentManager#replace()メソッドで, 置き換え. 3. FragmentManager#push()メソッドで, 今のFragmentをスタックにいれて、引数の…

OnJavaScript 2.0

2.0になりました. Androidアプリのように振る舞うモードを追加してます.https://market.android.com/details?id=jp.fkmsoft.program.onjavascriptwidgetオブジェクトのメソッドでButtonとかLinearLayoutとかを作って, fwindowオブジェクトのaddView(view)メ…

Android専用JavaScript

AndroidのWebViewは, 面白いやつです.JavaScriptを有効にしてあげると, ちゃんと動きます. WebView web = new WebView(this); web.setWebChromeClient(new WebChromeClient()); web.getSettings().setJavaScriptEnabled(true); web.setVisibility(View.GONE)…

いい方法はない?

JavascriptでTableを動的生成してる場面が多かったりする.で, 各jsファイルに thead = document.createElement('thead'); tbody = document.createElement('tbody'); tfoot = document.createElement('tfoot'); table.appendChild(thead); table.appendChild…

体育祭のパネルアニメーションを考える人に

体育祭のスタンドで、みんなで色のついたパネルを持って色を変えてアニメーションをやった・見た経験はあると思う.アニメーションを考える方は単純にドット絵でアニメgifみたいなのを作ればいいんだけど, 色の変化を1ドットずつ紙に書いて一人ひとりに渡す…

JavaScriptの作法

Ajaxでサイトを構築してたりすると, どうしても出てくるのがJavaScriptのいくつかのメソッド document.getElementById(idName) document.getElementByTagName(tagName) document.formdata.nametext.value(これはプロパティか) JavaScriptはショートコーディ…

備忘録(2)

今度はjavascript. Ajax絡みでdomの基礎知識ばっかだったり(^^; IDで取得 var list = document.getElementById('list'); 要素名で配列として取得 var items = dom.getElementsByTagName('data');複数形になってる点に注意 要素を作る var thead = document.c…

はじめてのJavaScript(3)

2回目のソースを丸々貼り付け // 0 : 移動画面 // 1 : 攻撃画面 // 2 : 勝利画面 // 3 : レベルアップ画面 // 4 : 敵行動画面 // 5 : 全滅画面 // 6 : 一人回復画面(移動中) // 7 : 一人回復画面(戦闘中) var state = 0; var enemy_hp = 0; var getEp = 1; v…

はじめてのJavaScript(2)

ようやく表示回りが理解できてきた感じいろいろ書きたいけど, 時間が無いので途中までのものをJavaScriptで脱走者キタナイソースも公開しますので文句をつけてくれると非常に助かります

はじめてのJavaScript(1)

連載用に番号だけつけているものの, 実際は単なる備忘録なのであんまり期待しないように(というか, こんなことも知らなかったのかYOときっとツッコミをいれたくなると思う(^^; )DOMの理解がいい加減だとつまりそうなとこ. 要素の中身を取得したり, 変更し…