サイトに名前変換機能をコピペで導入できる、「Charm.js」について少し解説します。 このサンプルページのような機能をサイトに導入できます。 Charm.jsとはHTMLタグのコピペで名前変換を実装できるJavaScriptです。 変換したいところをspanタグで囲むタイプのスクリプトです。 名前変換小説や夢小説のページで、閲覧者さんが自由に名前を変えることができるようになります。 HTML/CSS/JavaScriptの静的サイトから、PHPやその他サーバーサイト
モバイル向けホームページ作成サービスで人気の「ナノ」には公式の名前変換機能がありますが、Lanamaで配布している名前変換スクリプトCharm.jsを使うこともできます。 ※私はナノについて隅々まで知っているわけではないので、この記事での実装方法よりも良い方法があるかもしれません。予めご了承ください。 ナノについてはこちら Charm.jsについてはこちら Charm.jsで出来るようになることトップページなどの小説以外のページでの名前変換 カスタム変換(Char
夢小説サイト、名前変換小説サイト向けのスクリプト「Charm.js」を、WordPressサイトで導入するための手順をご紹介します。 Charm.jsについてはこちらをご覧ください。 2024/10/21 追記: この記事はWordPressにスクリプトをアップロードして使うための手順です。CDNを各記事またはテンプレート全体で読み込む場合は、これらの手順は必要ありません。 詳しくは配布ページのTutorialをご確認ください。 用意するものPC版ブラウザ WordP
夢小説サイト、名前変換小説サイト向けのスクリプト「Berrycake.js」をWordPressサイトで導入するための手順をご紹介します。 スクリプトの仕組みについては配布サイトをご覧ください。 Berrycake.jsの基本的な名前変換方法はnote記事でも解説しています。 用意するものPC版ブラウザ WordPressサイト WordPressのメインコンテンツ要素のidかclassを特定しておく WordPressプラグイン版のBerrycake.js(WP
Utakata.jsとはUtakata.jsは、画像と文字を組み合わせて簡易スライドショーを作れるスクリプト(JavaScript)です。 画像を用意し、Utakata.js本体と指示JavaScriptを読み込むとスライドショーを表示できるようになります。 簡易デモページ 通常のスライドショーだけでなく、既存のスクリプトと組み合わせると閲覧者さんの入力した文字をスライドに表示することができます。 この機能を使えば、夢絵や夢マンガを表示することが可能です。 名前表示のあ
コピペで使える名前変換スクリプト「Charm.js」をもっと楽に使うためのツール「Charm Tagger」を公開しました。 まず前提として、Charm.jsを使った夢小説の名前変換の最小構成はこちら <!-- 名前登録input -->名前<input type="text" id="charmname1" class="charm charmnow"><!-- 小説表示 --><span class="charmname1">夢主</span>は今日も小説を読みます。
(2024.06.13更新) Lanama.netにて名前変換スクリプト「Berrycake.js」を公開しています。 最新バージョンはv1.4.0です。 Berrycake.jsは、設定ファイル1つとスクリプト本体ファイル1つから出来ている、夢小説や名前変換小説向けのスクリプトです。 デモページはこちら この記事ではBerrycake.jsについて簡単に紹介します。 小説本文の中でタグを使わずに変換できるBerrycake.jsは、小説ページに書かれているデフォルト名
パソコン等でファイルを保存するときに、「文字コード」を指定します。 まずはその文字コードとは何なのかを簡単に説明すると 文字コードとはコンピュータが文字を理解するためのルール(エンコード)のことで、UTF-8はその中の一つです。 UTF-8は世界中のほとんど全ての文字をカバーできます。 これを使うと、日本語や英語だけでなく、他の多くの言語も含めて、正確に表示や交換ができるようになります。なので、Web制作では多くのケースでUTF-8を使うことを推奨しています。 ここから