てがろぐで新しい名前変換スクリプト「charm.js」を使ってみたまとめです。
新しいもの好きな人間なのでこういうのすぐ試したくなる。
静的HTMLサイトでの導入はチェック済です。すごい簡単にできた!
charm.jsについてはこちら
http://lanama.net/script/charm01.html
島ミズナさまが公開している名前変換スクリプトです。
・Cookieで設定を保存ができる
・デフォルトネームを囲うだけで変換できるのでファイルの細かな設定は特にいらない
・data付与により区切りや、響くおと、カタカナへの対応ができる などの推しポイントがあります。
すごい。 すごすぎる。設定しておけば「なーまーえー」とか勝手に表示される。
快適すぎる……。快適すぎてなんかもう名前変換の域を超えてる気さえしてくる……。(名前を伸ばした時の最後の母音を変換させる夢小説を読んでいた人間なので)
しかも、サイトでコピペができるようにボックスが用意されているのでそれを使えば書く方は特に考えることなく名前変換ができる。つまり、とっても初心者にやさしい……!
(※てがろぐでこれを使うためにはエスケープが必要です)
【導入の仕方】
外側スキンのbodyタグの前にこのスクリプトを導入します。
スキンの外側にjsフォルダーがある、かつ複数のスキンに同時に適用させる場合にはこんな感じ
<script src="スキン名/../js/charm.js"></script>
スキンのフォルダーの中にある、本番適用させたスキンでのみ適用させる場合にはこんな感じ
<script src="js/charm.js"></script>
inputフォーム、名前変換用のタグは公式サイトで用意されているものを使います。
てがろぐの自由装飾に合わせる場合には、デモサイトに書いているようにdeco-〇〇という文字に変更してください。
また、charm-first1のように「-」が入るとてがろぐで反応しなくなるので、消すか新しく設定しなおすかしてください。
(idとclassが同じ文字であれば変換ができます)
登録フォームのコード
http://lanama.net/script/charm02.html
名前変換用のタグのコード
http://lanama.net/script/charm04.html
【デモサイト】
https://wono.flakko.work/charm/info.html
【感想】
aliceやdream.phpみたいに自由記法も使えますが(※スクリプトの改変は必要です)その場合だとdata-○○のタイプが使えないのでどちらをとるか、があるなーと思いました。 (てがろぐの独自記法に合わせるとdata-○○をうまく挿入できなかった…)
なので記述する時に楽をする方を選ぶのか、てがろぐで簡単にdata-○○の記述ができるように改造するか、自分でスクリプトそのものを改造するかの3択かなーという感じです。
個人的にはこちらのスクリプト、ファイルを導入し、変換フォームを設定すればほぼ完了なのでとても導入しやすく初心者もとっつきやすいのでは、と思います。
こちらのスクリプト 再配布NGということで紹介のみです。
でも使ってみたらすごい便利だったので、てがろぐ以外でもおすすめしたい! という気持ち。
2021年に配布されたばかり、2022年も手入れが入っているので今後も更新が期待されるのも嬉しいところ!
おわり。
コメントするにはログインが必要です