Jhtrans開発雑記

translate() の処理中にテンプレートになっているタグに、プレースホルダーとは関係なく、属性を追加できるようにしたい。 → 単純な追加と削除は実装した。 →→ class や style、イベントハンドラーを特別扱いした処理もさらに追加したい →→→ class と attrib…

Jhtrans開発雑記

テンプレートを使ったページの見本をいくつか作った。 作っていて、追加したい機能が浮かんできた。 translate() の処理中にテンプレートになっているタグに、プレースホルダーとは関係なく、属性を追加できるようにしたい。 → 単純な追加と削除は実装した。…

Jhtrans開発雑記

I've added List example. I'd like to make Form example next.

2020-01-18

I went a new year party. She and her husband were so close. I saw a lot of happy pictures of them. It makes me happy too.

Jhtrans開発雑記

I supported partial placehoder replacement for attribute value. I'd like to support for TextNode in same manner.

Sat, 2020-01-04

A sealing light went out and the fridge signed an error code at home in same time. I've tried replace sealing light with other room's. But the other room's sealing right was broken when I detached it. A plastic part of light has aging degr…

Thr, 2020-01-02

I have been to my cemetery with mother and brother's family where my father had been buried. We went to Don Quixote before going to the cemetery to buy flowers. My nephew bought a basket of snacks by change for flowers. We went to a yakini…

Tue, 2019-12-31

AWS から 認証機関 が 2020−03−05 で切れるから、更新せよとのお達しが届く 影響調査をした上で更新した

Friday, 2019-12-27

I went drink with my friends in Akihabara. We were walking around in Akihabara for 30 min. up to get into first bar. Because every bars in Akihabara was busy due to Friday and the last business day of this year. First bar was a bit expensi…

2019-12-21

I've attended a home party. I talked with a professional music player. She had been to Ireland. It was second tour to Ireland for her. You can hear music everywhere in Ireland which is played by general people, she said. Music is like part…

Jhtrans開発雑記

今日したこと for-each 的にElementNode を生成する機能の実装 API Interface を Method chaining を多用する感じにした 次したいこと 関連させる対象の ElementNode を Method chaining の中で選択する function の導入 やめたこと withValue の引数 Elemen…

Jhtrans開発雑記

今日したこと コメント文をほんの少し整備 片方向Binding を実現する toText の実装 次したいこと withValue の引数 ElementNode の代わり、string を指定したら、 querySelector の query string とみなして、DOM Search する for-each 的にElementNode を…

Jhtrans開発雑記

双方向Binding を実現する withValue を実装した。 次のことを行いたい。 コメント文整備 withValue の引数 ElementNode の代わり、string を指定したら、 querySelector の query string とみなして、DOM Search する 片方向Binding を実現する toText の実…

Sunday, 2019-12-15

I went a home party to Minami-senju. Host family reserved shared room in their condo. The room was big. The room could have a class for twenty people. We were three families and one single guy, it's me. There were two kids and one baby. We…

Jhtrans開発雑記

Attribute value の置換に対応した。 その機能を使っていろいろ試したい。 具体的にはログインフォームの入力など。

Usage を書いた

Jhtrans の Usage をがんばって書いた。 ソースの見やすさの点では、大分見にくく、残念だ。 GitHub - quwahara/jhtrans: Translate JavaScript array to HTML DOM object. Templating and replace the placeholder with a template. define(function (requi…

Jhtrans開発雑記

使用例を書いていたが、はじめの部分、テンプレートについて書いてる途中で力尽きた。

Jhtrans所感と目標

Translate のデータ構造が決まった。 現状で何ができるのかを明文化したい。 JSデータ構造から、DOM Node を生成し、テンプレートとして管理できる。 JSデータ構造から、管理しているテンプレートを組み合わせて、新しいDOM Nodeを生成できる。 次の点につい…

Walking around Kojiya

I have walked around Kojiya. I have lived in Kojiya until I was early third grade in elementally school. I've visited some memorial places. Park, shrine, elementally school, public bath and scrap processor. Almost places have changed but s…

Installed 32GB Memory

Device specifications The 32GB Memory was arrived from Crest Hill, Illinois today. I installed it into my LG Gram 13. This is the biggest RAM for me in my life. Also the PC mounts quad core CPU and my first quad core CPU. I feel keenly tec…

Jhtrans 実装所感

Template を用意し、それを参照する構造を表すデータ trMap を処理すると HTML を吐き出すようなものを試しに実装している。 所感 "0x0-" は捨てた方がよい trMap の要素に、trMap を指定し、そこから新しく Translate をはじめられるようにしたい。 PH-Key …

LG Gram 13

I've afforded LG Gram 13. The expected day for arrival was tomorrow but it hasn't. Thanks DHL! It's very light weight that I've expected. The color is white. It's rare color for PCs in these days isn't it? The keyboard layout is very norma…

お試しで実装した JSON から HTML へのTranslatorの 構成要素を整理する

動的 Element 生成を実装するときの状況例を明文化する - quwaharaの日記で整理した項目と、 Translatorの構成要素がどの程度適合しているか確認するため、 Translatorの構成要素を整理したい。 Translatorのデータ構造 TranslatorはテンプレートになるEleme…

動的 Element 生成を実装するときの状況例を明文化する

手間の観察が必要だ 何べんも行ってきた作業だが、 動的 Element 生成を実装するプログラムは、書いていてとても手間がかかる。 とてもしんどい。 その手間をテンプレートエンジンなどを、導入することで減らしたい。 仮にそのようなテンプレートエンジンを…

2019-11-13

こちらの発想を HTMLをJSON で表現できる下のような書式を考えてみたが - quwaharaの日記 お試しで実装している GitHub - quwahara/jhtrans: Translate JavaScript array to HTML DOM object. Templating and replace the placeholder with a template. テン…

npm モジュール作成入門してみた

npm モジュール作成してみたいとおもい こちらの記事を実践してみた 本当にやさしいnpmライブラリ開発入門 - Qiita 前提 npm がインストールされている npmjs.com のアカウントはある 作業記録 # npm にログイン mitsuaki@SURFACE-GO:~$ npm login Username:…

HTMLをJSON で表現できる下のような書式を考えてみたが

上のようなHTMLをJSON で表現できる下のような書式を考えてみたが、 やっぱり読みにくいなーって思ってしまった 書式の目的は HTMLテンプレートを バニラなJavaScript で操作できら、 便利だろうと思ったからだ まあこんなものか <div class="row"> <div class="col-12 text-center"> <div class="ib size-4 text-left"> <div class="col-12"> <label>Username</label> <input type="text" name="username"> </div> </div></div></div>

ログイン画面風のものを作った

以前の記事に従い、Grid system の勉強がてら、ログイン画面風のものを作った 2段のヘッダーをつけた - quwaharaの日記 幅を指定しつつ、センタリングするために、 col の中に col を入れるようなことをすると 途端に padding-right の指定が破たんした 結局…

2段のヘッダーをつけた

以前の記事に従い2段のヘッダーをつけた カラム1つのレイアウトを作った - quwaharaの日記 このコミットがそれ Add two tier headers · quwahara/qwaf@4724d79 · GitHub Screenshot 次はログイン画面風のものを作るつもり つまらないことでも書いておくのだ

カラム1つのレイアウトを作った

以前の記事に従いカラム1つのレイアウトを作った レイアウトをどうしたらいいか分からない - quwaharaの日記 このコミットがそれ Add one-column.html · quwahara/qwaf@e0e4fb2 · GitHub 次はそのカラム1つに、2段のヘッダーをつけるつもり 以前の記事の内容…