jQueryでulにliを足したいし、XSSは避けたい

このulにjQueryでliを足したい。

<ul class="kore"></ul>

てきとうに調べて書いてみた。

var data_zokusei = 'データ属性';
var li_nakami = '中身';
$(".kore").append('<li class="kurasu" data-zokusei="'+data_zokusei+'">'+li_nakami+'</li>');

あれ？これじゃ、中身のとことかデータ属性のところとかエスケープされなくね？

<marquee>とか入れたらまわりだすやつじゃね？XSSじゃね？

でもJavaScriptでエスケープするやつってreplaceで無理矢理やるやつしかないでしょ？

かっこ悪いじゃん。できればやりたくないじゃん。

色々調べた結果、こうなった。

var data_zokusei = 'データ属性';
var li_nakami = '中身';
$(".kore").append($('<li>').addClass('kurasu').attr('data-zokusei', data_zokusei).text(li_nakami));

いい感じに表示された。

NetBeansでインデントをスペースとタブで切り替えたい

ソースによってインデントがスペースだったりタブだったりするじゃないですか。

秀丸だったらその他→ファイルタイプ別の設定→体裁→タブの 「タブキーで空白入力」の入れたり入れなかったりっていうあれですよ。

NetBeansでそれを切り替えるのは ツール→オプション→エディタ→フォーマットタブの言語は「すべての言語」を選んで 「タブをスペースに展開」にチェックを入れたり入れなかったりすればおけ。

NetBeansの赤い縦線を消す

NetBeansの、コードの画面のど真ん中を縦に横切る赤いラインが急に気になりました。

あれか、このくらいの長さで書けよって目安の線か。

でも左に寄りすぎじゃね？

ツール→オプション→エディタ→フォーマットタブの「右マージン」があやしい。

で、てきとうに変えてみたらやっぱりこれでした。

ていうか80に設定されてるじゃん。80って、いつの時代だよ。

もう少し許してくれないとやってられないよ。

でもなんで右マージンって名前なの？まあいいか。

0を設定したらちゃんと無くなった。無いのもちょっと寂しい気もする。

NetBeansでコード画面を上下に分割したい

NetBeansで同じスクリプトを上の画面と下の画面に分割したかった。

秀丸だとウィンドウ→ウィンドウ分割上下だけど、

NetBeansだと表示→分割→水平方向で同じことができた。

解除は表示→分割→クリア。

よく使うからアイコン出したかったんだけど見つからなくて断念。

秀丸ならできるのに。。

NetBeansでコードを折り返したい

NetBeansでコード、折り返したいじゃないですか。

ツール→オプション→エディタ→フォーマットタブの「行折返し」を「任意の場所」に変更。

いいねいいねー。

NetBeansで小文字を大文字にする

NetBeansでも秀丸みたいに右クリックから「TO UPPER CASE」って感じに、大文字変換をやりたかったけど､そんなメニュー出てこなかった｡

上の方のメニューも探してみたけどでてこない。ググった。

ショートカットのやり方なら出てきた。

Netbeans Uppercase, Lowercase and Switch Case - useful key combo https://edmondscommerce.github.io/netbeans/netbeans-uppercase-lowercase-and-switch-case-useful-key-combo.html

> So, this is documented in the manual, but isn’t obvious in any menu :-
> 
> To uppercase a selection, press Control+U then U. To lowercase a selection, 
> press Control+U then L. and to reverse case in the selection 
> for when you have typed a whole line of code 
> without checking your caps lock!), 
> press Control+U then S.
> 
> Really useful but not well known.

Google翻訳で

> したがって、これはマニュアルに記載されていますが、
> どのメニューでも明白ではありません：
> 
> 選択を大文字にするには、Control + Uを押し、次にUを押します。
> 選択範囲を小文字にするには、
> Control + UとLを押して、大文字小文字のロックをチェックせずに
> コードの行全体を入力したときには、 コントロール+ U、S
> 
> 本当に有用だがよく知られていない。

Ctrl + UやってからU？

やってみた。Ctrl + UしたあとCtrlから指を離さないとダメ。むつかしくね？

私、Ctrl + の次って左手で届く範囲じゃないと押せないんだけど。右手はマウス使って文字を範囲指定してるわけだし。

つうか覚えられなくね？まじみんなこんなの使ってんの？

NetBeansでタブやスペースを表示したい

表示→「表示不可能な文字を表示」。

タブとかスペースとか改行とか出るようになった。

でもなんか黒くて微妙。

ツール→オプション→フォントと色→構文タブのカテゴリの「空白」の前景を「明るいグレー」に変更

強調表示タブの「インデント・ガイド・ライン」の前景を「明るいグレー」に変更

強調表示タブの「インデン空白」の前景を「明るいグレー」に変更

改行の設定が見つからない。。ググっても見つからない。。黒い。。

表示不可能な文字は同じ設定で変更できるようにして欲しい。。

英語のサイトがひっかかった。

Bug 215172 - Can not change EOL (line break, carret) color from Fonts&Colors tab https://netbeans.org/bugzilla/show_bug.cgi?id=215172

> > ...this is almost 5 years old and yet still nothing in sight, it's saddening.
> 
> Yes it is but maybe this plugin can help you: 
> http://plugins.netbeans.org/plugin/52662/editor-whitespace

日本語だとたぶん

> > （報告されてから）5年経ったけどなんにもなってないね。かなしい。
> 
> このプラグイン使いなよ。

何？変えられないの？プラグイン使えって言ってる？

使ってみることにした。プラグインをダウンロード。

ツール→プラグイン→ダウンロード済みタブの「プラグインを追加」ボタンから追加。

「インストール」ボタンでインストール。

む？改行が消えた？

プラグインの説明を確認。

> This module provides a generic whitespace highlighter for consistent display 
> when using the "Show Non-printable Characters" option in the IDE. 
> All tab and space characters are shown according to the "Whitespace" 
> color option, and newline characters are made invisible.

Google翻訳だと

> このモジュールでは、IDEで「表示できない文字を表示」オプションを
> 使用すると、一貫性のある表示のための一般的な空白のハイライターが
> 提供されます。 
> すべてのタブとスペース文字は「空白」の色オプションに従って表示され、
> 改行文字は見えなくなります。

改行は非表示なの？ うーん。でもまあ真っ黒よりいいか。薄いグレーにしたかったんだけどなぁ。うーん。