カテゴリー: JavaScript

雇用.match(/(4大卒)(コミュ力)(協調性)(社畜成長性)(コネ)(外見)(英語)+/);

android用の神経衰弱ゲームを公開しました(・∀・)
The Match-up(Memory) game for android was released!

Google Play:
Mole's Match-up.

Introduction page:
Mole’s Match-upをリリースした∩( ・ω・)∩



正規雇用表現(・∀・)

正規表現をいじっててフッと思いついた。内容は精査してない。
今は反省している(´・ω・`)


よくよく考えてみるとリモートのデータのURLを変な切り取り方をしないで
正規表現で取ればいいじゃないと思いつき、色々とぐぐる。

正規表現:正しいURLかどうか調べるで紹介されてる文で取れるようだったが、
ファイルの存在するディレクトリとファイル名を分けて取得したくなりまたぐぐる。

四章第六回 正規表現四章第七回 正規表現2を読んで
以下のようにしてみた。

function extractURL(sourceData){
	return sourceData.match(/(^https?:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+\/)(.+)/);
}

だけどこれだと「ファイル名までのフルパス」、「ファイルの存在するディレクトリ」、
「ファイル名」の3つが取れてしまう。一番最初のは要らないんだけども(´・ω・`)
結果を返さないように?:を指定してみたがうまく行かずよく分からない。

「ファイル名までのフルパス」だけを取ってsubstring(0,lastIndexOf(“/”))
みたいな感じにするほうが妥当なんだろうか?まあいいや(´・ω・`)


ついでにガジェットが存在するURLを切り取る部分も作った。
と言ってもsplitによる力業でスマートじゃない(ノ∀`)
フォーマットが変更になったら対応出来ないw
?nocache=1などを除去したくて?を抜いたけど#も抜くべきか?
#はガジェットのparent内には出現しない…かな?

