Uploadしよう！〜仕様拡張編〜

無印さんの「グリーンカレー」青唐辛子が好みかも。。。

HTML5

<center>は、HTML5では、廃止されている。CSSにて対応するよろし、ということになっています。ってことは、現行の変換だとダメというお話に。ほぼ作り直しに近いですやん。

追加仕様

変換ルールを以下のように変更しました。

変換前 変換後
(1) +++{x}string+++ +++{x}string+++
(2) +++{ss}(ta:center)string+++ <span style="text-align:center;>string</span>
(3) +++{ss}(c:#ff0)string+++ <span style="color:#ff0;">string</span>
(4) +++{sc}(hoge)string+++ <span class="hoge">string</span>
(5) +++{dc}(moge)string+++ <div class="moge">string</div>
  • (1)は、何もせず、そのまま出力
  • (2)は、文字(string)をセンタリング
  • (3)は、styleにて、色・サイズ等を指定
  • (4)は、class属性の定義が可能
  • (5)は、class属性の定義が可能

「{ss}」や「{dc}」などは、(Script上)限りなく予約語っぽいものになっています。
上記だと少し不親切ですが、「{ss}(c:#ff0,b:lime)」のように、「style」内は複数定義が可能ですし、「{sc}(aaa bbb)」のように「class」も複数定義が可能になっています。

限りなく完了形

ほぼ所望のことは可能になりました。

シメ！

春は花 夏ほととぎす 秋 は月 冬雪さえて すずしかりけり

Awesome!!

コメント

コメントを投稿

このブログの人気の投稿

Tabulatorで行こう！ 〜ダイバー編〜

あれから半日 ある程度のところまで、というところで、寝たんだけど。寝付けないわけです（笑） 「何をどうすれば」「あれをこうすれば」「これがああなって」という感じで、脳は活動をやめてないわけです。 ルーチンなので、そのうち、眠りに落ちるのですが、ナカナカ抜けない癖のようなものです。 修正を加えていた「書庫アプリ」も、ほぼ所望には仕上がりをみました。 そうなんだよね Wiredのフロントエンド に関する記事なのですが、「そうね！そうね！」と思ってしまいました。ほんと、移り変わりが早いので、ナカナカ入るタイミングを見つけられないで、今に至ってしまってますからね。大縄跳びに、上手く入れないみたいな（笑） Sort機能 Defaultで、Sortすることになっているので、Sortさせない列に対しては、以下のような設定をします。（一部抜粋） var table = new Tabulator("#example-table", { layout:"fitColumns", columns:[ ... {title:"Gender", field:"gender", headerSort:false}, Full は、こちらに。 Filter機能 Exampleを見ると、いろいろできますが、ここでは、「Text入力」と「選択入力」の二つを紹介。 var table = new Tabulator("#example-table", { layout:"fitColumns", columns:[ {title:"Name", width:150, headerFilter:true}, ... {title:"Favourite Color", field:"col", 　　　　　　　　　 headerFilter:"select", headerFilterParams:{values:true}}, ... ...
続きを読む

Tabulatorで行こう！ 〜違うじゃん編〜

あれから数日 タイトルに書いてしまってるので、なんですが（笑） 「 table.js 」に、再度落ち着いたと思いきや、結局、別のLibraryをいじってるという日々でした。 「 Tabulator 」という多機能のTable操作のライブラリです。 まだ、最終的にやりたいことはできてないのだけど、落とし所は過ぎてるので、カキコ。 初動のハマり箇所 いつものように、ぐぐる先生に、お手伝いをいただきますと、 $("#tabulator-example").tabulator({ layout:"fitColumns", ... と表現されているところが多いのですが、実は、 var table = new Tabulator("#example-table", { layout:"fitColumns", ... というのが、最新では紹介をされています。最初の方は、「 jQuery 」とセットになってるお話なんですが、最新では、いりません。ちなみに、最新は、 4.1 です。 それでも、ｊQueryという場合には、 <script type="text/javascript" src="dist/js/tabulator.min.js"></script> <script type="text/javascript" src="dist/js/jquery_wrapper.min.js"></script> Wrapperが用意されているので、それをimportしてください、ということになっています。（パスは読み替え要です） 必要な設定 最低限の設定は、以下になります。 <link href="dist/css/tabulator.min.css" rel="stylesheet"> <script type="text/javascript" src="dist/js/tabulator.min.js"></scr...
続きを読む

Fedoraで行こう！ 〜音声合成pyttsx3編〜

久しぶり 数年ぶりに、書いてみました。諸々のScriptの調整やら何やら、ございますれば。 Fedoraは、 37 を使用しております。 まあ、もうすぐ、 38 でますけどね。 インストールしてみた ふと、音声合成をやってみたくなり、ぐぐる先生で調べまして、 pyttsx3 なるものがあり、 使えますよ、と。事前で、というか、Python側ではなく、Fedora側で、インストールしておくものもある、 という感じで。 $ sudo dnf install espeak $ pyenv> pip install pyttsx3 pyenv は、 virtualenv にて、仮想的な環境を 構築した上での作業になっております。不要であれば、sudoを使って、インストールすればいいかと 思います。 libespeakのエラー $ python >>> import pyttsx3 >>> engine = pyttsx3.init() >>> engine.setProperty("voice", "Japanese") >>> engine.say("こんにちは") >>> engine.runAndWait() 少なくとも、上記コードは問題が発生したものと同一ではないのですが、上記だと、タイトルに ありますように、 libespeak でエラーになります。単純に、日本語を 解釈をしていない、ということです。 第一の問題 espeak は、日本語を解釈しません。日本語を解釈するのは、 espeak-ng になります。従って、 $ sudo dnf install espeak-ng CLIによるespeak-ngでは、ちゃんと日本語を解釈しますが、pyttsx3の先程のコードでは 問題がクリアになりません。 グーグル先生では、libespeak-ngをlibespeakに、シンボリックリンクすることで対応 というものがでます。 マイルール的に、管理者領域では、通常のUpdateや設定以外では操作しない、と決めている ので、リンクの張り替えによる対応はしないとしました。 第二の問題 $...
続きを読む