flandlescarlet's diary【情報工学生の備忘録】

元機械工学科所属だった情報工学生です。JavaScriptで適当に何かを作ったり、絵を描いていたりします。

JavaScript

JavaScriptで画像処理【2】グレースケール化・セピア調

1.はじめに CANVASの画素を1つずつ操作することが可能になったので、今回から本格的に写真を使った画像処理を行っていきます。CANVASの画素の読み込み方は第1回に記載しております。 2.アルゴリズム 写真のグレースケール化はシンプルで、以下の式で表すこ…

JavaScriptで画像処理【1】CANVASの座標と画素

1.はじめに 画像処理といえば大半はC言語やJava等の言語で行うのがほとんどであり、サンプルコードの多くがこれらの言語で実装されています。JavaScriptでも画像処理を行っている記事を見かけますが、ほとんどがグレースケール化、踏み込んでもSobelフィル…

LATEXの数式がJavaScriptで書けるMathJaxが凄い

実験のレポートや卒論などで、度々使わされるTEXですが、JavaScriptでTEXの数式が書けるのかとふと調べたところ、あっさりと見つかったので紹介しておきます。今更ですが、JavaScriptはスピードこそ遅いものの大体何でも実現しちゃうんですね。 www.mathjax.…

夏休み前のちょっとメモ

FC2ではAjaxが使えなかった件 お馴染みのjQueryで簡単に扱える非同期通信ですが FC2では上手く動作しないことが判明してしまいました。 $(function(){ $.ajax({ url: "sample.html", type: "GET", cache: false, dataType: "html", success: function(html){…

クッキーよりも扱いやすいローカルストレージ

ローカルディスクにデータを保存する(HTML5) 完全に全てのブラウザに対応したわけではないのですが。 DOM APIの一部にローカルストレージというHTML5に追加された機能というものがありまして これを使えばいちいちクッキーに頼らずとも簡単にデータを保存す…

幾つかの言語を扱った感想

最近Web言語以外また、やっていないWeb系言語について軽く広く勉強しておりました。 そこで今までやってきた言語も含めてそれぞれの難易度や個人的な意見を添えつつ 今後新しい言語をやってみたいや、新しい言語を取得してみたいなどの手助けになれば幸いで…

iTunesアプリでHTML,CSS,JavaScriptを扱う

無料でオフライン下で出来るJavaScriptプログラミング jsany http://itunes.apple.com/jp/app/javascript-anywhere/id363452277?mt=8 jsanyはiPodやiPhoneでオフライン下で動く便利なWeb製作アプリです。操作する端末がPCであるため、使う人にとっては使いに…

JavaScriptでアラートダイアログを改装する

alert()を直接使わずにdivにスタイルを適応させて製作する 今回はJavaScriptでお馴染みの第一歩であり、デバッグ用に使われるalertメソッドですが 見た目が予想以上に殺風景ですので(特にfirefox)独自作成してみました。 alertを装飾するjQueryライブラリは…

JavaScriptでDOMを操作するとき$セレクタ(jQuery)の利用も便利

DOMのもうひとつの見方 JavaScriptにはDOMの概念でhtmlのツリー構造に当たる隅々の要素までアクセス出来る仕組みがあります。用いられる書き方として Sample1 document.getElementById("id名"); //値 document.getElementsByTagName("タグ名"); //配列 docum…

JavaScriptイベントの種類

JavaScriptで扱うイベントをまとめてみる onabort : 読み込みを中断した時 onblur : 要素がフォーカスを失った時 oncanplay : 再生が可能になった時 oncanplaythough : 再生が途切れない状態になった時 onchange : 属性の値が変わった時 onclick : クリック…

jQueryを使わないでスライド式の開閉表示

微変化の連続はsetTimeoutが万能 Demo // 大体がjQueryで持つことが多いですがsetTimeoutとclearTimeoutを駆使すれば、大抵の効果は可能となりますjQueryに頼ってばかりでなく、JavaScriptでかけるところはかいてしまいましょうそれが上達の路だと思います";…

JavaScriptを使ったライブラリを使わないRPGの作り方(入門編)2

マップ場でキャラクターを動かす方法 マップでキャラクターが動く原理について説明していきます。 まず動かすために扱うイベントを作成します。 「移動」ということですので矢印キーを使用していこうと思います。 各キーコードについては // ↑:38 // ←:37 //…