var temp = location.href;
temp = temp.split("&parent=")[1].split("#")[0].match(/^https?:\/\/[-_.!~*\'()a-zA-Z0-9;\/:\@&=+\$,%#]+/);

さて画像URL展開部分を作らないといけない(´・ω・`) メドイ

もしかして…

android用の神経衰弱ゲームを公開しました(・∀・)
The Match-up(Memory) game for android was released!

Google Play:
Mole's Match-up.

Introduction page:
Mole’s Match-upをリリースした∩( ・ω・)∩


BlinkエンジンだとSHGadget4GSがうまく動かない( ・´ω・`)?

sleipnirとchromeだと正しくハイライトされない…


最初は自分の作ったガジェットがおかしいのか、
それとも呼び出してるjsのディレクトリ構造が変わったのか
と思ったが、色々とやってるうちにBlinkエンジンのブラウザでのみ
ハイライトされないのではないかという疑惑が( ・´ω・`)

IEだと「全てのコンテンツを表示する」を押せばハイライトされる。
昔もIEはそうだったような。

FireFoxは何もせずともハイライトされる。

webkit系は面倒なのでほっておくというか、
問題はBlinkエンジン由来のような気がするので
取り敢えずは放っておくかな…

どういう理由なのかはさっぱりわからない(ノ∀`)

Painting

android用の神経衰弱ゲームを公開しました(・∀・)
The Match-up(Memory) game for android was released!

Google Play:
Mole's Match-up.

Introduction page:
Mole’s Match-upをリリースした∩( ・ω・)∩


3DS向けのはてなハイク投稿用ペイントツール・Paintingが出来たでヽ( ・∀・)ノ
(URLはFoto-Haikingと一緒)

※認証方式変更後、修正してないので公開停止中

ついでにFoto-Haikingとjjkを統合して余計なオプションをなくしたヽ( ・∀・)ノ


2秒間画面をタッチしてないと描画モード(ドラッキングモード)にならないので
使い勝手はどうかなと思うけれども、ボチボチ満足(・∀・)

アンドゥ(リドゥ)は当初20回くらい出来るようにしていたが、実際の送信時のbmp変換で
グレーフリーズ(メモリ容量不足で画面が灰色になり更新以外の操作が不能な状態)に
なってしまうので、5回に減らした。もしかしたらもう数回も大丈夫かもしれないが
3DSブラウザのメモリがどうなってるかわからないので無理はしないことにしたw

今のアンドゥ機能は複数枚のキャンバスを使いまわすという方法なので、
変化の有った場所のみを記録するようにすれば、もっとメモリを節約が出来るとは
思うけれども、そこまで頑張る気力も脳みそもない(ノ∀`)

コードの最適化とか短縮化は途中までやったけど最後まではやってない(ノ∀`)


全てのページが直接関係しているわけではありませんが、以下は参考にしたページ、エントリです。まだ他にもあったような気がするけれども思い出せない…(“・ω・゙)

描画
3DSPAINT

色一覧
CSS3 color

キャンバス
HTML5.JP
canvas要素の基本的な使い方まとめ
[html5] canvasに描いた絵(画像)をサーバに保存
Canvasによる画像ファイル(img要素)の読み書き
[html5] canvasで簡単なお絵かきをしてみたメモ
CANVASで作った画像をバイナリ変換し、ファイルアップロード形式でPOST送信する
canvas描画した画像の保存方法
HTML5でお絵かきツールを作ってみた

塗り潰し
(1)シード・フィル アルゴリズム
(2)アルゴリズムの高速化
JavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し
JavaScriptでバケツ塗りつぶし

アンドゥ(リドゥ)
Undo and Redo with HTML5 Canvas

bmp変換
canvas2image.js

その他
動的に JavaScriptを読み込む
eventオブジェクトから取得できる座標プロパティ
マウス座標のこととブックマークレットのことと
みみちゃんblog – プログラムの園

Canvasをいじるチュートリアル
HTML5のCanvasで作る、Flash不要のお絵かきツール
HTML5とjQueryでブラウザーがペイントツールに!


ごっぐるの日本語入力CGIの力を借りていることや、ドラッキングモードでの
描画の使いにくさ等々の不満というか残念さは残るものの、一番最初に作ろうって
思い描いた感じになったからこれでいいかなぁ(・∀・)

やはり3DS上の操作だけで完結するWebサービス(ツール)というのに無理があったな…
もう少し頑張ればもっと機能の追加も出来るだろうけれどもやめておこう(ヽ’ω`)

次はandroidやjava libraryの作り方を勉強するかな(ヽ’ω`)
とか言いつつもう遊んでられないんだけども。

おい、あっち側かよヽ(`Д´)ノ

android用の神経衰弱ゲームを公開しました(・∀・)
The Match-up(Memory) game for android was released!

Google Play:
Mole's Match-up.

Introduction page:
Mole’s Match-upをリリースした∩( ・ω・)∩


ゼルダの伝説 ふしぎの木の実 時空の章をクリアしたヽ( ・∀・)ノ

レベル8のラスボスの最終形態の倒し方のみ分からなくて攻略を見てしまった(ヽ’ω`)
だって伸びてる方は掴めなかったから、てっきり違うのかと…(´;ω;`)

まあそれ以外の謎は自力で解いたので良しとしよう。

このゼルダはジャンプが出来るので良かった。
無駄にジャンプして移動するのが好きなので(・∀・)

まだ大地の章をクリアしてないので詳しくぐぐってないのだけれども
カプコンゼルダの裏話とか早く読みたい。

しかしちょっとゼルダ疲れが…(ヽ’ω`)


【Nintendo Direct】『ゼルダの伝説 神々のトライフォース2』発表、3DS向けに来年発売

なん…だと…( ;・´ω・`)ゴクリッ マタアラタナシカクガ…
1の方の移植は無理なんだろうか?
いや、時オカが出来たなら出来そうな気もするが…
3Dだとデータ量が少ない?

【Nintendo Direct】『マリオゴルフ ワールドツアー』にはコミュニティ機能を搭載

VCのマリオオープンゴルフで未だにJAPANコースしかクリアしてないと言うのに(´・ω・`)

海外版『とびだせ どうぶつの森』しずえさんを「しずえ」とは言わない - 秘書の海外ネーム

「しずえ」の海外での名前が「Isabelle」であることが分かりました。

かぶるというほどでもないがイザベラと名前が似ちゃうな。

【韓国】任天堂がTwitterで美人お天気キャスターに暴言をはいて騒動に「整形」「脳なしビッチ」 → 公式が謝罪

・韓国任天堂は即日調査するも「該当する社員はいない」
この件に関して、韓国任天堂は即日調査を開始。だが、公式アカウントにログインできる従業員からはこのようなツイートをした人物は見つからなかったという。第三者によるアカウントののっとりの可能性があるとして通報したという。

誰が信じるんだよw


米ヤフー、1~3月期売上高7%減 CEO手腕に疑問符も

まだ一年経ってないのに厳しいんだな。

KDDI、米クラウド電話 API「Twilio」の国内販売を開始

こないだGAEで使えるようになったとか言うサービス?


ゴッドタン「キス我慢選手権」まさかの映画化!主演・劇団ひとり!

またテレ東はおかしくなりつつあるな(´・ω・`)
スピリチュアル番組をやり始めたり。
これを映画化するくらいなら恵比寿マスカッツで映画撮ればいいのにw

『鷹の爪GO~吉田、秘密結社やめるってよ(仮)~』公開決定!狙うは「クレヨンしんちゃん」

またやんのか(・∀・)


「マグロ」の解体を手軽に学ぼう-「解体フィギュア・黒マグロ」販売開始

ちょっと面白い(・∀・)
牛とか人間とかのやつもあるんだろうか。

“お米”から作った無糖茶 キリン「にっぽん米茶」発売

どんな味がすんだろうか。
余計なものを入れたりしてなきゃいいけども。


塗り潰しツールだけでもつけようと思ってハマる。
ペイント・ルーチンで何となくロジックは分かった。

javascriptでのサンプルはないかとぐぐったらあった(・∀・)
JavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し

でも自分のコードで使おうとしたら、うまく描画されない(ヽ’ω`)

更にぐぐったら他のサンプルもあった。
JavaScriptでバケツ塗りつぶし

これは一応描画されるけど、なんか違う色になってしまったり、
何回かやるとエラーになる。これは使い方を間違えてるのかもしれない。
あと何故か塗り潰しが不完全だったりする。これはもしかするとアンチエイリアス絡み?
透明度とかの問題?

画伯によるWeb上で見かけたゴードンのぬいぐるみ写真の模写
gordon01

拡大すると…
gordon02

んーまあ簡易ペイントなのでこれくらいでも良いような気もする…
今週で完成させる予定だったのに、来週になるな…(ヽ’ω`) ゼルダヲヤリスギタカ…