漫画作成支援OSSなプロジェクトMansikiのさくせいえっちらおっちら ２

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

今日はボタンを増やして、関数宣言がそのまま表示されることを確認したぞ。明日はSVGでの修飾を行おう。次はこの修飾の構造解析結果をどうするか。多分、先にFileAPI使ってファイルの保管とロードからですかな。#mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

問題は各要素のアトリビュートの話。 その場でリアルタイム反映は相当にコストが高い。マウスポチポチにするとロックを掛けやすのだけど、これがキーボード入力だけとなるととたんにイベント発生頻度が上がって死ねる。#mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

正直、どこのどなたがそこまで計算資源を無駄遣いしているか・・・だいたいDOM周りでｆunction呼び出しでコンテキストスイッチが切り替わるのがあれ。ここを何とかできると嬉しいのだけれど。すべてのイベントの処理は一度タイマーでキューにぶち込んでからがいいのだろうか#mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

ICONは欲しいけどフォントと同じで結構危なっかしくて怖い。まあまだライセンスが明記してあればいけど、独自ライセンスあたりから雲行きが怪しくなり、無記名が最後にやばくなる。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

わんわんお。 さて、連携はどうしようか。 というか、文章を毎回スキャンしているわけですよ。IOを握れていないので現在と過去の差分がわからない。なので状況が知りたくなったら全部よこせとなる。UIスレッドではバンバン文字入力が走る。#mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

これの何が問題かというと、あるタイミングでテキストエリア上に書き替えをコードアシストする、強制成形するような文言が見つかる→さあ準備はできた書き換えるぞヒャッハーともういちど確認をするとその文言は消滅していたOR書き換えたら入力した文言が消えたとなる#mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

これの何が問題かというと、あるタイミングでテキストエリア上に書き替えをコードアシストする、強制成形するような文言が見つかる→さあ準備はできた書き換えるぞヒャッハーともういちど確認をするとその文言は消滅していたOR書き換えたら入力した文言が消えたとなる #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

まあACIDを守れるような機構を持っていないという事に尽きるんですがね。 その部分まで含めて規格が仕様を規定してくれるか、そうなるようなjsを作るしか無い。Githubみたいに。 #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

なのでどこかのタイミングで入力を中断させてやるしか無い。 ボタン押すとか。 Vimがいいとも考えたが、まあどっちでもいいかな。 マウスポチポチは優雅な夢を見るのか。いっそツイッター風味のモードも検討課題だろう #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

コードハイライトはあまり意味がない。 厳密に守るべきシンタックスが無いからだ。 だが、それがあればもっといけるが、その解析を保証するにはjsのパフォーマンスと俺のスキルと工数が足りない。 #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

TwitterのWebUIのように潔よく入力エリアをひとつに絞って、本文へのWindowにして話を構築していくというのもありかもしれない。Toggatterでまとめを作るように漫画を作ってもいいじゃないか。 これでIOを簡単に握れる。 #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

ただ、それではノリノリの場合に操作が煩雑になって勢いを殺してしまうかもしれない。おお、なんか元気が湧いてきたぞ！ #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

まあ、一度作ってみるか・・・ 問題はアイコンなだよアイコン・・・ #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

そういう訳で、どうしようか考え中、できるだけ基幹は自分でコードを抑えておかないとすぐにパフォーマンスの壁にぶち当たりそう。そこから完成もしていないのに絶望的なパフォーマンスチューニングは気分的に折れる #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

なので、この連休にいけるところまでツイッター風味なUIを構築してみるつもり。こうすると、装飾と入力が分離されて、装飾の反映にIOの差分管理が可能になるので確実に逐次処理、順番の混同の回避が可能に成る。これが出来なくて正直苦労していた。 #mansik

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

結局のとこ、コードハイライトは今のブラウザの速度では不可能ではないが相当高度な技術。textareaの機能としてそれをサポートするとか、IOをjs側からコントロールできるとか、バッファに貯めこむとかできないとすぐに処理が追いつかなくなる。 #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

Firefox専用です！なんていってもインストールぐらいは文化的に期待できそうだしね。まあAndroidではそう言わせてもらう。（ｷﾘﾘ

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

とりあえず、Mansikiのツイッター風モードを作成をしているが、微妙。というかまずはまだ画面が出来上がらないので有ります。そして時間も取れないのであります。 #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

目標はマウスポチポチといいつつもキー入力で完結すること。ただ、タブレットはマウスポチポチとキー入力が等価であり、というよりマウスポチポチ的作動のほうが脳みその負荷が低いと思うんだよね。でも、指先で文字を直接書けるほど自由でもない #mansiki

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

SVGの用途を考えているが決定的なものが思いつかない。うーん。漫画の枠線とか噴き出しで重要なのはわかるよ。うん。でもそれ以外は普通にCSS3とDOMじゃあかんのかね。もしSVGとDOMは別腹だとか言うのであればSVGを使うとオブジェクト数のオフロードにはなるが・・・